.collection-grid{padding-block:64px;display:flex;flex-direction:column;gap:24px}.collection-grid__header{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.collection-grid h2{font-size:calc(32px * var(--font-heading-scale));line-height:calc(37px * var(--font-heading-scale) * var(--line-height-heading-scale));text-transform:uppercase}.collection-grid__shortcuts{display:flex;flex-wrap:wrap;gap:10px}.collection-grid__shortcut{display:flex;align-items:center;justify-content:center;min-height:41.88px;width:var(--shortcut-width, auto);max-width:100%;padding:12px 30px;border:1px solid var(--color-brand);font:400 calc(10.5px * var(--font-interface-scale))/calc(14px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono);text-transform:uppercase;text-decoration:none;color:var(--color-brand);white-space:normal;min-width:0}.collection-grid__shortcut[style*=--shortcut-width]{padding-inline:6px}.collection-grid__shortcut:hover{background:var(--color-brand);color:var(--color-button-text)}.collection-grid__cards{display:grid;align-items:start;grid-template-columns:repeat(var(--collection-columns),minmax(0,1fr));gap:16px;width:100%}.collection-card{position:relative;display:block;overflow:hidden;height:auto;aspect-ratio:var(--collection-card-ratio, 1);text-decoration:none;background:var(--color-surface);color:var(--color-on-brand)}.collection-card picture,.collection-card img,.collection-card .placeholder,.collection-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection-card img{object-fit:cover;transform:scale(var(--collection-image-zoom, 1))}.collection-card__shade{background:rgb(0 0 0 / var(--collection-overlay));pointer-events:none}.collection-card h3{position:absolute;bottom:40px;inset-inline:40px;font-size:calc(34px * var(--font-heading-scale));line-height:calc(39px * var(--font-heading-scale) * var(--line-height-heading-scale));font-weight:400}.collection-card__empty{position:absolute;top:20px;right:20px;bottom:20px;left:20px}.collection-card:focus-visible{outline-offset:-5px;outline-color:var(--color-on-brand)}@media(max-width:989px){.collection-grid{padding-block:40px;gap:16px}.collection-grid__header{gap:16px}.collection-grid h2{font-size:calc(24px * var(--font-heading-scale));line-height:calc(28px * var(--font-heading-scale) * var(--line-height-heading-scale))}.collection-grid__shortcuts{gap:8px}.collection-grid__shortcut{width:var(--shortcut-mobile-width, auto);min-height:42px;padding:13px 6px}.collection-grid__cards{grid-template-columns:minmax(0,1fr)}.collection-card{height:auto;aspect-ratio:var(--collection-card-mobile-ratio, 1)}.collection-card h3{bottom:24px;inset-inline:20px;font-size:calc(28px * var(--font-heading-scale));line-height:calc(32px * var(--font-heading-scale) * var(--line-height-heading-scale))}}.collection-grid__header--with-text{gap:16px}.collection-grid__text{font:400 calc(16px * var(--font-body-scale))/calc(23px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body)}.collection-grid__text p{margin:0}.collection-grid__action .button{width:310px;max-width:100%;height:auto;min-height:45px;padding:13px 16px;font:400 calc(12px * var(--font-interface-scale))/calc(17px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono)}@media(max-width:989px){.collection-grid__action .button{width:100%}}.collection-grid--caption{padding-block:40px 64px;color:var(--color-brand)}.collection-grid--caption h2{font-size:calc(38px * var(--font-heading-scale));line-height:calc(44px * var(--font-heading-scale) * var(--line-height-heading-scale))}.collection-grid--caption .collection-grid__cards{gap:24px}.collection-grid--caption .collection-card{height:auto;aspect-ratio:auto;background:transparent;display:flex;flex-direction:column;gap:12px;color:var(--color-brand)}.collection-grid--caption .collection-card__media{position:relative;aspect-ratio:var(--collection-card-ratio, 1);overflow:hidden;width:100%;background:var(--color-media-background)}.collection-grid--caption .collection-card h3{position:static;inset:auto;font-size:calc(28px * var(--font-heading-scale));line-height:calc(32px * var(--font-heading-scale) * var(--line-height-heading-scale))}.collection-card__action:not(.button){font:400 calc(12px * var(--font-interface-scale))/calc(17px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono);text-decoration:underline;text-underline-offset:4px}.collection-card__action.button{align-self:flex-start}.collection-grid--caption .collection-card:focus-visible{outline-color:var(--color-brand)}@media(max-width:989px){.collection-grid--caption{padding-block:40px 48px;gap:24px}.collection-grid--caption h2{font-size:calc(30px * var(--font-heading-scale));line-height:calc(34px * var(--font-heading-scale) * var(--line-height-heading-scale))}.collection-grid--caption .collection-grid__cards{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.collection-grid--caption .collection-grid__cards::-webkit-scrollbar{display:none}.collection-grid--caption .collection-card{width:280px;flex:none;aspect-ratio:auto;scroll-snap-align:start}.collection-grid--caption .collection-card h3{font-size:calc(24px * var(--font-heading-scale));line-height:calc(28px * var(--font-heading-scale) * var(--line-height-heading-scale))}.collection-grid--caption .collection-card__media{aspect-ratio:var(--collection-card-mobile-ratio, 1)}}@media(max-width:989px){.collection-grid--caption h2{position:relative;top:1px}}.collection-grid:not(.collection-grid--caption) .collection-card{display:grid;min-height:0;height:auto;aspect-ratio:auto}.collection-grid:not(.collection-grid--caption) .collection-card:before{content:"";grid-area:1 / 1;padding-block-start:calc(100% / var(--collection-card-ratio, 1));pointer-events:none}.collection-grid:not(.collection-grid--caption) .collection-card h3{position:relative;inset:auto;grid-area:1 / 1;align-self:end;margin:40px}@media(max-width:989px){.collection-grid:not(.collection-grid--caption) .collection-card:before{padding-block-start:calc(100% / var(--collection-card-mobile-ratio, 1))}.collection-grid:not(.collection-grid--caption) .collection-card h3{margin:24px 20px}}@media(min-width:990px){.collection-grid--no-gap-desktop .collection-grid__cards{gap:0}.collection-grid--ratio-fixed:not(.collection-grid--caption) .collection-card{aspect-ratio:auto;min-height:var(--collection-card-height)}.collection-grid--ratio-fixed:not(.collection-grid--caption) .collection-card:before{padding-block-start:0}.collection-grid--ratio-fixed .collection-card__media{aspect-ratio:auto;height:var(--collection-card-height)}}@media(max-width:989px){.collection-grid--no-gap-mobile .collection-grid__cards{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-grid.css.map */