.collection-banner{position:relative;min-height:480px;display:flex;align-items:center;color:#fff;background:var(--c-black);overflow:hidden}.collection-banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-banner--right{justify-content:flex-end;text-align:right}.collection-banner--right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000001a,#00000080 55%,#000000d9)}.collection-banner--left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000d9,#00000080 45%,#0000001a)}.collection-banner__inner{position:relative;z-index:1}.collection-banner__eyebrow{font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase;font-size:clamp(28px,3.4vw,46px);line-height:1;color:#fff}.collection-banner__title{font-size:clamp(40px,5vw,72px);font-weight:var(--fw-black);color:var(--c-orange)}.collection-banner__title .o{color:var(--c-orange)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-bottom:1px solid var(--c-line)}.filters-toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;font-size:15px;font-weight:var(--fw-med);color:var(--c-ink)}.filters-toggle svg{width:20px;height:20px}.toolbar-right{display:flex;align-items:center;gap:20px}.results-count{font-size:14px;color:var(--c-body)}.sort-wrap{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--c-body)}.sort-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%231A1A1A' stroke-width='1.6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:11px 38px 11px 16px;font-size:14px;color:var(--c-ink);cursor:pointer}.collection-layout{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;padding-block:32px 64px}.collection-layout.filters-hidden{grid-template-columns:1fr}.collection-layout.filters-hidden .collection-filters{display:none}.collection-filters{position:sticky;top:calc(var(--header-h) + 16px)}.filter-group{border-bottom:1px solid var(--c-line);padding-block:20px}.filter-group:first-child{padding-top:4px}.filter-group__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;font-weight:var(--fw-med)}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__summary .chev{transition:transform .2s ease}.filter-group[open] .filter-group__summary .chev{transform:rotate(180deg)}.filter-group__body{padding-top:16px}.filter-opt{display:flex;align-items:center;gap:12px;margin-bottom:12px;cursor:pointer}.filter-opt input{position:absolute;opacity:0;width:0;height:0}.filter-opt__box{width:22px;height:22px;border:1.6px solid #c4c4c4;border-radius:5px;display:grid;place-items:center;flex:0 0 auto;transition:background .15s ease,border-color .15s ease}.filter-opt__box svg{width:14px;height:14px;color:#fff;opacity:0}.filter-opt input:checked+.filter-opt__box{background:var(--c-ink);border-color:var(--c-ink)}.filter-opt input:checked+.filter-opt__box svg{opacity:1}.filter-opt input:focus-visible+.filter-opt__box{outline:2px solid var(--c-orange);outline-offset:2px}.filter-opt__label{font-size:16px}.filter-opt__count{color:var(--c-muted);font-size:13px}.filter-reset{display:inline-block;margin-top:4px;font-size:14px;color:var(--c-muted);text-decoration:underline;text-underline-offset:3px}.price-range{padding-top:4px}.price-slider{position:relative;height:4px;background:#d9d9d9;border-radius:4px;margin:14px 8px 26px}.price-slider__fill{position:absolute;height:100%;background:var(--c-ink);border-radius:4px}.price-slider input[type=range]{position:absolute;top:50%;left:-8px;width:calc(100% + 16px);transform:translateY(-50%);-webkit-appearance:none;appearance:none;background:none;pointer-events:none;margin:0}.price-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--c-ink);pointer-events:auto;cursor:pointer;border:0}.price-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--c-ink);pointer-events:auto;cursor:pointer;border:0}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.price-field{display:flex;align-items:center;border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:0 12px;height:52px;background:#fff}.price-field span{color:var(--c-muted);margin-right:4px}.price-field input{border:0;outline:0;width:100%;font-size:15px;color:var(--c-ink);-moz-appearance:textfield}.price-field input::-webkit-outer-spin-button,.price-field input::-webkit-inner-spin-button{-webkit-appearance:none}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px}.collection-layout.filters-hidden .collection-grid{grid-template-columns:repeat(4,1fr)}.collection-grid .product-card__title{min-height:2.8em}.collection-empty{padding:60px 0;text-align:center;color:var(--c-body)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding-block:48px 8px}.pagination a,.pagination span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 6px;border-radius:var(--radius-sm);font-size:15px;color:var(--c-ink)}.pagination .is-current{background:var(--c-bg-soft);font-weight:var(--fw-med)}.pagination a:hover{background:var(--c-bg-soft)}.pagination .pagination__arrow svg{width:18px;height:18px}@media(max-width:990px){.collection-layout{grid-template-columns:1fr;gap:0}.collection-filters{position:fixed;top:0;right:20%;bottom:0;left:0;background:#fff;z-index:80;padding:24px;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow)}.collection-filters.is-open{transform:none}.collection-grid,.collection-layout.filters-hidden .collection-grid{grid-template-columns:repeat(2,1fr)}.collection-banner{min-height:240px}}@media(max-width:600px){.collection-toolbar{flex-wrap:wrap}.toolbar-right{width:100%;justify-content:space-between}.collection-grid{gap:22px 16px}.collection-banner__inner{padding-inline:4px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection.css.map */
