@media screen and (max-width:768px){.mobile-filters-panel{--mf-navy: #000a46;--mf-ink: #1c1c28;--mf-muted: #6f7080;--mf-line: #e4e4e8;--mf-chip-line: #d3d3da;--mf-ease: cubic-bezier(.32, .72, 0, 1);--mf-ease-out: cubic-bezier(.23, 1, .32, 1)}.filter-overlay{z-index:99990;background:#080a1e73;transition:opacity .2s ease-out,visibility 0s linear .2s}body.filter-open .filter-overlay{transition:opacity .3s ease-out,visibility 0s}.mobile-filters-panel{top:auto;left:0;right:0;bottom:0;height:88vh;height:88dvh;max-height:760px;z-index:99991;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #080a1e2e;transform:translateY(100%);visibility:hidden;transition:transform .24s var(--mf-ease-out),visibility 0s linear .24s;will-change:transform}body.filter-open .mobile-filters-panel,.mobile-filters-panel.mobile-open{transform:translateY(0);visibility:visible;transition:transform .34s var(--mf-ease),visibility 0s}.mobile-filters-panel.mf-dragging{transition:none}body.filter-open{overflow:hidden}body.filter-open .mobile-filter-toggle{opacity:0;pointer-events:none}.mobile-filter-toggle{transition:opacity .15s ease-out,transform .16s var(--mf-ease-out)}.mobile-filter-toggle:active{transform:translate(-50%) scale(.97)}.mobile-filter-toggle .mf-badge{font-style:normal;min-width:20px;height:20px;padding:0 6px;margin-left:2px;border-radius:10px;background:#fff;color:var(--mf-navy);font-size:12px;font-weight:600;line-height:20px;text-align:center;letter-spacing:0}.mobile-filter-toggle .mf-badge[hidden]{display:none}.mobile-filters-grab{flex:0 0 auto;height:20px;position:relative;touch-action:none;cursor:grab}.mobile-filters-grab:after{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#cfcfd6}.mobile-filters-panel .mobile-filters-header{padding:0 8px 12px 20px;border-bottom:1px solid var(--mf-line);touch-action:none}.mobile-filters-panel .mobile-filters-header h3{font-size:20px;font-weight:400;letter-spacing:.06em;color:var(--mf-navy)}.mobile-filters-panel .mobile-filters-close{width:44px;height:44px;padding:0;border-radius:50%;background:transparent;color:var(--mf-ink);transition:background-color .15s ease-out,transform .16s var(--mf-ease-out)}.mobile-filters-panel .mobile-filters-close:hover,.mobile-filters-panel .mobile-filters-close:focus{background:#f1f1f4;color:var(--mf-ink)}.mobile-filters-panel .mobile-filters-close:active{transform:scale(.94)}.mobile-filters-panel .mobile-filters-content{display:flex;flex-direction:column;padding:0 20px 8px;overscroll-behavior:contain}.mobile-filters-content #mobile-active-filters{order:0}.mobile-filters-content #mobile-color-wrapper{order:1}.mobile-filters-content #mobile-size-wrapper{order:2}.mobile-filters-content #mobile-design-wrapper{order:3}.mobile-filters-content #mobile-price-wrapper{order:4}.mobile-filters-content .filter-side.mf-empty{display:none}.mobile-filters-content .active-filters{padding:14px 0 12px;border-top:0;margin:0 -20px;border-bottom:1px solid var(--mf-line)}.mobile-filters-content .active-filters-list{flex-wrap:nowrap;overflow-x:auto;padding:0 20px;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-filters-content .active-filters-list::-webkit-scrollbar{display:none}.mobile-filters-content .active-filter-tag{flex:0 0 auto;min-height:36px;padding:0 4px 0 14px;border:0;border-radius:18px;background:var(--mf-navy);color:#fff;gap:2px;transition:transform .16s var(--mf-ease-out)}.mobile-filters-content .active-filter-tag:hover{background:var(--mf-navy);border-color:transparent}.mobile-filters-content .active-filter-tag:active{transform:scale(.97)}.mobile-filters-content .active-filter-tag .filter-value{color:#fff;font-size:13px;font-weight:400;letter-spacing:.02em;margin:0}.mobile-filters-content .active-filter-tag .remove-filter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#ffffffbf;font-size:18px}.mobile-filters-content .active-filter-tag .remove-filter:hover{color:#fff}.mobile-filters-content .filter-side{padding:0;border-top:0;border-bottom:1px solid var(--mf-line)}.mobile-filters-content .filter-side:last-of-type{border-bottom:1px solid var(--mf-line)}.mobile-filters-content .filter-side-title{display:flex;align-items:center;gap:12px;min-height:58px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-filters-content .filter-side-title h4{flex:0 0 auto;margin:0;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mf-navy)}.mobile-filters-content .filter-side-title h4 span{display:none}.mobile-filters-content .filter-side-title .mf-summary{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:13px;color:var(--mf-muted)}.mobile-filters-content .filter-side.mf-has-value .mf-summary{color:var(--mf-ink);font-weight:500}.mobile-filters-content .filter-side-title:after{content:"";flex:0 0 auto;width:9px;height:9px;margin:0 4px 3px 2px;border-right:1.5px solid var(--mf-ink);border-bottom:1.5px solid var(--mf-ink);transform:rotate(45deg);transition:transform .2s var(--mf-ease-out)}.mobile-filters-content .filter-side.mf-open .filter-side-title:after{transform:rotate(-135deg) translate(-2px,-2px)}.mobile-filters-panel .mobile-filters-content .filter-side:not(.mf-open) .list-filter{display:none}.mobile-filters-panel .mobile-filters-content .filter-side.mf-open .list-filter{display:block;padding:2px 0 20px;overflow:visible}.mobile-filters-content .list-filter ul{display:flex;flex-wrap:wrap;gap:8px 6px;overflow:visible}.mobile-filters-content .list-filter li{margin:0}.mobile-filters-content .list-filter label{position:relative;display:inline-flex;align-items:center;gap:7px;width:auto;min-height:44px;padding:0 12px;border:1px solid var(--mf-chip-line);border-radius:4px;background:#fff;color:var(--mf-ink);font-size:13.5px;font-weight:400;letter-spacing:0;line-height:1.2;text-transform:none;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .16s var(--mf-ease-out);-webkit-tap-highlight-color:transparent}.mobile-filters-content .list-filter label:active{transform:scale(.97)}.mobile-filters-content .list-filter label input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mobile-filters-content .list-filter label:has(input:checked){background:var(--mf-navy);border-color:var(--mf-navy);color:#fff}.mobile-filters-content .list-filter label.disabled,.mobile-filters-content .list-filter label:has(input:disabled){opacity:.38;background:#fafafb}.mobile-filters-content .list-filter label.disabled input,.mobile-filters-content .list-filter label input:disabled{cursor:not-allowed}.mobile-filters-content .list-filter label:focus-within{outline:2px solid var(--mf-navy);outline-offset:2px}.mobile-filters-content #mobile-color-filters label:before{content:"";flex:0 0 auto;width:16px;height:16px;margin-left:-2px;border-radius:50%;background:#ccc;box-shadow:inset 0 0 0 1px #00000029}.mobile-filters-content #mobile-color-filters label:has(input:checked):before{box-shadow:0 0 0 1.5px #fff,inset 0 0 0 1px #00000029}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Blue]):before{background:#1f3f7a}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Grey]):before{background:#8e9097}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Beige]):before{background:#cdb89a}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=White]):before{background:#f7f4ed}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Brown]):before{background:#6b4a32}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Green]):before{background:#40604a}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Black]):before{background:#1b1b1d}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Red]):before{background:#a3262c}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Pink]):before{background:#e5a9b6}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Purple]):before{background:#6d4a86}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Yellow]):before{background:#e3c44c}.mobile-filters-content #mobile-color-filters label:has(input[data-filter-value=Orange]):before{background:#d9772c}.mobile-filters-content .price-inputs{margin-top:0;gap:12px}.mobile-filters-content .price-inputs label{display:flex;flex-direction:column;gap:6px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--mf-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:left;width:auto}.mobile-filters-content .price-inputs label:active{transform:none}.mobile-filters-content .price-inputs input{height:48px;padding:0 14px;border:1px solid var(--mf-chip-line);border-radius:4px;font-size:16px;color:var(--mf-ink);background:#fff}.mobile-filters-content .price-inputs input:focus{border-color:var(--mf-navy);outline:0;box-shadow:0 0 0 1px var(--mf-navy)}.mobile-filters-panel .mobile-filters-actions{display:flex;align-items:center;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mf-line);background:#fff}.mobile-filters-panel .mobile-filters-actions .mf-clear{flex:0 0 auto;min-height:52px;padding:0 14px;border:0;background:transparent;color:var(--mf-ink);font-size:14px;font-weight:400;letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mobile-filters-panel .mobile-filters-actions .mf-clear[hidden]{display:none}.mobile-filters-panel .mobile-filters-actions .mf-clear:hover,.mobile-filters-panel .mobile-filters-actions .mf-clear:focus{background:transparent;color:var(--mf-navy)}.mobile-filters-panel .mobile-filters-actions .apply-filters{flex:1 1 auto;width:auto;min-height:52px;padding:0 20px;border-radius:4px;background:var(--mf-navy);color:#fff;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:transform .16s var(--mf-ease-out),background-color .15s ease-out}.mobile-filters-panel .mobile-filters-actions .apply-filters:hover,.mobile-filters-panel .mobile-filters-actions .apply-filters:focus{background:var(--mf-navy);color:#fff}.mobile-filters-panel .mobile-filters-actions .apply-filters:active{transform:scale(.98)}.mobile-filters-panel .mobile-filters-actions .apply-filters.mf-none{background:#e9e9ee;color:var(--mf-muted)}}@media screen and (max-width:768px)and (prefers-reduced-motion:reduce){.mobile-filters-panel,body.filter-open .mobile-filters-panel,.mobile-filters-panel.mobile-open{transform:none;opacity:0;transition:opacity .15s ease-out,visibility 0s linear .15s}body.filter-open .mobile-filters-panel,.mobile-filters-panel.mobile-open{opacity:1;transition:opacity .15s ease-out,visibility 0s}.mobile-filters-content .filter-side-title:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/mobile-filters.css.map */