.featured-banners{padding:var(--space-2xl) 0}.featured-banners__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.featured-banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:280px;display:flex;align-items:center;cursor:pointer;transition:var(--transition)}.featured-banner:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.featured-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.featured-banner:hover .featured-banner__bg{transform:scale(1.05)}.featured-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.featured-banner--dark .featured-banner__overlay{background:linear-gradient(135deg,rgba(0,0,0,.5),transparent)}.featured-banner--light .featured-banner__overlay{background:linear-gradient(135deg,#ffffffd9,#ffffff4d)}.featured-banner--primary .featured-banner__overlay{background:linear-gradient(135deg,#ffd700e6,#ffd7004d)}.featured-banner__content{position:relative;z-index:2;padding:var(--space-xl) var(--space-2xl);max-width:260px}.featured-banner__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1.5px;font-weight:var(--fw-semibold);margin-bottom:var(--space-sm);opacity:.8}.featured-banner--dark .featured-banner__label{color:var(--color-primary)}.featured-banner__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:1.3;margin-bottom:var(--space-lg)}.featured-banner--dark .featured-banner__title,.featured-banner--dark .featured-banner__content{color:var(--color-text-white)}.featured-banner__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.5px;padding-bottom:2px;border-bottom:2px solid currentColor;transition:var(--transition-fast)}.featured-banner__link:hover{gap:12px}.featured-banner__link svg{width:14px;height:14px}@media(max-width:1024px){.featured-banners__grid{grid-template-columns:1fr 1fr}.featured-banners__grid .featured-banner:last-child{grid-column:1 / -1}}@media(max-width:768px){.featured-banners__grid{grid-template-columns:1fr}.featured-banner{min-height:220px}.featured-banners__grid .featured-banner:last-child{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-featured-banners.css.map */