.cpage-banner{position:relative;height:clamp(220px,30vw,420px);background:var(--color-ink-900);overflow:hidden}.cpage-banner__img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.55}.cpage-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,4vw,40px) var(--page-gutter)}.cpage-crumb{display:flex;gap:8px;align-items:center;margin-bottom:12px}.cpage-crumb a,.cpage-crumb__current,.cpage-crumb__sep{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.cpage-crumb a{color:#fff9;text-decoration:none}.cpage-crumb a:hover{color:#fff}.cpage-crumb__current{color:#ffffffe6}.cpage-crumb__sep{color:#fff6}.cpage-banner__title{font-size:clamp(28px,4vw,52px);color:var(--color-bone-000);text-transform:uppercase;letter-spacing:-.01em;line-height:1;max-width:700px}.cpage-desc{padding-top:24px;font-family:var(--font-sans);color:var(--color-text-secondary);line-height:1.7;max-width:780px}.cpage-toolbar{position:sticky;top:var(--header-height, 64px);z-index:100;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);transition:box-shadow .18s,background .18s}.cpage-toolbar.is-pinned{background:#f6f3edf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-e2)}.cpage-toolbar__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}.cpage-filter-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;transition:all .18s}.cpage-filter-btn.is-active{background:var(--color-ink-900);color:var(--color-bone-000);border-color:transparent}.cpage-filter-btn__count{background:var(--color-red-500);color:#fff;border-radius:var(--radius-pill);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700}.cpage-density{display:flex;align-items:center;gap:4px}.cpage-density__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:none;background:transparent;color:var(--color-ink-300);cursor:pointer;position:relative;transition:color .12s,background .12s}.cpage-density__btn.is-on{background:var(--color-bone-100);color:var(--color-ink-900)}.cpage-density__btn.is-on:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--color-ink-900);border-radius:1px}.cpage-sort{position:relative;flex-shrink:0}.cpage-sort__btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 20px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-sans);font-size:14px;white-space:nowrap}.cpage-sort__btn svg{transition:transform .18s}.cpage-sort.is-open .cpage-sort__btn svg{transform:rotate(180deg)}.cpage-sort__menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-e2);z-index:200;overflow:hidden;padding:8px;display:none;animation:fadeDown .15s var(--ease-out)}.cpage-sort.is-open .cpage-sort__menu{display:block}.cpage-sort__opt{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);text-decoration:none}.cpage-sort__opt:hover{background:var(--color-bg-surface-alt)}.cpage-sort__opt.is-on{background:var(--color-bone-100);font-weight:600}.cpage-main{padding-top:32px;padding-bottom:80px}.cpage-results{margin-bottom:20px}.cpage-results__count{color:var(--color-text-secondary)}.cpage-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.cpage-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-weight:500;font-size:13px;padding:6px 12px 6px 14px;background:var(--color-ink-900);color:var(--color-bone-000);border-radius:var(--radius-pill);line-height:1;text-decoration:none}.cpage-chip__x{color:#ffffffb3;font-size:15px}.cpage-chip-clear{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-secondary);text-decoration:underline;padding:0 4px}.cpage-grid{display:grid;gap:20px;align-items:stretch}.cpage-grid[data-density="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cpage-grid[data-density="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.cpage-grid[data-density="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cpage-grid[data-density="5"]{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cpage-grid[data-density=list]{display:flex;flex-direction:column;gap:16px}@media(max-width:1024px){.cpage-grid[data-density="4"],.cpage-grid[data-density="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.cpage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.cpage-density{display:none}.cpage-toolbar__inner{height:60px}}@media(max-width:430px){.cpage-grid[data-density=list]{display:flex}}.cpage-empty{text-align:center;padding:80px 0}.cpage-empty__title{font-size:32px;text-transform:uppercase;margin-bottom:12px}.cpage-empty__sub{font-family:var(--font-sans);font-size:16px;color:var(--color-text-secondary);margin-bottom:24px}.cpage-pager{border-top:1px solid var(--color-border-default);padding-top:32px;margin-top:48px}.cpage-pager__count{color:var(--color-text-secondary);text-align:center;margin-bottom:20px}.cpage-pager__nav{display:flex;align-items:center;justify-content:center;gap:6px}.cpage-pager__pages{display:flex;gap:4px}.cpage-pager__btn{min-width:44px;height:44px;padding:0 6px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-sans);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text-primary);font-variant-numeric:tabular-nums;transition:all .12s}.cpage-pager__btn:hover{border-color:var(--color-ink-900)}.cpage-pager__btn.is-current{background:var(--color-ink-900);color:var(--color-bone-000);border-color:transparent;font-weight:600}.cpage-pager__btn.is-disabled{opacity:.4;pointer-events:none}.cpage-pager__ellipsis{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.cpage-related{margin-top:64px;padding-top:48px;border-top:1px solid var(--color-border-default)}.cpage-related__title{font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;color:var(--color-text-muted)}.cpage-related__links{display:flex;gap:8px;flex-wrap:wrap}.cpage-related__link{font-family:var(--font-sans);font-weight:500;font-size:13px;color:var(--color-text-secondary);padding:6px 14px;border:1px solid var(--color-border-default);border-radius:var(--radius-pill);text-decoration:none}.cpage-related__link:hover{border-color:var(--color-ink-900);color:var(--color-text-primary)}.cdrawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:none}.cdrawer.is-open{display:block}.cdrawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0b0c8f;animation:fadeIn .24s}.cdrawer__panel{position:absolute;top:0;left:0;bottom:0;width:clamp(320px,88%,408px);background:var(--color-bg-surface);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;animation:slideInRight .32s var(--ease-out)}.cdrawer__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:72px;border-bottom:1px solid var(--color-border-default);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cdrawer__head-title{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.cdrawer__close{width:44px;height:44px;background:none;border:none;cursor:pointer;font-size:24px;color:var(--color-text-primary)}.cdrawer__body{flex:1;overflow-y:auto;padding:0 24px}.cdrawer__empty{font-family:var(--font-sans);font-size:14px;color:var(--color-text-secondary);line-height:1.6;padding:24px 0}.cdrawer__group{border-bottom:1px solid var(--color-border-default)}.cdrawer__summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.cdrawer__summary::-webkit-details-marker{display:none}.cdrawer__chev{color:var(--color-text-muted);font-size:18px;transition:transform .2s}.cdrawer__group[open] .cdrawer__chev{transform:rotate(90deg)}.cdrawer__group-body{padding-bottom:20px}.cdrawer__list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.cdrawer__opt{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer}.cdrawer__opt input{accent-color:var(--color-ink-900);width:18px;height:18px}.cdrawer__opt-label{font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);flex:1}.cdrawer__opt-count{font-family:var(--font-sans);font-size:12px;color:var(--color-text-muted)}.cdrawer__opt.is-off{opacity:.4}.cdrawer__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cdrawer__swatch{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.cdrawer__swatch input{display:none}.cdrawer__swatch-dot{width:40px;height:40px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border-default);background:var(--color-bg-surface-alt)}.cdrawer__swatch.is-on .cdrawer__swatch-dot{border:3px solid var(--color-ink-900);outline:2px solid var(--color-ink-900);outline-offset:2px}.cdrawer__swatch-name{font-family:var(--font-sans);font-size:11px;color:var(--color-text-secondary)}.cdrawer__price-inputs{display:flex;align-items:center;gap:10px}.cdrawer__price-field{flex:1;position:relative;display:flex;align-items:center}.cdrawer__price-field span{position:absolute;left:10px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.cdrawer__price-field input{width:100%;height:44px;padding-left:28px;border:1px solid var(--color-border-default);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:13px;background:var(--color-bg-surface);color:var(--color-text-primary)}.cdrawer__foot{position:sticky;bottom:0;z-index:2;height:88px;padding:16px 24px;border-top:1px solid var(--color-border-default);background:var(--color-bg-surface);box-shadow:var(--shadow-e4);display:flex;gap:12px;align-items:center}.cdrawer__clear{font-family:var(--font-sans);font-weight:500;font-size:14px;color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-border-default);flex-shrink:0}.cdrawer__apply{flex:1;height:52px;font-family:var(--font-sans);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;background:var(--color-ink-900);color:var(--color-bone-000);border:none;border-radius:var(--radius-pill);cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection.css.map */