.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{scroll-behavior:auto;overflow-anchor:none;overscroll-behavior:contain}.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}}