.collection-banner{position:relative;text-align:center;padding-block:clamp(2rem,6vw,4rem)}.collection-banner--image{min-height:36svh;display:grid;place-items:center;border-radius:var(--radius-card);overflow:hidden;color:#fff}.collection-banner--image .collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collection-banner--image .collection-banner__media img{width:100%;height:100%;object-fit:cover}.collection-banner--image .collection-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#211c1659}.collection-banner__content{position:relative;z-index:2;max-width:640px;margin-inline:auto}.collection-banner--image .collection-banner__content h1{color:#fff}.collection-banner__desc{color:var(--color-text-muted);margin-top:.5rem}.collection-banner--image .collection-banner__desc{color:#ffffffe6}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;position:sticky;top:var(--header-height);z-index:30;background:var(--color-bg);border-bottom:1px solid var(--color-border-soft)}.collection-toolbar__count{font-size:var(--fs-sm);color:var(--color-text-muted)}.collection-toolbar__actions{display:flex;align-items:center;gap:.75rem}.facet-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600}.facet-trigger svg{width:18px;height:18px}.collection-sort select{border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.6rem 2.25rem .6rem 1.1rem;font-size:var(--fs-sm);font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23211C16' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:14px;-webkit-appearance:none;appearance:none}.collection-layout{display:grid;gap:2rem;padding-block:2rem}@media(min-width:990px){.collection-layout--sidebar{grid-template-columns:260px 1fr}}.facets__group{border-bottom:1px solid var(--color-border-soft);padding-block:.5rem}.facets__group summary{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;font-weight:600}.facets__group[open] summary svg{transform:rotate(180deg)}.facets__values{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.facet-checkbox{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);cursor:pointer}.facet-checkbox input{width:18px;height:18px;accent-color:var(--color-text)}.facet-checkbox__count{color:var(--color-text-muted);font-size:var(--fs-xs)}.facets__active{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.facet-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;background:var(--color-surface);border-radius:var(--radius-pill);font-size:var(--fs-xs)}.facet-pill svg{width:12px;height:12px}@media(max-width:989px){.facets-drawer{position:fixed;top:0;left:0;bottom:0;z-index:90;width:min(380px,90vw);background:var(--color-bg);transform:translate(-100%);transition:transform var(--duration) var(--ease-out);display:flex;flex-direction:column}.facets-drawer.is-open{transform:translate(0)}.facets-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--gutter);border-bottom:1px solid var(--color-border-soft)}.facets-drawer__body{flex:1;overflow-y:auto;padding:0 var(--gutter)}.facets-drawer__footer{padding:1rem var(--gutter);border-top:1px solid var(--color-border-soft);display:flex;gap:.75rem}}@media(min-width:990px){.facets-drawer__header,.facets-drawer__footer{display:none}}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap)}@media(min-width:750px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.product-grid--4{grid-template-columns:repeat(4,1fr)}}.collection-empty{text-align:center;padding:4rem 1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.pagination a,.pagination span{min-width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-pill);font-size:var(--fs-sm)}.pagination a:hover{background:var(--color-surface)}.pagination [aria-current]{background:var(--color-text);color:var(--color-bg)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection.css.map */