.collection-tabs{display:flex;gap:0;overflow-x:auto;align-items:stretch;padding:0;scrollbar-width:none}.collection-tabs::-webkit-scrollbar{display:none}.shop-container.collection-browser,.page-width.collection-browser{--collection-unit:25vw;width:100%;max-width:none;margin-inline:0}.shop-section.type-categories{padding-block:0 clamp(28px,2.5vw,52px)!important}.collection-browser .collection-choice:focus-visible{outline:none}.collection-browser .collection-choice:focus-visible .collection-choice-image{outline:var(--hop-border-width,6px) solid var(--accent,#ff2a08);outline-offset:-3px}.collection-browser .collection-tabs>.collection-choice{position:relative;flex:1 1 var(--collection-unit);padding:0;border:0;background:transparent;color:var(--ink,#22221f);text-align:center;min-width:84px;translate:none!important;box-shadow:none;border-radius:0;overflow:hidden;transition:flex-basis .82s cubic-bezier(.22,1.18,.36,1)}.collection-browser .collection-tabs>.collection-choice[aria-selected=true]{flex-basis:calc(var(--collection-unit)*2);color:var(--accent,#ff2a08)}.collection-choice-image{position:relative;display:grid;place-items:center;width:100%;height:clamp(210px,17vw,340px);overflow:hidden;border-radius:0;background:var(--media,#e8e2d3)}.collection-choice-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.collection-choice-image img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:var(--collection-fit,cover)}.collection-choice-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;padding:20px;color:var(--pattern-text,var(--pattern-graphic,#fffdf5));-webkit-text-fill-color:var(--pattern-text,var(--pattern-graphic,#fffdf5));text-shadow:none;-webkit-text-stroke:3px var(--pattern-background);paint-order:stroke fill;text-transform:uppercase;font:700 clamp(20px,1.9vw,36px)/1.2 var(--display,var(--heading-family,"Now")),Arial,sans-serif;overflow-wrap:anywhere}.collection-panels{position:relative;overflow:clip;width:94%;margin:32px auto 0;padding-top:24px;border-top:var(--hop-border-width,6px) solid color-mix(in srgb,var(--ink,#22221f) 14%,transparent)}.collection-panel[hidden],[data-collection-more][hidden]{display:none!important}.collection-product-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap,24px);padding:12px 2px 4px;overflow:clip}.collection-product-track:empty{display:none}.collection-product-track>.commerce-card{min-width:0}.collection-browser .commerce-card-media{display:grid;place-items:center;position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius,8px);background:var(--media,#e8e2d3);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s cubic-bezier(.22,.61,.36,1)}.collection-browser .commerce-card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-browser .commerce-card:has(:focus-visible) .commerce-card-media{transform:translate(-8px,-8px);box-shadow:8px 8px 0 var(--collection-card-highlight,#343431)}@media(min-width:781px){.collection-browser .commerce-card:hover .commerce-card-media,.collection-browser .commerce-card:focus-within .commerce-card-media{transform:translate(-8px,-8px);box-shadow:8px 8px 0 var(--collection-card-highlight,#343431)}}.collection-browser .commerce-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:16px 0 12px}.collection-browser .commerce-card-series{grid-column:1;margin:0;font-size:12px;line-height:1.4;color:var(--muted,#6b675d)}.collection-browser .commerce-card-title{grid-column:1;grid-row:2;margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.collection-browser .commerce-card:has(:focus-visible) .commerce-card-title{color:var(--accent,#ff2a08)}@media(min-width:781px){.collection-browser .commerce-card:hover .commerce-card-title,.collection-browser .commerce-card:focus-within .commerce-card-title{color:var(--accent,#ff2a08)}}.collection-browser .commerce-buy-row{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;width:auto;height:0;min-height:0;overflow:visible}.collection-browser .commerce-card-price{font-size:14px;line-height:1.4;margin:0;text-align:right;overflow-wrap:anywhere}.collection-browser .commerce-card-price s{display:block;font-size:11px}.collection-browser .commerce-product-form{margin:0}.collection-browser .commerce-add{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;flex:0 0 40px;border:0;border-radius:50%;padding:8px;background:transparent;color:var(--ink,#22221f)}.collection-browser .commerce-add:disabled{opacity:.4;cursor:not-allowed}.collection-browser .commerce-add:not(:disabled):is(:focus-visible){background:var(--accent,#ff2a08);color:#fff}@media(min-width:781px){.collection-browser .commerce-add:not(:disabled):is(:hover,:focus-visible){background:var(--accent,#ff2a08);color:#fff}}.collection-browser .commerce-add svg{width:24px;height:24px}.collection-empty{text-align:center;padding:32px 16px;font-size:14px;color:var(--muted,#6b675d)}.collection-more{display:table;margin:20px auto;text-decoration:none;text-underline-offset:4px}@media(max-width:780px){.collection-panels{width:100%;margin-top:24px;padding-top:16px}.collection-browser{--gap:18px}.collection-choice-title{font-size:clamp(13px,2.8vw,22px);padding:6px}.collection-choice-image{height:180px}.collection-browser .commerce-card-info{column-gap:6px}.collection-browser .commerce-card-title{font-size:14px}.collection-browser .commerce-buy-row{gap:4px}.collection-browser .commerce-card-price{font-size:12px}.collection-browser .commerce-add{width:32px;height:32px;min-height:32px;flex-basis:32px;padding:6px}.collection-browser .commerce-add svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.collection-browser .collection-tabs>.collection-choice,.collection-browser .commerce-card-media{transition:none}}.no-motion .collection-browser .collection-tabs>.collection-choice,.no-motion .collection-browser .commerce-card-media{transition:none}@media(max-width:780px){.collection-browser .commerce-card .product-series{min-height:2lh}}.collection-product-frame{--collection-frame-line:#fff;position:relative;width:calc((100% - 80px)*.84);max-width:min(calc(var(--content-width,var(--page-width,1280px)) * 1.25),1600px);margin:clamp(32px,3.6vw,72px) auto 0;border:var(--hop-border-width,6px) solid var(--collection-frame-line);border-radius:0;background:#2fbaff;isolation:isolate}.collection-product-frame>.collection-panels{width:100%;margin:0;padding:0;border:0;border-radius:inherit;overflow:clip;background:transparent}@media(max-width:780px){.collection-product-frame{width:calc(100% - 40px);max-width:none;margin-top:28px}.collection-product-frame>.collection-panels{padding:0}.collection-product-frame .collection-product-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.collection-product-track>.commerce-card[hidden]{display:none!important}.collection-product-controls.product-pagination[hidden]{display:none!important}.collection-choice[data-collection-motif=waves]{--pattern-background:#de2e12}.collection-choice[data-collection-motif=dots]{--pattern-background:#004e89}.collection-choice[data-collection-motif=lines]{--pattern-background:#e6ae25}.collection-pattern-surface{background:var(--pattern-background,#de2e12)}.collection-pattern-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;color:var(--pattern-graphic,#fffdf5)}.collection-choice-title>span{display:block;max-width:100%}.collection-tabs{border-bottom:var(--hop-border-width,6px) solid #fff}.collection-browser .collection-choice:not(:last-child)>.collection-tab-divider{position:absolute;inset:0 0 0 auto;width:var(--hop-border-width,6px);background:#fff;pointer-events:none;z-index:2}.storefront>.shop-section.type-categories{min-height:0;display:flex;flex-direction:column;padding-block:0!important}.type-categories>.collection-browser{flex:1;display:flex;flex-direction:column;row-gap:0;padding-bottom:0}.type-categories .collection-tabs{flex-shrink:0}.type-categories .collection-product-frame{flex-shrink:0;margin-block:auto}@media(max-width:780px){.type-categories>.collection-browser{row-gap:0;padding-bottom:0}}.collection-product-stage{position:relative;isolation:isolate;flex:1;display:flex;align-items:center;padding:clamp(40px,4vw,72px) 0;overflow:hidden}.collection-stage-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .72s ease}.collection-stage-pattern.is-active{opacity:1}.collection-product-stage .collection-product-frame{z-index:1;border-color:#fff;border-radius:0!important}.collection-product-frame .collection-panel{padding:clamp(16px,1.8vw,28px)}.collection-product-frame .collection-panels{border-radius:0}.collection-product-frame .commerce-card-media{border-radius:0!important}.collection-product-frame .commerce-card-info{gap:8px;padding:14px 0 0}.collection-product-frame .collection-product-track{gap:24px;padding:0;overflow:visible}@media(max-width:780px){.collection-product-stage{padding-block:32px}.collection-product-frame .collection-panel{padding:20px}.collection-product-frame .collection-product-track{gap:18px}}@media(prefers-reduced-motion:reduce){.collection-stage-pattern{transition:none}}.no-motion .collection-stage-pattern{transition:none}.collection-product-frame>.collection-panels:has(.product-pagination){padding:0;margin:0}.collection-product-frame .collection-product-controls{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:44px;margin:16px 0 0;padding:0}.collection-product-frame .collection-panel:has(.collection-product-controls:not([hidden])){padding-bottom:4px}.collection-product-frame>.texture-clip{border-radius:0;clip-path:inset(0)}.storefront.home-section-dividers>.shop-section.type-categories{--collection-header-height:0px;--collection-available-height:calc(100dvh - var(--collection-header-height));height:var(--collection-available-height);min-height:0}.storefront.home-section-dividers:has(>.type-header)>.type-categories{--collection-header-height:65px}.home-section-dividers>.type-categories>.collection-browser{height:100%;min-height:0;--collection-tab-height:clamp(120px,calc(var(--collection-available-height)*.27),300px)}.home-section-dividers>.type-categories .collection-choice-image{height:var(--collection-tab-height)}.home-section-dividers>.type-categories .collection-product-stage{min-height:0;padding-block:clamp(20px,3dvh,48px)}.home-section-dividers>.type-categories .commerce-card-media{height:auto;max-height:max(60px,calc(var(--collection-available-height) - var(--collection-tab-height) - 240px));aspect-ratio:1}@media(max-width:780px){.storefront.home-section-dividers:has(>.type-header)>.type-categories{--collection-header-height:57px}.home-section-dividers>.type-categories>.collection-browser{--collection-tab-height:clamp(110px,calc(var(--collection-available-height)*.24),180px)}.home-section-dividers>.type-categories .commerce-card-media{max-height:none;height:auto;aspect-ratio:1}}.collection-browser .collection-product-frame[data-frame-disabled=true]{width:calc((100% - 80px)*.9);max-width:min(calc(var(--content-width,var(--page-width,1280px)) * 1.34),1720px)}@media(max-width:780px){.collection-browser .collection-product-frame[data-frame-disabled=true]{width:calc(100% - 40px);max-width:none}.collection-product-frame[data-frame-disabled=true] .collection-panel{padding-inline:12px}}.collection-product-frame .collection-product-track{display:flex;flex-wrap:wrap;justify-content:center}.collection-product-frame .collection-product-track>.commerce-card{flex:0 0 calc(25% - 18px)}@media(max-width:780px){.collection-product-frame .collection-product-track>.commerce-card{flex-basis:calc(50% - 9px)}}.storefront.home-section-dividers>.type-categories.collections-layered-section{height:auto;min-height:0;overflow:clip;isolation:isolate;clip-path:inset(0);--collections-band-height:clamp(160px,calc(var(--collections-viewport-height,100dvh)*.31),380px)}.collections-layered-section>.collection-browser{height:auto!important;display:block;background:inherit}.collection-title-layer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:var(--collections-band-height);height:round(up,var(--collections-band-height),1px);min-height:min-content;padding:16px 0;background:var(--collections-title-background,#de2e12)}.collection-reveal-title{margin:0;padding:0;font-family:var(--display,"Now"),sans-serif;font-weight:700;line-height:1.1;letter-spacing:0;white-space:nowrap;color:var(--collections-title-color,#ffffff);text-align:center}.collection-reveal-title>span{display:inline-block;white-space:nowrap;translate:0 .065em}.collection-title-baseline{display:inline-block;width:0;height:0;vertical-align:baseline}.collections-layered-section .collection-product-stage{height:calc(var(--collections-viewport-height,100dvh) - var(--collections-title-height,0px));flex:none;background:inherit}.storefront.home-section-dividers>.type-categories.collections-layered-section.collections-reveal-fixed{height:calc(var(--collections-title-height) + var(--collections-viewport-height))}.collections-reveal-fixed{view-timeline-name:--collections-reveal;view-timeline-axis:block;view-timeline-inset:0}.collections-reveal-fixed>.collection-browser{height:100%!important}.collections-reveal-fixed .collection-title-layer,.collections-reveal-fixed .collection-product-stage{position:fixed;left:var(--collections-left);bottom:0;width:var(--collections-width);will-change:transform}.collections-layered-section:not(.collections-reveal-fixed) .collection-product-stage{height:auto;min-height:calc(var(--collections-viewport-height,100dvh) - var(--collections-title-height,0px));overflow:visible}.collection-filter-tabs{display:flex;align-items:center;gap:0;margin:0;padding:0 clamp(16px,1.8vw,28px);overflow-x:auto;scrollbar-width:none;min-height:44px}.collection-filter-tabs::-webkit-scrollbar{display:none}.collection-filter-tabs>.collection-filter-button{position:relative;flex:none;min-height:44px;margin:0;padding:10px 18px;border:0;border-radius:0;background:transparent;color:var(--content-ink,var(--ink,#22221f));font:500 14px/1.4 var(--display,"Now"),sans-serif;white-space:nowrap;cursor:pointer;transition:color .18s ease}.collection-filter-tabs>.collection-filter-button:first-child{padding-left:0}.collection-filter-tabs>.collection-filter-button:not(:last-child)>.collection-filter-divider{position:absolute;right:0;top:50%;height:14px;width:1px;background:#6b675d;opacity:.6;transform:translateY(-50%)}.collection-filter-tabs>.collection-filter-button[aria-selected=true]{color:var(--accent,#ff2a08);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}@media(min-width:781px){.collection-filter-tabs>.collection-filter-button:hover{color:var(--accent,#ff2a08)}}.collection-filter-tabs>.collection-filter-button:focus-visible{outline:2px solid var(--accent,#ff2a08);outline-offset:-3px}.collection-filter-tabs>.collection-filter-button:active{opacity:.7}.collections-layered-section .collection-product-frame .collection-panel{padding-top:12px}@media(max-width:780px){.storefront.home-section-dividers>.type-categories.collections-layered-section{--collections-band-height:clamp(100px,calc(var(--collections-viewport-height,100dvh)*.18),160px)}.collection-filter-tabs{padding-inline:20px}.collection-product-frame[data-frame-disabled=true]>.collection-filter-tabs{padding-inline:12px}.collection-filter-tabs>.collection-filter-button{font-size:12px;padding-inline:12px}.collection-filter-tabs>.collection-filter-button:first-child{padding-left:0}}@media(prefers-reduced-motion:reduce){.collection-filter-tabs>.collection-filter-button{transition:none}}.no-motion .collection-filter-tabs>.collection-filter-button{transition:none}.storefront.home-section-dividers>.collections-layered-section .collection-product-stage{--collections-stage-inset:0px;padding-block:calc(8px + var(--collections-stage-inset)) 8px}.storefront.home-section-dividers>.collections-reveal-fixed .collection-product-stage{--collections-stage-inset:var(--collections-title-height);height:var(--collections-viewport-height)}.collections-layered-section .collection-product-frame .collection-panel{padding-top:8px}.collections-layered-section .collection-product-frame .collection-product-controls{margin-top:8px}.collection-filter-tabs>.collection-filter-button:last-child>.collection-filter-divider{display:none}.collection-browser[data-collection-layout=layered] .commerce-card{--collection-card-highlight:#ff2a08}.collection-browser[data-collection-layout=layered] .collection-product-track{justify-content:flex-start}.collections-reveal-fixed :is(.collection-title-layer,.collection-product-stage,.collection-reveal-title){animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--collections-reveal;animation-range:cover 0% cover 100%}.collections-layered-section .collection-product-frame{translate:0 var(--collections-product-lift,0px)}.collection-title-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:var(--collections-moving-shadow,0 3px 12px -4px rgb(34 34 31 / .12));opacity:0;pointer-events:none}.collections-reveal-fixed .collection-title-layer:after{animation-name:var(--collections-shadow-animation,none);animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--collections-reveal;animation-range:cover 0% cover 100%}.collection-browser[data-transparent-title=true] .collection-title-layer{background:transparent;pointer-events:none}.collection-browser[data-transparent-title=true] .collection-title-layer:after{content:none;animation:none;box-shadow:none}.collection-browser .commerce-card-media>.commerce-card-mobile-image{display:none}@media(max-width:780px){.collection-browser .commerce-card-media>.commerce-card-mobile-image{display:block}.collection-browser .commerce-card-mobile-image~.empty-label{display:none}}@media(max-width:780px){.collection-product-frame .collection-product-track{display:grid;grid-template-columns:repeat(var(--collection-mobile-columns,2),calc((100% - 16px)/2));column-gap:16px;row-gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}.collection-product-frame .collection-product-track::-webkit-scrollbar{display:none}.collection-browser [data-collection-track][data-collection-directional=true]{touch-action:pan-y pinch-zoom;scroll-snap-type:none}.collection-product-frame .collection-product-track>.commerce-card{flex-basis:calc(50% - 8px)}.collection-browser .collection-product-frame .collection-panel{padding-block:12px}.collection-browser .collection-product-frame .collection-product-controls{margin-top:12px}.collection-browser .commerce-card .product-series{min-height:0}}@media(max-width:780px){.home-section-dividers>.type-categories{--collection-available-height:calc(var(--mobile-layout-height,100svh) - var(--collection-header-height))}}@media(max-width:780px){.storefront.home-section-dividers:has(>.type-header)>.type-categories.collections-layered-section{--collection-header-height:53px}.storefront.home-section-dividers>.type-categories.collections-layered-section>.collection-browser{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;min-height:var(--collections-viewport-height);padding-block:12px}.home-section-dividers>.collections-layered-section .collection-title-layer{flex:none;height:auto;min-height:0;padding:0}.storefront.home-section-dividers>.collections-layered-section .collection-product-stage{flex:none;height:auto;min-height:0;padding:0}.home-section-dividers>.collections-layered-section .collection-product-frame{margin-block:0;translate:none}.home-section-dividers>.collections-layered-section .collection-product-track{row-gap:16px}.collection-browser[data-collection-layout=layered] .collection-filter-button{display:inline-grid;align-items:center}.collection-browser[data-collection-layout=layered] .collection-filter-button:before{content:attr(data-collection-label);grid-area:1/1;font-weight:700;visibility:hidden;pointer-events:none}.collection-browser[data-collection-layout=layered] .collection-filter-button>.handwritten-label{grid-area:1/1;justify-self:start}}.collection-reveal-title,.collection-reveal-title *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.collection-panel{position:relative}.collection-pagination-row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:8px}.collection-browser .collection-pagination-row>.collection-product-controls{flex:0 0 auto;width:auto;min-width:0;margin-top:0}.collection-browser .collection-pagination-row>.collection-page-arrow{position:relative;display:grid;place-items:center;flex:none;width:28px;height:32px;min-width:28px;min-height:32px;padding:7px;margin:0;border:0;border-radius:0;background:transparent;color:var(--ink,#22221f);transform:none;translate:none!important;box-shadow:none;cursor:pointer;touch-action:manipulation;transition:opacity .18s ease}.collection-page-arrow svg{width:14px;height:14px;filter:none}.collection-page-arrow:disabled{opacity:.25;cursor:default}.collection-page-arrow:not(:disabled):active{opacity:.6}.collection-page-arrow:focus-visible{outline:2px solid currentColor;outline-offset:0}.collection-pagination-row[hidden],.collection-page-arrow[hidden]{display:none!important}.collection-browser .collection-page-arrow:before,.collection-browser .collection-page-arrow:after{content:none}@media(max-width:780px){.collection-browser .collection-pagination-row>.collection-page-arrow{width:32px;height:44px;min-width:32px;min-height:44px}}@media(prefers-reduced-motion:reduce){.collection-browser .collection-pagination-row>.collection-page-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/collection-browser.css.map */