.collection-hero{position:relative;width:100%;margin-top:calc(-1 * var(--header-height, 64px));height:calc(var(--hero-h, 240px) + var(--header-height, 64px));overflow:hidden;background:var(--color-surface)}.collection-hero__img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.collection-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001f,#0006)}.main-collection{padding-block:var(--space-xl, 48px)}@media(max-width:1023px){.main-collection{padding-top:8px;padding-bottom:var(--space-xl, 48px)}.main-collection__header{margin-bottom:16px}}.main-collection__header{margin-bottom:var(--space-lg, 32px)}.main-collection__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--space-xs, 8px)}.main-collection__description{font-size:.9375rem;color:var(--color-text-subtle);max-width:64ch}.main-collection__layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl, 40px)}@media(min-width:1024px){.main-collection__layout--sidebar{grid-template-columns:230px 1fr}}.main-collection__sidebar{display:none}@media(min-width:1024px){.main-collection__sidebar{display:block;position:sticky;top:calc(var(--header-height, 64px) + 16px);max-height:calc(100vh - var(--header-height, 64px) - 32px);overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-width:0;padding-inline:3px;box-sizing:border-box}}.main-collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.main-collection__count{font-size:13px;color:var(--color-text-subtle);margin:0}.main-collection__toolbar-right{display:flex;align-items:center;gap:12px}.main-collection__sort{display:flex;align-items:center;gap:8px}.facets-active{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.facets-active__tag{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:12px;font-weight:600;background:var(--color-primary, #111);color:#fff;border-radius:100px;text-decoration:none;transition:opacity .15s}.facets-active__tag:hover{opacity:.75}.facets-active__clear{display:inline-flex;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:600;color:var(--color-text-subtle);text-decoration:underline;text-underline-offset:3px}.product-grid{display:grid;grid-template-columns:repeat(var(--grid-cols-m, 2),1fr);gap:12px}@media(min-width:768px){.product-grid{grid-template-columns:repeat(min(var(--grid-cols-d, 4),3),1fr);gap:16px}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(var(--grid-cols-d, 4),1fr);gap:20px}}.product-grid__item--wide{grid-column:span 2}.product-grid__item{display:flex;flex-direction:column}.col-insert{position:relative;border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--color-surface);flex:1;display:flex;flex-direction:column}.col-insert__media{position:relative;flex:1;min-height:120px}.col-insert__img,.col-insert__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.col-insert .col-insert__img,.col-insert .col-insert__video{will-change:transform;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .3s ease}.col-insert:hover .col-insert__img,.col-insert:hover .col-insert__video{transform:scale(1.05)}.col-insert__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.col-insert__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 55%);pointer-events:none}.col-insert__content{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;flex-direction:column;gap:8px}.col-insert__heading{font-size:clamp(13px,1.4vw,16px);font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin:0;line-height:1.2}.col-insert__cta{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:100px;padding:5px 12px;align-self:flex-start;transition:background .15s,border-color .15s}.col-insert:hover .col-insert__cta{background:#ffffff26;border-color:#fff}.col-insert__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.pagination{margin-top:var(--space-xl, 40px)}.pagination__list{display:flex;align-items:center;justify-content:center;gap:4px}.pagination__link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:.875rem;text-decoration:none;border:1.5px solid transparent;border-radius:var(--radius-md);color:var(--color-text);transition:border-color .14s,background .14s}.pagination__link:hover{border-color:var(--color-text-subtle)}.pagination__link--current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination__link--gap{border:none;cursor:default;pointer-events:none}.load-more{margin-top:var(--space-xl, 40px);display:flex;flex-direction:column;align-items:center;gap:12px}.load-more__btn{min-width:200px;position:relative;overflow:hidden}.load-more__btn.is-loading{pointer-events:none;color:transparent}.load-more__btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text)}.load-more__info{font-size:12px;color:var(--color-text-subtle);margin:0}.load-more__end{text-align:center;font-size:13px;color:var(--color-text-subtle);margin-top:var(--space-xl)}.load-more__sentinel{height:1px;visibility:hidden}.mobile-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;max-width:100%;overflow:hidden}@media(min-width:1024px){.mobile-filter-bar{display:none}}.mobile-filter-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;border:1.5px solid color-mix(in srgb,var(--color-text, #111) 22%,transparent);border-radius:100px;background:var(--color-bg, #fff);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s;position:relative;white-space:nowrap}.mobile-filter-btn:hover{border-color:var(--color-text);background:var(--color-surface)}.mobile-filter-btn__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;background:var(--color-primary);color:var(--color-bg);border-radius:100px}.mobile-sort-select{flex:1;min-width:0;max-width:calc(100% - 110px);height:36px;padding:0 32px 0 14px;font:inherit;font-size:13px;font-weight:600;border:1.5px solid color-mix(in srgb,var(--color-text, #111) 22%,transparent);border-radius:100px;background:var(--color-bg, #fff);color:var(--color-text);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mobile-filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9300;pointer-events:none}.mobile-filter-drawer[aria-hidden=false]{pointer-events:auto}.mobile-filter-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .28s ease}.mobile-filter-drawer[aria-hidden=false] .mobile-filter-drawer__backdrop{opacity:1}.mobile-filter-drawer__sheet{position:absolute;bottom:0;left:0;right:0;background:var(--color-bg);border-radius:var(--radius-lg, 16px) var(--radius-lg, 16px) 0 0;max-height:88dvh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);outline:none}.mobile-filter-drawer[aria-hidden=false] .mobile-filter-drawer__sheet{transform:translateY(0)}.mobile-filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:var(--border-width, 1px) solid var(--color-surface);flex-shrink:0}.mobile-filter-drawer__title{font-size:1rem;font-weight:700;margin:0}.mobile-filter-drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--color-text-subtle);border-radius:50%;transition:background .14s}.mobile-filter-drawer__close:hover{background:var(--color-surface)}.mobile-filter-drawer__body{flex:1;overflow-y:auto;padding:16px 20px;overscroll-behavior:contain}.mobile-filter-drawer__footer{padding:12px 20px 24px;border-top:var(--border-width, 1px) solid var(--color-surface);display:flex;gap:10px;flex-shrink:0}.mobile-filter-drawer__apply{flex:1;min-height:48px}.mobile-filter-drawer__clear{min-height:48px;padding:0 20px;background:transparent;border:var(--border-width, 1px) solid var(--color-text-subtle);border-radius:var(--radius-md);font:inherit;font-size:.875rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color .14s;white-space:nowrap}.mobile-filter-drawer__clear:hover{border-color:var(--color-text)}.main-collection__empty{text-align:center;padding:var(--space-2xl, 64px) var(--space-lg);color:var(--color-text-subtle);display:flex;flex-direction:column;align-items:center;gap:16px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.col-insert__img,.col-insert__video{transition:none}.load-more__btn.is-loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-collection.css.map */