.hero-banners{padding-top:var(--hero-banners-padding-top, 16px);padding-bottom:var(--hero-banners-padding-bottom, 40px)}.hero-banners__grid{display:grid;gap:2rem}.hero-banners__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.hero-banner-card{position:relative;display:block;width:100%;overflow:hidden;border-radius:2.4rem;background:#d1d1d1;color:#000;text-decoration:none}.hero-banners__item--main .hero-banner-card{aspect-ratio:350 / 147}.hero-banners__item--secondary .hero-banner-card{aspect-ratio:167 / 107}.hero-banner-card__image{display:block;width:100%;height:100%;object-fit:cover}.hero-banner-card__placeholder-text{position:absolute;left:1.6rem;top:2.4rem;font-size:2rem;line-height:1.1;font-weight:700}.hero-banners__item--main .hero-banner-card__placeholder-text{left:3.9rem;top:4.8rem;font-size:3.2rem}@media screen and (min-width:750px){.hero-banners__grid{grid-template-columns:minmax(0,1fr) minmax(22rem,31.5rem);align-items:start;gap:2rem}.hero-banners__side{grid-template-columns:1fr;gap:2rem}.hero-banners__item--main .hero-banner-card{aspect-ratio:350 / 147;border-radius:3.2rem}.hero-banners__item--secondary .hero-banner-card{aspect-ratio:167 / 107;border-radius:3.2rem}.hero-banner-card__placeholder-text{left:3rem;top:3.8rem;font-size:2.6rem}.hero-banners__item--main .hero-banner-card__placeholder-text{left:5rem;top:4rem;font-size:2.6rem}}@media screen and (min-width:1200px){.hero-banners__grid{grid-template-columns:minmax(0,1fr) minmax(26rem,31.5rem);gap:2rem}.hero-banners__side{gap:2rem}}@media screen and (min-width:1440px){.hero-banners__grid{grid-template-columns:minmax(0,1fr) 31.5rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-hero-banners.css.map */