@layer sections{.coll-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5.5rem);line-height:.98;font-weight:800;font-stretch:90%;letter-spacing:var(--track-tight);text-transform:uppercase}.coll-toolbar{background:var(--surface-page);border-block-end:1px solid var(--rule)}.coll-count{font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:var(--track-wide);text-transform:uppercase}.coll-filter-btn{border-radius:0;font-family:var(--font-mono);font-size:var(--fs-3xs);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;min-height:var(--tap-min)}.coll-filter-btn:hover{border-color:var(--ink-1);color:var(--ink-1);background:var(--surface-raised)}.coll-filter-badge,.filter-active-count{background:var(--accent);border-radius:0;font-family:var(--font-mono)}.coll-chip{border-radius:0;background:var(--surface-raised);border-color:var(--rule);color:var(--ink-1)}.coll-chip:hover{border-color:var(--ink-1);background:var(--surface-page)}.coll-chip svg{color:var(--ink-2)}.coll-chip--clear{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.coll-chip--clear:hover{background:var(--ink-1);border-color:var(--ink-1)}.shopify-section:has(.coll-sidebar){transform:none}.coll-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(340px,88vw);max-height:none;background:var(--surface-page);border-inline-end:1px solid var(--rule);transform:translate(-100%);transition:transform var(--transition-slow);z-index:500;overflow-y:auto;padding-inline-end:0}[dir=rtl] .coll-sidebar{inset-inline-start:auto;inset-inline-end:0;border-inline-end:none;border-inline-start:1px solid var(--rule);transform:translate(100%)}.coll-sidebar.is-open{transform:translate(0)}.coll-sidebar-header{padding:var(--sp-4) var(--sp-5);background:var(--surface-page);border-block-end:1px solid var(--rule)}.coll-sidebar-heading{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase}.filter-form{padding-inline:var(--sp-5);padding-block:var(--sp-2) var(--sp-6)}.filter-label{min-height:var(--tap-min);border-radius:0}.filter-checkbox-ui{border-radius:0}.filter-checkbox:checked+.filter-checkbox-ui{background:var(--accent);border-color:var(--accent)}@media(min-width:64rem){.coll-sidebar{position:sticky;inset-inline:auto;inset-block-start:calc(var(--header-height) + 60px);max-height:calc(100vh - var(--header-height) - 80px);width:auto;transform:none;border-inline-end:none;z-index:auto}.coll-sidebar-header .coll-sidebar-close{display:none}}.coll-hero{position:relative;background:var(--surface-raised);padding-block:var(--sp-9) var(--sp-8);overflow:hidden}.coll-hero--plain{background:var(--surface-raised)}.coll-hero-ornament{display:block;width:var(--sp-6);height:2px;background:var(--accent);margin-block-start:var(--sp-3)}.coll-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.coll-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#14110f8c,#14110f4d)}.coll-hero-body{position:relative;z-index:2}.coll-breadcrumb{display:flex;align-items:center;gap:var(--sp-1);color:var(--ink-2);margin-block-end:var(--sp-3)}.coll-breadcrumb a{transition:color var(--transition-fast)}.coll-breadcrumb a:hover{color:var(--accent)}.coll-hero-title--light{color:var(--color-white)}.coll-hero-title--light~.coll-hero-desc{color:#fffc}.coll-hero-desc{margin-block-start:var(--sp-3);color:var(--ink-2);font-size:var(--fs-sm);max-width:60ch}.coll-toolbar{padding-block:var(--sp-3)}.coll-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.coll-toolbar-start,.coll-toolbar-end{display:flex;align-items:center;gap:var(--sp-3)}.coll-filter-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1.5px solid var(--rule);background:transparent;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);white-space:nowrap}@media(min-width:64rem){.coll-filter-btn{display:none}}.coll-filter-badge,.filter-active-count{min-width:18px;height:18px;color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:0 4px}.coll-count{color:var(--ink-2);white-space:nowrap}.coll-view-toggle{display:none;align-items:center;gap:var(--sp-1);border:1.5px solid var(--rule);border-radius:0;padding:.2rem}@media(min-width:40rem){.coll-view-toggle{display:flex}}.coll-view-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer}.coll-view-btn:hover{color:var(--ink-1)}.coll-view-btn.active{background:var(--surface-raised);color:var(--ink-1)}.sort-wrapper{position:relative;display:inline-flex;align-items:center}.sort-select{appearance:none;-webkit-appearance:none;background:transparent;border:1.5px solid var(--rule);border-radius:0;padding:var(--sp-2) var(--sp-8) var(--sp-2) var(--sp-4);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink-1);cursor:pointer;transition:border-color var(--transition-fast)}[dir=rtl] .sort-select{padding-inline:var(--sp-8) var(--sp-4)}.sort-select:focus{border-color:var(--ink-1);outline:none}.select-chevron{position:absolute;inset-inline-end:var(--sp-3);pointer-events:none;color:var(--ink-2)}.coll-active-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-block-start:var(--sp-2)}.coll-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.3rem var(--sp-3);font-size:var(--fs-xs);font-weight:500;transition:border-color var(--transition-fast),background var(--transition-fast);cursor:pointer}.coll-chip svg{flex-shrink:0}.coll-layout{display:grid;gap:0;padding-block:var(--sp-6)}@media(min-width:64rem){.coll-layout:has(.coll-sidebar){grid-template-columns:260px 1fr;gap:var(--sp-8);align-items:start}}.coll-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110f73;z-index:399;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.coll-sidebar-overlay.is-visible{opacity:1;visibility:visible}.coll-sidebar-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.filter-group{border-block-end:1px solid var(--rule)}.filter-group-summary{display:flex;align-items:center;gap:var(--sp-2);padding-block:var(--sp-3);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track-wide);text-transform:uppercase;cursor:pointer;list-style:none;color:var(--ink-1)}.filter-group-summary::-webkit-details-marker{display:none}.filter-group-summary span:first-child{flex:1}.filter-group[open] .accordion-icon{transform:rotate(180deg)}.filter-group-content{padding-block:var(--sp-1) var(--sp-4)}.filter-values{display:flex;flex-direction:column;gap:.125rem}.filter-label{display:flex;align-items:center;gap:var(--sp-2);padding:.4rem var(--sp-1);cursor:pointer;font-size:var(--fs-sm);color:var(--ink-1);transition:color var(--transition-fast),background var(--transition-fast)}.filter-label:hover:not(.filter-label--empty){color:var(--accent);background:var(--surface-raised)}.filter-label--empty{opacity:.45;cursor:not-allowed}.filter-checkbox-wrap{position:relative;flex-shrink:0}.filter-checkbox{position:absolute;opacity:0;width:16px;height:16px;cursor:pointer;top:0;right:0;bottom:0;left:0}.filter-checkbox-ui{display:block;width:16px;height:16px;border:1.5px solid var(--rule);background:var(--surface-page);transition:border-color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.filter-checkbox:checked+.filter-checkbox-ui{background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.filter-value-text{flex:1;line-height:1.3}.filter-count{font-size:var(--fs-xs);color:var(--ink-2)}.filter-price-range{padding:.375rem 0 .25rem}.price-range-inputs{display:flex;align-items:center;gap:var(--sp-2)}.price-range-label{flex:1;display:flex;align-items:center;gap:var(--sp-1);border:1.5px solid var(--rule);border-radius:0;padding:.375rem var(--sp-2);background:var(--surface-page);transition:border-color var(--transition-fast)}.price-range-label:focus-within{border-color:var(--ink-1)}.price-range-currency{font-size:var(--fs-sm);color:var(--ink-2);flex-shrink:0}.price-range-input{flex:1;border:none;font-size:var(--fs-sm);color:var(--ink-1);background:none;width:100%;min-width:0}.price-range-input:focus{outline:none}.price-range-sep{color:var(--ink-2);font-size:var(--fs-sm);flex-shrink:0}.filter-actions{display:flex;flex-direction:column;gap:var(--sp-2);padding-block:var(--sp-5) 0}.filter-form--auto .filter-actions button[type=submit]{display:none}.filter-form--auto .filter-actions:empty{display:none}.coll-products{min-width:0}.coll-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);padding:var(--sp-9) var(--sp-5);color:var(--ink-2)}.coll-empty svg{opacity:.3}.coll-empty-title{font-size:var(--fs-lg);color:var(--ink-1);margin-block:var(--sp-1)}.coll-empty p{max-width:40ch}.coll-tagbar{border-block-end:1px solid var(--rule)}.coll-tagbar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding-block:.85rem}.coll-tagbar-label{font-family:var(--font-mono);font-size:var(--fs-3xs);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-2);margin-inline-end:var(--sp-1)}.coll-tag{display:inline-flex;align-items:center;padding:.4rem var(--sp-4);border:1.5px solid var(--rule);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;color:var(--ink-1);background:transparent;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.coll-tag:hover{border-color:var(--ink-1)}.coll-tag.is-active{background:var(--ink-1);border-color:var(--ink-1);color:var(--surface-page)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collection.css.map */