body.cu-filter-drawer-open{overflow:hidden}.template-name-collection .remove-one-filter{display:inline-flex;align-items:center;gap:7px;min-height:30px;margin:4px 8px 0 0;padding:0 10px;border:1px solid #f3b5bf;border-radius:999px;background:#fff8f9;color:#b91c1c;font-size:12px;font-weight:800;text-decoration:none;line-height:1}.template-name-collection .remove-one-filter:hover{background:#ffe4e6;color:#881337;border-color:#fda4af}.template-name-collection .remove-one-filter .remove-ico{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:999px;background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;font-size:11px;line-height:1;font-weight:900}.template-name-collection .cu-filter-form{--cu-line: #e5e7eb;--cu-accent: #ef4444;--cu-accent-dark: #dc2626;--cu-text: #171717;--cu-muted: #6b7280;--cu-shadow: 0 18px 40px rgba(17, 17, 17, .16);position:relative}.template-name-collection .cu-filter-toolbar{display:flex;align-items:center;gap:12px;margin-top:14px;margin-bottom:14px}.template-name-collection .cu-filter-open-btn{-webkit-appearance:none;appearance:none;border:0;min-height:48px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,var(--cu-accent),var(--cu-accent-dark));color:#fff;font-family:var(--bodyfont);font-size:14px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 12px 24px #ef44443d;cursor:pointer}.template-name-collection .cu-filter-open-btn:hover{opacity:.96}.template-name-collection .cu-filter-reset,.template-name-collection .cu-filter-footer-reset{-webkit-appearance:none;appearance:none;border:0;background:none;color:var(--cu-accent);font-family:var(--bodyfont);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.template-name-collection .cu-filter-toolbar .count{margin-left:auto;color:#1f2937;font-family:var(--bodyfont);font-size:14px;font-weight:800}.template-name-collection .cu-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#1111116b;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.template-name-collection .cu-filter-overlay.is-open{opacity:1;visibility:visible}.template-name-collection .cu-filter-drawer{position:fixed;top:0;left:0;z-index:1000;width:min(420px,100vw);height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--cu-text);font-family:var(--bodyfont);box-shadow:var(--cu-shadow);transform:translate(-100%);transition:transform .26s ease}.template-name-collection .cu-filter-drawer.is-open{transform:translate(0)}.template-name-collection .cu-filter-header{padding:18px 18px 16px;border-bottom:1px solid var(--cu-line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fff,#fff9f9)}.template-name-collection .cu-filter-title{margin:0;font-size:28px;line-height:.95;font-weight:900}.template-name-collection .cu-filter-subtitle{margin-top:6px;color:var(--cu-muted);font-size:13px;line-height:1.35;font-weight:700}.template-name-collection .cu-filter-close{-webkit-appearance:none;appearance:none;border:0;width:40px;height:40px;flex:0 0 auto;border-radius:999px;background:#f4f6f8;color:#111827;font-family:var(--bodyfont);font-size:22px;line-height:1;cursor:pointer}.template-name-collection .cu-filter-active{padding:12px 14px 8px;display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--cu-line);background:#fff}.template-name-collection .cu-filter-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;background:#f3f3f5}.template-name-collection .cu-filter-section{border-bottom:1px solid var(--cu-line);background:#f3f3f5}.template-name-collection .cu-filter-section-toggle{-webkit-appearance:none;appearance:none;width:100%;border:0;padding:16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f3f5;text-align:left;font-family:var(--bodyfont);cursor:pointer}.template-name-collection .cu-filter-section-label{color:#1f2937;font-size:14px;font-weight:900;line-height:1}.template-name-collection .cu-filter-section-right{display:inline-flex;align-items:center;gap:8px}.template-name-collection .cu-filter-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eef2f6;color:#4b5563;font-size:10px;font-weight:900;line-height:1}.template-name-collection .cu-filter-section-count.is-active{background:linear-gradient(180deg,var(--cu-accent),var(--cu-accent-dark));color:#fff}.template-name-collection .cu-filter-section-icon{color:#6b7280;font-size:14px;line-height:1}.template-name-collection .cu-filter-section-panel{display:none;padding:0 14px 14px;background:#f3f3f5}.template-name-collection .cu-filter-section.is-open .cu-filter-section-panel{display:block}.template-name-collection .cu-filter-section .filter-menu{margin-top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.template-name-collection .cu-filter-section .filter-menu ul.list-unstyled{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;max-width:none;margin:0;padding-left:0}.template-name-collection .cu-filter-item{list-style:none;width:auto;flex:0 0 auto;margin:0;padding:0}.template-name-collection .cu-filter-section .filter-menu .form-check{margin:0;width:100%}.template-name-collection .cu-filter-section .filter-menu .form-check-input{position:absolute;opacity:0;pointer-events:none}.template-name-collection .cu-filter-section .filter-menu .form-check-label{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;width:auto;max-width:100%;margin:0;padding:0 12px;border:1px solid #d2d8e0;border-radius:999px;background:linear-gradient(180deg,#f8f9fc,#f1f3f7);color:#2f3742;font-family:var(--bodyfont);font-size:13px;line-height:1;font-weight:900;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;box-shadow:0 3px 8px #11111112;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.template-name-collection .cu-filter-section .filter-menu .form-check-input:checked+.form-check-label{border:2px solid var(--cu-accent);background:linear-gradient(180deg,#fffdfd,#fff8f8);color:#b91c1c;box-shadow:0 0 0 1px #ef444414,0 3px 8px #11111114}.template-name-collection .cu-filter-section .filter-menu .form-check-input:disabled+.form-check-label{opacity:.55;cursor:not-allowed;box-shadow:none}.template-name-collection .cu-filter-section .filter-chip-left{display:inline-flex;align-items:center;gap:8px}.template-name-collection .cu-filter-section .filter-chip-total{color:#5f6976;font-size:11px;font-weight:800}.template-name-collection .cu-filter-section .form-check-input:checked+.form-check-label .filter-chip-total{color:#b91c1c}.template-name-collection .cu-filter-footer{flex:0 0 auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:grid;gap:8px;border-top:1px solid var(--cu-line);background:#f7f7f8}.template-name-collection .cu-filter-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-name-collection .cu-filter-footer-meta .count{margin-left:0;color:#2f3742;font-family:var(--bodyfont);font-size:13px;font-weight:800}.template-name-collection .cu-filter-footer-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.template-name-collection .cu-filter-apply{-webkit-appearance:none;appearance:none;border:0;min-height:44px;border-radius:999px;background:linear-gradient(180deg,#1c1c1f,#111);color:#fff;font-family:var(--bodyfont);font-size:15px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 12px 24px #11111129;cursor:pointer}.template-name-collection .cu-filter-footer-reset{min-height:44px;padding:0 16px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 10px 20px #ef44443d}.template-name-collection .cu-filter-active .remove-one-filter{min-height:30px;margin:0;padding:0 10px;font-size:12px}.template-name-collection .cu-filter-active .remove-one-filter .remove-ico{width:17px;height:17px;font-size:11px}@media(max-width:520px){.template-name-collection .cu-filter-drawer{width:100vw}.template-name-collection .cu-filter-title{font-size:24px}.template-name-collection .cu-filter-toolbar{flex-wrap:wrap;gap:8px}.template-name-collection .cu-filter-toolbar .count{margin-left:0;width:100%}.template-name-collection .cu-filter-footer-actions{grid-template-columns:auto minmax(0,1fr);align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/276/assets/collection-drawer.css.map */