.promo-banners{padding:18px 16px 6px}.promo-banners__heading{font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:var(--navy);margin:0 0 12px}.promo-banners__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px}.promo-banners__track::-webkit-scrollbar{display:none}.promo-banners__item{flex:0 0 calc((100% - 20px)*.4);scroll-snap-align:start;position:relative;aspect-ratio:5 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--promo-bg, var(--marigold));display:flex;padding:10px;text-decoration:none;box-shadow:var(--shadow-card);transition:transform .15s ease}.promo-banners__item:hover{transform:translateY(-2px)}.promo-banners__item--image{padding:0}.promo-banners__item--image img{width:100%;height:100%;object-fit:cover;display:block}.promo-banners__text{display:flex;flex-direction:column;gap:4px;width:100%}.promo-banners__title{font-size:.72rem;font-weight:800;line-height:1.2;color:var(--navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-banners__sub{font-size:.6rem;line-height:1.25;color:var(--navy);opacity:.78;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-banners__cta{margin-top:auto;align-self:flex-start;background:var(--white);color:var(--navy);font-size:.58rem;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}.promo-banners__item--light .promo-banners__title,.promo-banners__item--light .promo-banners__sub{color:var(--white)}.promo-banners__item--light .promo-banners__sub{opacity:.88}.promo-banners__item:not([style*=--promo-bg]):nth-child(4n+1){background:#f2a93e4d}.promo-banners__item:not([style*=--promo-bg]):nth-child(4n+2){background:#2b5c3e38}.promo-banners__item:not([style*=--promo-bg]):nth-child(4n+3){background:#7c5ccc3d}.promo-banners__item:not([style*=--promo-bg]):nth-child(4n){background:#d65a7838}@media(min-width:860px){.promo-banners{padding:26px 32px 10px}.promo-banners__heading{font-size:1.3rem}.promo-banners__track{gap:16px}.promo-banners__item{flex:0 0 calc((100% - 48px)/4);aspect-ratio:16 / 10;padding:18px}.promo-banners__text{gap:6px}.promo-banners__title{font-size:1.05rem}.promo-banners__sub{font-size:.82rem}.promo-banners__cta{font-size:.75rem;padding:7px 14px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/promo-banners.css.map */