.search-by-json{width:100%}.search-by-json .d-none{display:none!important}.search-by-json .show-hide{transition:all .7s}.search-by-json .fast-hide{opacity:0;overflow:hidden;visibility:hidden}.search-by-json .fast-show{opacity:1;visibility:visible}.search-by-json .input{position:relative}.search-by-json .input input{width:224px;height:100%;padding:10px 32px;min-height:40px;background:#FFFFFF3B;border-radius:80px;color:#fff;font-size:14px;font-family:var(--Medium)}.search-by-json .input input::placeholder{color:rgb(255 255 255 / 60%);font-size:14px}.search-by-json .input .empty{font-size:15px;position:absolute;top:50%;transform:translateY(-50%);left:14px;cursor:pointer;color:#707070;transition:0.4s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center;&:hover{color:var(--danger)}}.search-by-json .input .icon{position:absolute;top:50%;right:8px;cursor:pointer;color:#000;font-size:16px;width:20px;height:20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.search-by-json .input .icon img{width:20px}.search-by-json .body{position:absolute;z-index:99999;width:100%;background:#FFF;border-radius:0 0 16px 16px;text-align:center;padding:24px;min-height:400px;margin-top:20px;overflow:hidden;box-shadow:0 4px 32px 0 #0000002B}.search-by-json .body::-webkit-scrollbar{height:4px!important;width:3px!important}.search-by-json .body::-webkit-scrollbar-track{background:#eae8e4!important;height:4px!important}.search-by-json .body::-webkit-scrollbar-thumb{background:#7b7b7b!important;height:4px!important}.search-by-json .body::-webkit-scrollbar-thumb:hover{background:var(--color1)}.search-by-json .body .default p{text-align:center;padding-top:10px;color:#8b8b8b}.search-by-json .body .default img{margin-top:40px;border-radius:20px}.list-category ul,.search-by-json .body .default .popular,.search-by-json .body .is-search{text-align:right;display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px;flex-direction:column}.menu-popular ul{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:0}.search-by-json .body .default .popular .title-popular{font-size:18px;color:var(--black);font-family:var(--Medium);position:relative}.search-by-json .body .is-search .list-category ul{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.search-by-json .body .default .popular .menu-popular ul li:first-child,.search-by-json .body .is-search .list-category ul li:first-child{margin-right:0}.search-by-json .body .default .popular .menu-popular ul li:last-child,.search-by-json .body .is-search .list-category ul li:last-child{margin-left:0}.search-by-json .body .default .popular .menu-popular ul li a,.search-by-json .body .is-search .list-category ul li a{color:var(--black);padding:8px 12px;display:flex;align-items:center;justify-content:center;transition:0.4s;font-family:var(--Medium);background:#F3F5F9;font-size:14px;line-height:1;min-height:52px;border-radius:12px}.search-by-json .body .default .popular .menu-popular ul li a:hover,.search-by-json .body .is-search .list-category ul li a:hover{background:var(--color2);color:white!important}.search-by-json .body .not-found{color:#959595;font-size:17px;margin-top:50px}.search-by-json .body .is-search{padding:5px}.search-by-json .body .is-search .title-category,.search-by-json .body .is-search .title-posts,.search-by-json .body .is-search .title-products{font-size:18px;color:var(--black);font-family:var(--Medium);margin-bottom:16px}.search-by-json .body .is-search .list-products .item{display:grid;grid-template-columns:2fr 8fr 3fr;padding:8px 12px;align-items:center;gap:15px;border-radius:12px;background:#EFF7FA}.search-by-json .body .is-search .list-products .item:hover{color:var(--color1)}.search-by-json .body .is-search .list-products .item .img{display:flex;justify-content:center;align-items:center}.search-by-json .body .is-search .list-products .item .img img{width:75px}.search-by-json .body .is-search .list-products .item .title{font-weight:700;font-size:14px}.search-by-json .body .is-search .list-products .item .price{text-align:left}.search-by-json .body .is-search .list-products .item .price .discount{display:inline;background:#d53343;color:#FFF;padding:5px;border-radius:5px;margin-left:5px}.search-by-json .body .is-search .list-products .item .woocommerce-Price-amount bdi{font-size:14px}.search-by-json .body .is-search .list-products .item del .woocommerce-Price-amount bdi{font-size:12px}.search-by-json .body .is-search .list-products .item .woocommerce-Price-currencySymbol{font-size:13px;font-weight:400}.search-by-json .body .is-search .list-products .item del .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol{font-size:10px;font-weight:400}.list-posts,.list-products{overflow:auto;max-height:360px;-webkit-overflow-scrolling:auto;scrollbar-color:var(--color1) #fff;scrollbar-width:thin!important;padding-left:12px;gap:16px;display:grid}.search-by-json .body .is-search{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;.category{margin-bottom:clamp(32px, 3vw, 48px);grid-column:span 2}.title-posts,.title-category{font-size:18px;color:var(--black);font-family:var(--Medium);position:relative}& .post-item{display:flex;align-items:center;gap:clamp(8px, 1vw, 12px);border:1px solid var(--gray4);padding:8px;border-radius:16px;color:#000;& .img{min-width:clamp(120px, 14vw, 200px);height:clamp(100px, 8vw, 115px);overflow:hidden;border-radius:10px;& img{width:100%;height:100%;object-fit:cover}}& .post-title{font-size:14px;margin-bottom:6px;font-family:var(--Medium);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;flex-direction:column}.time{margin-top:6px;font-size:11px}}& .product-item{display:flex;align-items:center;gap:clamp(8px, 1vw, 12px);border:1px solid var(--gray4);padding:8px;border-radius:16px;color:#000;& .img{min-width:clamp(100px, 8vw, 115px);height:clamp(100px, 8vw, 115px);& img{width:100%;height:100%;object-fit:cover}}& .post-title{font-size:14px;margin-bottom:6px;font-family:var(--Medium);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;flex-direction:column}.product-desc{text-align:right;padding:0}}.title-posts{display:flex;align-items:center;justify-content:space-between}}@media screen and (min-width:768px){.search-by-json .body{width:100%}}@media screen and (min-width:992px){.search-by-json .body{width:175%}}@media screen and (min-width:1400px){.search-by-json .body{width:100%}}@media screen and (max-width:768px){.search-by-json .body .is-search{grid-template-columns:repeat(1,1fr);.category{grid-column:unset}}}@media screen and (max-width:576px){.search-by-json .body{width:160%;max-width:calc(100% - 30px);right:50%;transform:translateX(50%);background:white!important;border-radius:24px;padding:14px}.search-by-json .body .default p{font-size:13px}.search-by-json .body .default .popular .menu-popular ul li a,.search-by-json .body .is-search .list-category ul li a{font-size:12px}}