.section-promo-tiles--bg-image{position:relative;isolation:isolate}.section-promo-tiles__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.promo-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:var(--promo-gap-mobile, 10px)}.promo-tiles>:first-child{grid-row:span 2;aspect-ratio:.85}.promo-tiles>:first-child:nth-last-child(2)+*{grid-row:span 2}.promo-tiles>:only-child{grid-column:1 / -1;aspect-ratio:1.8}@media screen and (max-width:749px){.promo-tiles>:first-child:nth-last-child(2){aspect-ratio:100 / var(--promo-two-h, 118)}}@media screen and (min-width:750px){.promo-tiles{grid-template-columns:minmax(0,var(--promo-big, 50%)) minmax(0,1fr);gap:var(--promo-gap, 20px)}.promo-tiles>:first-child{aspect-ratio:var(--promo-ratio-desktop, 1.2)}.promo-tiles>:only-child{aspect-ratio:3}}@media screen and (min-width:990px){.promo-tiles--row{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:minmax(0,var(--promo-tile-w, 1fr));justify-content:center}.promo-tiles--row>*,.promo-tiles--row>:first-child,.promo-tiles--row>:first-child:nth-last-child(2)+*{grid-row:auto;aspect-ratio:var(--promo-row-ratio, 1.8)}.promo-tiles--row .promo-tile{container-type:inline-size}.promo-tiles--row .promo-tile__heading{font-size:min(var(--promo-h-lg),9cqi)}.promo-tiles--row .promo-tile__tag,.promo-tiles--row .promo-tile__text{font-size:min(var(--text-size-small),5.5cqi)}.promo-tiles--row>:only-child{aspect-ratio:3}}.promo-tile{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:var(--promo-border-w, 1px) solid var(--promo-border, transparent);border-radius:var(--promo-radius, 18px);background:var(--promo-bg);color:var(--promo-color);text-decoration:none}.promo-tile--border-gradient{border-color:transparent;background:var(--promo-bg) padding-box,linear-gradient(rgb(var(--color-background)),rgb(var(--color-background))) padding-box,var(--promo-border-gradient) border-box}.promo-tile.promo-tile--active,.promo-tile--slider:has(.promo-slide--active){outline:2px solid var(--promo-active, #702341);outline-offset:3px}a.promo-tile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.promo-tile__floor{position:absolute;right:0;bottom:0;left:0;z-index:0;height:var(--promo-floor-h);background:var(--promo-floor)}.promo-tile__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:top;mix-blend-mode:var(--promo-decor-blend, normal);pointer-events:none}.promo-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.promo-tile__img{position:absolute;display:block;max-width:none}.promo-tile--fit-cover .promo-tile__img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promo-tile--fit-bottom .promo-tile__img,.promo-tile--fit-bottom-right .promo-tile__img,.promo-tile--fit-right .promo-tile__img{width:var(--promo-img-w, 100%);height:auto;max-height:100%;object-fit:contain;translate:var(--promo-img-x, 0%) var(--promo-img-y, 0%);filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.promo-tile--flat .promo-tile__img{filter:none}.promo-tile--fit-bottom .promo-tile__img{bottom:0;left:50%;object-position:bottom;transform:translate(-50%)}.promo-tile--fit-bottom-right .promo-tile__img{right:0;bottom:0;object-position:bottom right}.promo-tile--fit-right .promo-tile__img{top:50%;right:0;object-position:right;transform:translateY(-50%)}.promo-tile__placeholder{background:var(--color-placeholder-bg);fill:var(--color-placeholder-fill);filter:none}.promo-tile:has(.promo-tile__placeholder){border-width:0}.promo-tile__slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.promo-tile__slider .splide,.promo-tile__slider .splide__track{height:100%}.promo-tile__slider .splide:not(.is-initialized){visibility:visible}.promo-tile__slider .splide:not(.is-initialized) .splide__slide{width:100%}.promo-slide{position:relative;height:100%}.promo-tile__slider .splide__pagination{position:absolute;right:0;bottom:.8rem;left:0;z-index:2}.promo-tile__content{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:0 clamp(1.6rem,11%,4.8rem);font-family:"Urbanist-Regular","Urbanist",var(--font-body-family);text-align:left;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.promo-tile--center .promo-tile__content{align-items:center;text-align:center}.promo-tile--slider:has(.splide__slide.is-active.promo-slide--own)>.promo-tile__content--shared{opacity:0;visibility:hidden}.promo-tile__tag{padding:.35em .7em .3em;border-radius:0 0 .35em .35em;background:var(--promo-tag-bg);color:var(--promo-tag-text);font-family:"Urbanist-Regular","Urbanist",var(--font-body-family);font-size:var(--text-size-small);font-weight:800;line-height:1;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.promo-tile__heading{margin:.9em 0 0;font-family:"Urbanist-Regular","Urbanist",var(--font-body-family);font-style:normal;font-weight:700;font-size:var(--promo-h);line-height:1.1;letter-spacing:normal;text-transform:none;color:var(--promo-color);word-break:break-word}.promo-tile__content>.promo-tile__heading:first-child{margin-top:1em}.promo-tile__heading>span{display:block}.promo-tile__highlight{background-image:var(--promo-hl);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:1.08em}.promo-tile__text{margin:.7em 0 0;font-family:"Urbanist-Regular","Urbanist",var(--font-body-family);font-size:var(--text-size-small);line-height:1.3;color:var(--promo-color)}.promo-tile__content>.promo-tile__text:first-child{margin-top:1.2em}@media screen and (min-width:750px){.promo-tile__heading{font-size:var(--promo-h-lg)}.promo-tile--fit-bottom .promo-tile__img,.promo-tile--fit-bottom-right .promo-tile__img,.promo-tile--fit-right .promo-tile__img{width:var(--promo-img-w-lg, var(--promo-img-w, 100%))}}@media(prefers-reduced-motion:reduce){.promo-tile__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/270/assets/section-promo-tiles.css.map */