.x-filters-box{margin-bottom:.5rem}.x-filters-box>.title{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;padding:.75rem;font-size:1rem;font-weight:500}.x-filters-box.collapsible>.title{cursor:pointer}.x-filters-box.collapsible>.title i{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.x-filters-box.collapsible>.title:hover{background-color:hsla(0,0%,100%,.1)}.x-filters-box.collapsible>.content{overflow:hidden;padding-left:.5rem;padding-right:.5rem;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.x-filters-box.collapsible.is-opened>.title i{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.categories-tree li>.title{display:flex;cursor:pointer;align-items:center;border-bottom-width:1px;border-color:rgb(55 65 81/var(--tw-border-opacity));--tw-border-opacity:0.9!important;padding:.75rem .5rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.categories-tree li>.title:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.categories-tree li>.title>span{flex-grow:1}.categories-tree li>.title>span i{margin-inline-end:.5rem;display:none;flex-shrink:0;font-size:1.5rem;line-height:2rem;line-height:.8;color:#00000033;--tw-text-opacity:1;color:rgb(29 151 9/var(--tw-text-opacity))}.categories-tree li>.title .arrow{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.categories-tree li>.title:hover{background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:0.15!important}.categories-tree li>.title:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.categories-tree li li{padding-inline-start:1rem}.categories-tree li .sub-categories-box{height:0;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.categories-tree li.is-opened>.title{font-weight:500}.categories-tree li.is-opened>.title .arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.categories-tree li.is-opened>.sub-categories-box{height:fit-content}.categories-tree li.is-choosen:not(.is-opened)>.title{font-weight:500;--tw-text-opacity:1;color:rgb(178 226 71/var(--tw-text-opacity))}.x-filters-box .price-range-filter{display:flex;flex-wrap:wrap;justify-content:center;padding-top:.75rem;padding-bottom:1.25rem}.x-filters-box .price-range-filter .tracker{display:flex;width:100%}.x-filters-box .price-range-filter .tracker .tracker-line{height:.14rem;width:100%;align-self:center;border-radius:.375rem}.x-filters-box .price-range-filter .thumb{height:1rem;width:1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(178 226 71/var(--tw-bg-opacity))}.x-filters-box .rating-option{margin-top:.5rem;margin-bottom:.5rem;display:flex;cursor:pointer;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem}.x-filters-box .rating-option i{font-size:1.125rem;line-height:1.75rem;line-height:.8;color:rgb(0 0 0/var(--tw-text-opacity));--tw-text-opacity:0.2!important}.x-filters-box .rating-option i:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-filters-box .rating-option i.toggle-on{display:none;--tw-text-opacity:1!important}.x-filters-box .rating-option i.toggle-off{display:inline-block}.x-filters-box .rating-option img{height:1.75rem;max-width:100%;object-fit:contain}.x-filters-box .rating-option span{font-size:.875rem;line-height:1.25rem}.x-filters-box .rating-option.is-checked .fi{--tw-text-opacity:1;color:rgb(29 151 9/var(--tw-text-opacity))}.x-filters-box .rating-option.is-checked .fi.toggle-on{display:inline-block}.x-filters-box .rating-option.is-checked .fi.toggle-off{display:none}.x-filters-side{pointer-events:none;position:fixed;bottom:0;inset-inline-start:0;inset-inline-end:0;z-index:9999;margin-left:auto;margin-right:auto;height:100dvh;width:100%;flex-shrink:0;padding-left:.5rem;padding-right:.5rem}.x-filters-side form{padding:.25rem}.x-filters-side form:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.x-filters-side .filter-side-content{position:static;top:0;overflow:visible}.x-filters-side .back-overflow{pointer-events:none;top:0;z-index:10;height:100%;width:100%;--tw-bg-opacity:0.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.x-filters-side .back-overflow,.x-filters-side .x-form{position:absolute;inset-inline-start:0;background-color:rgb(0 0 0/var(--tw-bg-opacity));opacity:0;transition-property:all}.x-filters-side .x-form{bottom:0;z-index:30;height:100dvh;width:26rem;max-width:100%;--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow-y:auto;--tw-bg-opacity:1;padding-left:2rem;padding-right:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.x-filters-side .x-form:is(.dark *){--tw-bg-opacity:1;background-color:rgb(78 77 80/var(--tw-bg-opacity))}.x-filters-side .x-form .x-toggle .label,.x-filters-side .x-form .x-toggle .toggle-off{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.x-filters-side .x-form>.header{margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem}.x-filters-side .x-form>.header h2{font-size:1.25rem;line-height:1.75rem}.x-filters-side .x-form>.header .close-btn{position:absolute;top:1.5rem;inset-inline-end:1.75rem;z-index:50;height:3rem;width:3rem;align-items:center;justify-content:center;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-filters-side .x-form>.footer{position:sticky;bottom:0;z-index:50;display:none;width:100%}.x-filters-side .clear-all-btn-box{text-align:end}.x-filters-side .clear-all-btn-box button .btn-content{--tw-bg-opacity:0.2;--tw-text-opacity:1;color:rgb(228 50 50/var(--tw-text-opacity))}body.filters-opened{overflow-y:hidden}body.filters-opened .x-filters-side{pointer-events:auto}body.filters-opened .x-filters-side .back-overflow{pointer-events:auto;opacity:1}body.filters-opened .x-filters-side .x-form{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}@media(max-width:700px){.x-filters-side .x-form{width:100%}.x-filters-side .x-form>.footer{display:block}}.x-products-box-header{margin-bottom:1rem;display:flex;justify-content:space-between;padding-bottom:.75rem}.x-products-box-header .open-filter-btn{display:inline-flex;min-width:10rem;align-items:center;gap:.75rem;padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:.75rem;font-weight:600}.x-products-box-header>.start{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.x-products-box-header>.start .category-btn{min-width:10rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));padding:.25rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:uppercase;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.x-products-box-header>.start .category-btn.is-active{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-pagination-box{margin:5rem auto;display:flex;width:100%;align-items:center;justify-content:center;gap:1rem;text-align:center}.x-pagination-box button{margin-left:0;margin-right:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:0;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));padding:.5rem;font-size:1rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.x-pagination-box button:hover{--tw-bg-opacity:1;background-color:rgb(178 226 71/var(--tw-bg-opacity))}.x-pagination-box button:disabled{pointer-events:none;opacity:.4}.x-pagination-box select{min-width:3.5rem;text-align:center}.x-products-skeleton-card{width:100%}.x-products-skeleton-card .image{aspect-ratio:1/1;width:100%}.x-products-skeleton-card .content{padding:.75rem}.x-products-skeleton-card .content .line{margin-bottom:.75rem;height:1rem;width:100%}.x-products-skeleton-card .content .line.short{width:33.333333%}.x-products-skeleton-card .content .line.medium{margin-bottom:0;width:50%}.x-products-skeleton-card .loading-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f8f8f8 4%,#efefef 25%,#f8f8f8 36%);background-size:1000px 100%}html.dark .x-products-skeleton-card .loading-shimmer{background:linear-gradient(90deg,#2c2829 2%,#231f20 20%,#373234 30%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}