.promo-grid{--pg-gap: var(--space-6);--pg-card-radius: var(--radius-md);--pg-content-inset: var(--space-8);--pg-content-inset-bottom: 60px;--pg-ratio: auto;background:var(--color-bg);color:var(--color-text);padding-block:var(--section-spacing)}.promo-grid--ratio-square{--pg-ratio: 1 / 1}.promo-grid--ratio-portrait{--pg-ratio: 3 / 4}.promo-grid--ratio-landscape{--pg-ratio: 4 / 3}.promo-grid--ratio-banner{--pg-ratio: 16 / 9}.promo-grid__inner{position:relative}.promo-grid__grid{display:grid;grid-template-columns:repeat(var(--pg-columns, 4),minmax(0,1fr));gap:var(--pg-gap)}.promo-card--span-2{grid-column:span 2}.promo-card{position:relative;display:block;height:var(--pg-card-height, 396px);overflow:hidden;isolation:isolate;border-radius:var(--pg-card-radius);background:var(--color-surface);color:#fff;text-decoration:none}.promo-grid:not(.promo-grid--ratio-custom) .promo-card{height:auto;aspect-ratio:var(--pg-ratio)}.promo-grid:not(.promo-grid--ratio-custom) .promo-card--span-2{aspect-ratio:auto;min-height:var(--pg-card-height, 396px)}.promo-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.promo-card__media{display:block;height:100%}.promo-card__media img,.promo-card__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.promo-card[href]:hover .promo-card__media img{transform:scale(1.03)}.promo-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .72) 0%,rgb(0 0 0 / .15) 55%,transparent 100%)}.promo-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--pg-content-inset)}.promo-card__content--top{justify-content:flex-start}.promo-card__content--middle{justify-content:center}.promo-card__content--bottom{justify-content:flex-end;padding-block-end:var(--pg-content-inset-bottom)}.promo-card__content--left{align-items:flex-start;text-align:left}.promo-card__content--center{align-items:center;text-align:center}.promo-card__content--right{align-items:flex-end;text-align:right}.promo-card__heading{margin:0;color:#fff;font-size:var(--text-h4);line-height:1.2;overflow-wrap:break-word}.promo-card__text{margin:0;max-width:42ch;color:#fff;font-size:var(--text-body-sm);line-height:1.45}.promo-card__btn{min-width:min(194px,100%);max-width:100%;min-height:48px;padding-inline:var(--space-6);font-size:var(--text-body);letter-spacing:.06em}.promo-card[href]:hover .promo-card__btn{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}@media(min-width:990px){.promo-grid__grid--preset{--pg-row: var(--pg-card-height, 396px);grid-auto-rows:var(--pg-row);grid-auto-flow:row dense}.promo-grid__grid--stacked{--pg-row: calc((var(--pg-card-height, 396px) - var(--pg-gap)) / 2)}.promo-grid__grid--preset .promo-card{height:auto}.promo-grid__grid--preset .promo-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.promo-grid__grid--stacked .promo-card--standard .promo-card__content{--pg-content-inset: var(--space-5);--pg-content-inset-bottom: var(--space-5)}.promo-grid__grid--layout-feature-center{grid-template-columns:repeat(4,minmax(0,1fr))}.promo-grid__grid--layout-feature-center .promo-card--feature{grid-column:span 2}.promo-grid__grid--layout-feature-left{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.promo-grid__grid--layout-feature-left .promo-card--feature{grid-column:1;grid-row:span 2}.promo-grid__grid--layout-feature-left .promo-card--standard{grid-column:2}.promo-grid__grid--layout-feature-right{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.promo-grid__grid--layout-feature-right .promo-card--feature{grid-column:2;grid-row:span 2}.promo-grid__grid--layout-feature-right .promo-card--standard{grid-column:1}.promo-grid__grid--layout-stack-center{grid-template-columns:repeat(3,minmax(0,1fr))}.promo-grid__grid--layout-stack-center .promo-card:nth-child(4n+1){grid-column:1;grid-row:span 2}.promo-grid__grid--layout-stack-center .promo-card--standard{grid-column:2}.promo-grid__grid--layout-stack-center .promo-card:nth-child(4n+4){grid-column:3;grid-row:span 2}.promo-grid__grid--layout-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.promo-grid__grid--layout-mosaic .promo-card--feature{grid-column:span 2;grid-row:span 2}.promo-grid__grid--layout-feature-top .promo-card--feature{grid-column:1 / -1}}@media(max-width:989px){.promo-grid__grid{grid-template-columns:repeat(var(--pg-columns-tablet, 2),minmax(0,1fr));grid-auto-flow:row dense}.promo-card--feature{grid-column:span 2}.promo-card__content{--pg-content-inset: var(--space-6);--pg-content-inset-bottom: var(--space-8)}}@media(max-width:749px){.promo-grid{padding-block:var(--section-spacing-mobile)}.promo-grid__grid{grid-auto-flow:row}.promo-card--span-2,.promo-card--feature{grid-column:auto}.promo-grid__grid--mobile-grid-1{grid-template-columns:minmax(0,1fr)}.promo-grid__grid--mobile-grid-2{--pg-gap: var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.promo-grid--ratio-custom .promo-grid__grid--mobile-grid-1 .promo-card,.promo-grid--ratio-custom .promo-grid__grid--mobile-grid-1 .promo-card__media,.promo-grid--ratio-custom .promo-grid__grid--mobile-grid-1 .promo-card__media img{height:auto}.promo-grid--ratio-custom .promo-grid__grid--mobile-grid-2 .promo-card{height:auto;aspect-ratio:1 / 1}.promo-grid__grid--mobile-slider{display:flex;grid-template-columns:none;overflow-x:auto;padding-block-end:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:none}.promo-grid__grid--mobile-slider::-webkit-scrollbar{display:none}.promo-grid__inner.container .promo-grid__grid--mobile-slider{margin-inline:calc(-1 * var(--page-gutter-mobile, 20px));padding-inline:var(--page-gutter-mobile, 20px)}.promo-grid__grid--mobile-slider .promo-card{flex:0 0 82vw;scroll-snap-align:start}.promo-card__content{--pg-content-inset: var(--space-4);--pg-content-inset-bottom: var(--space-6)}.promo-card__btn{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){.promo-card__media img{transition:none}.promo-card[href]:hover .promo-card__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-promotion-grid.css.map */