:root{--sf-black: #000;--sf-white: #fff;--sf-gray-50: #fafafa;--sf-gray-100: #f5f5f5;--sf-gray-200: #eee;--sf-gray-300: #ddd;--sf-gray-400: #bbb;--sf-gray-500: #888;--sf-gray-600: #666;--sf-radius: 8px;--sf-radius-lg: 16px;--sf-radius-full: 50px;--sf-shadow: 0 -4px 40px rgba(0,0,0,.2);--sf-transition: .25s ease;--sf-font-display: "Cormorant Garamond", Georgia, serif;--sf-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99998;opacity:0;visibility:hidden;transition:opacity var(--sf-transition),visibility var(--sf-transition)}.sf-overlay.sf-active{opacity:1;visibility:visible}.sf-modal{position:fixed;left:12px;right:12px;bottom:90px;max-height:60vh;background:var(--sf-white);border-radius:var(--sf-radius-lg);z-index:99999;display:flex;flex-direction:column;box-shadow:var(--sf-shadow);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity var(--sf-transition),visibility var(--sf-transition);overflow:hidden;contain:layout style}.sf-modal.sf-active{transform:translateY(0);opacity:1;visibility:visible}.sf-head{display:flex;justify-content:space-between;align-items:center;padding:16px;flex-shrink:0;border-bottom:1px solid var(--sf-gray-200)}.sf-title{font-family:var(--sf-font-display);font-size:20px;font-weight:500;letter-spacing:2px;color:var(--sf-black);margin:0}.sf-close{width:36px;height:36px;min-width:36px;border:none;background:var(--sf-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sf-gray-600);transition:background-color .15s;-webkit-tap-highlight-color:transparent}.sf-close:hover,.sf-close:focus{background:var(--sf-gray-200)}.sf-close:focus{outline:2px solid var(--sf-black);outline-offset:2px}.sf-close svg{width:16px;height:16px;pointer-events:none}.sf-tags{display:none;flex-wrap:wrap;gap:8px;padding:12px 16px;flex-shrink:0;border-bottom:1px solid var(--sf-gray-200)}.sf-tag{display:inline-flex;align-items:center;gap:6px;background:var(--sf-black);color:var(--sf-white);padding:6px 8px 6px 12px;border-radius:var(--sf-radius-full);font-family:var(--sf-font-body);font-size:13px;font-weight:500;line-height:1.2}.sf-tag button{width:20px;height:20px;min-width:20px;background:#fff3;border:none;border-radius:50%;color:inherit;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.sf-tag button:hover,.sf-tag button:focus{background:#ffffff59}.sf-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.sf-section{border-bottom:1px solid var(--sf-gray-200)}.sf-section:last-child{border-bottom:none}.sf-section-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.sf-section-head:focus{outline:none;background:var(--sf-gray-50)}.sf-section-head span{font-family:var(--sf-font-display);font-size:13px;font-weight:500;color:var(--sf-black);letter-spacing:1.5px}.sf-section-head svg{width:14px;height:14px;color:var(--sf-gray-500);transition:transform .2s ease;flex-shrink:0;pointer-events:none}.sf-section.sf-open .sf-section-head svg{transform:rotate(180deg)}.sf-section-content{overflow:hidden;transition:max-height .3s ease}.sf-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 16px 8px}.sf-price{padding:12px;background:var(--sf-gray-50);border:2px solid var(--sf-gray-300);border-radius:var(--sf-radius);font-family:var(--sf-font-body);font-size:13px;font-weight:500;color:var(--sf-black);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.sf-price:hover{border-color:var(--sf-gray-400)}.sf-price:focus{outline:2px solid var(--sf-black);outline-offset:2px}.sf-price:active{transform:scale(.98)}.sf-price.sf-on{background:var(--sf-black);border-color:var(--sf-black);color:var(--sf-white)}.sf-hint{padding:4px 16px 12px;font-family:var(--sf-font-body);font-size:11px;color:var(--sf-gray-500);text-align:center;margin:0}.sf-options{padding:4px 16px 12px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sf-option{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--sf-gray-200);-webkit-tap-highlight-color:transparent}.sf-option:last-child{border-bottom:none}.sf-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sf-checkmark{width:22px;height:22px;min-width:22px;border:2px solid var(--sf-gray-400);border-radius:4px;position:relative;background:var(--sf-white);transition:all .15s ease}.sf-option:hover .sf-checkmark{border-color:var(--sf-gray-500)}.sf-checkbox:focus+.sf-checkmark{outline:2px solid var(--sf-black);outline-offset:2px}.sf-option.sf-on .sf-checkmark{background:var(--sf-black);border-color:var(--sf-black)}.sf-option.sf-on .sf-checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid var(--sf-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.sf-label{flex:1;font-family:var(--sf-font-body);font-size:14px;color:var(--sf-black);line-height:1.3}.sf-count{font-family:var(--sf-font-body);font-size:12px;color:var(--sf-gray-500);flex-shrink:0}.sf-footer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--sf-gray-200);flex-shrink:0;background:var(--sf-white)}.sf-btn-clear{padding:14px 16px;background:var(--sf-gray-100);border:none;border-radius:var(--sf-radius);font-family:var(--sf-font-body);font-size:14px;font-weight:500;color:var(--sf-gray-600);cursor:pointer;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.sf-btn-clear:hover,.sf-btn-clear:focus{background:var(--sf-gray-200)}.sf-btn-clear:focus{outline:2px solid var(--sf-black);outline-offset:2px}.sf-btn-apply{flex:1;padding:14px 20px;background:var(--sf-black);border:none;border-radius:var(--sf-radius);font-family:var(--sf-font-body);font-size:14px;font-weight:600;color:var(--sf-white);cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.sf-btn-apply:hover{opacity:.9}.sf-btn-apply:focus{outline:2px solid var(--sf-black);outline-offset:2px}.sf-chips{display:flex;gap:8px;margin:12px 0 4px;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sf-chips::-webkit-scrollbar{display:none}.sf-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--sf-white);border:1.5px solid var(--sf-gray-400);border-radius:var(--sf-radius-full);font-family:var(--sf-font-body);font-size:13px;font-weight:500;color:var(--sf-black);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.sf-chip:hover{border-color:var(--sf-gray-500)}.sf-chip:active{transform:scale(.98)}.sf-chip.sf-on{background:var(--sf-black);border-color:var(--sf-black);color:var(--sf-white);padding-right:10px}.sf-chip-remove{width:18px;height:18px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background-color .15s}.sf-chip.sf-on:hover .sf-chip-remove{background:#fff6}@media (min-width: 769px){.sf-overlay,.sf-modal,.sf-chips{display:none!important}}@media (max-height: 700px){.sf-modal{max-height:65vh;bottom:80px}.sf-options{max-height:150px}}@media (max-height: 600px){.sf-modal{max-height:70vh;bottom:70px}.sf-options{max-height:120px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.sf-modal{bottom:calc(90px + env(safe-area-inset-bottom))}.sf-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom)/2)}}@media (prefers-reduced-motion: reduce){.sf-overlay,.sf-modal,.sf-section-content,.sf-section-head svg,.sf-price,.sf-chip,.sf-checkmark,.sf-close,.sf-btn-clear,.sf-btn-apply,.sf-tag button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/219/assets/filter-system-modern.css.map */