.promo-banners.section{padding-block:var(--space-md)}.promo-banners__list{display:grid;gap:var(--space-sm)}@media(min-width:750px){.promo-banners__list{grid-template-columns:repeat(var(--banners, 2),minmax(0,1fr));gap:var(--space-md)}}.promo-banner{position:relative;isolation:isolate;display:grid;min-height:220px;overflow:hidden;border-radius:var(--radius);background-color:var(--color-sand)}@media(min-width:990px){.promo-banner{min-height:clamp(260px,25vw,380px)}}.promo-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.promo-banner__media img,.promo-banner__media .placeholder-art{width:100%;height:100%;object-fit:cover;object-position:var(--banner-focal, center);transition:transform .9s var(--ease)}:root[dir=rtl] .promo-banner--mirror-rtl .promo-banner__media img{transform:scaleX(-1)}.promo-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--veil-dir, to right),rgb(255 255 255 / var(--banner-veil, .35)) 0%,rgb(255 255 255 / calc(var(--banner-veil, .35) * .5)) 40%,transparent 65%)}:root[dir=rtl] .promo-banner__media:after{--veil-dir: to left}.promo-banner--light .promo-banner__media:after{background:linear-gradient(var(--veil-dir, to right),rgb(0 0 0 / var(--banner-veil, .35)) 0%,transparent 65%)}@media(hover:hover){.promo-banner:hover .promo-banner__media img{transform:scale(1.03)}:root[dir=rtl] .promo-banner--mirror-rtl:hover .promo-banner__media img{transform:scaleX(-1) scale(1.03)}}.promo-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-xs);max-width:62%;padding:var(--space-lg);color:var(--color-text);pointer-events:none}.promo-banner--light .promo-banner__content{color:#fff}@media(min-width:990px){.promo-banner__content{padding:var(--space-xl);gap:var(--space-sm)}}.promo-banner__title{font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:400;line-height:1.05;text-transform:uppercase;letter-spacing:.01em;color:inherit}:root[dir=rtl] .promo-banner__title{text-transform:none;letter-spacing:0;line-height:1.3}.promo-banner__text{font-size:var(--text-sm);line-height:1.45;opacity:.8}.promo-banner__button{margin-block-start:var(--space-xs);pointer-events:auto}.promo-banner--light .promo-banner__button{background-color:#fff;border-color:#fff;color:var(--color-text)}.promo-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-promo-banners.css.map */