:root{--sf-black: #000;--sf-white: #fff;--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}@media (min-width: 769px){.sf-overlay,.sf-modal,.sf-chips{display:none!important}}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sf-overlay.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:100000;display:flex;flex-direction:column;box-shadow:0 -4px 40px #0003;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .25s,visibility .3s;overflow:hidden}.sf-modal.active{transform:translateY(0);opacity:1;visibility:visible}.sf-drag{width:40px;height:4px;background:var(--sf-gray-300);border-radius:2px;margin:12px auto 8px;flex-shrink:0}.sf-head{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px;flex-shrink:0}.sf-title{font-family:Cormorant Garamond,Georgia,serif;font-size:20px;font-weight:500;letter-spacing:2px;color:var(--sf-black)}.sf-x{width:36px;height:36px;border:none;background:var(--sf-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.sf-x:active{background:var(--sf-gray-200)}.sf-x svg{width:16px;height:16px;stroke:var(--sf-gray-600);stroke-width:2;fill:none}.sf-tags{display:none;flex-wrap:wrap;gap:8px;padding:0 16px 12px;flex-shrink:0}.sf-tag{display:inline-flex;align-items:center;gap:6px;background:var(--sf-black);color:var(--sf-white);padding:7px 10px 7px 14px;border-radius:var(--sf-radius-full);font-size:13px;font-weight:500}.sf-tag button{width:20px;height:20px;background:#fff3;border:none;border-radius:50%;color:inherit;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.sf-tag button:active{background:#fff6}.sf-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.sf-sec{border-bottom:1px solid var(--sf-gray-200)}.sf-sec:last-child{border-bottom:none}.sf-sec-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left}.sf-sec-head span{font-size:13px;font-weight:500;color:var(--sf-black);letter-spacing:1px}.sf-sec-head svg{width:14px;height:14px;stroke:var(--sf-gray-500);stroke-width:2;fill:none;transition:transform .2s;flex-shrink:0}.sf-sec-on .sf-sec-head svg{transform:rotate(180deg)}.sf-sec-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.sf-sec-on .sf-sec-body{max-height:400px}.sf-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 16px 8px}.sf-price{padding:13px 12px;background:var(--sf-gray-100);border:2px solid var(--sf-gray-300);border-radius:var(--sf-radius);font-size:13px;font-weight:500;color:var(--sf-black);cursor:pointer;transition:all .15s}.sf-price:active{transform:scale(.98)}.sf-price.on{background:var(--sf-black);border-color:var(--sf-black);color:var(--sf-white)}.sf-hint{padding:4px 16px 14px;font-size:11px;color:var(--sf-gray-500);text-align:center}.sf-opts{padding:4px 16px 14px;max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sf-opt{display:flex;align-items:center;gap:12px;padding:11px 0;cursor:pointer;border-bottom:1px solid var(--sf-gray-200)}.sf-opt:last-child{border-bottom:none}.sf-cb{position:absolute;opacity:0;pointer-events:none}.sf-check{width:22px;height:22px;border:2px solid var(--sf-gray-400);border-radius:4px;flex-shrink:0;position:relative;background:var(--sf-white);transition:all .15s}.sf-opt.on .sf-check{background:var(--sf-black);border-color:var(--sf-black)}.sf-opt.on .sf-check:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid var(--sf-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.sf-lbl{flex:1;font-size:14px;color:var(--sf-black)}.sf-cnt{font-size:12px;color:var(--sf-gray-500)}.sf-foot{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--sf-gray-200);flex-shrink:0;background:var(--sf-white)}.sf-clear{padding:14px 18px;background:var(--sf-gray-100);border:none;border-radius:var(--sf-radius);font-size:14px;font-weight:500;color:var(--sf-gray-600);cursor:pointer}.sf-clear:active{background:var(--sf-gray-200)}.sf-apply{flex:1;padding:14px 20px;background:var(--sf-black);border:none;border-radius:var(--sf-radius);font-size:14px;font-weight:600;color:var(--sf-white);cursor:pointer}.sf-apply:active{opacity:.9}.sf-chips{display:flex;gap:8px;margin:12px 0 4px;padding:0 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width: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-size:13px;font-weight:500;color:var(--sf-black);cursor:pointer;transition:all .15s}.sf-chip:active{transform:scale(.98)}.sf-chip.on{background:var(--sf-black);border-color:var(--sf-black);color:var(--sf-white);padding-right:10px}.sf-chip-x{width:18px;height:18px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}@media (max-height: 700px){.sf-modal{max-height:65vh;bottom:80px}.sf-opts{max-height:140px}}@media (max-height: 600px){.sf-modal{max-height:70vh;bottom:70px}.sf-opts{max-height:120px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.sf-modal{bottom:calc(90px + env(safe-area-inset-bottom))}.sf-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom)/2)}}@media (prefers-reduced-motion: reduce){.sf-overlay,.sf-modal,.sf-sec-body,.sf-sec-head svg,.sf-price,.sf-chip,.sf-check{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/filter-system-modern.css.map */