.promo-banners{padding:1.5rem 0}.promo-banners-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.promo-banner{border-radius:var(--radius-lg,12px);background:var(--gray-50,#f5f6f8);min-height:150px;color:var(--white,#fff);border:1px solid var(--gray-200,#e0e0e0);transition:var(--transition,all .2s ease);background-position:50%;background-size:cover;text-decoration:none;display:block;position:relative;overflow:hidden}.promo-banner:hover{box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-2px)}.promo-banner:focus-visible{outline:2px solid var(--primary-red,#e30613);outline-offset:2px}@media (prefers-reduced-motion:reduce){.promo-banner{transition:none}.promo-banner:hover{transform:none}}.promo-banner-body{z-index:1;background:linear-gradient(#0000 0%,#0000008c 100%);flex-direction:column;justify-content:flex-end;height:100%;padding:1.25rem;display:flex;position:relative}.promo-banner:not([style]) .promo-banner-body,.promo-banner[style=""] .promo-banner-body{background:0 0}.promo-banner-title{color:#fff;text-shadow:0 1px 4px #0006;margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.promo-banner-sub{color:#f0f0f0;text-shadow:0 1px 3px #0006;margin:0 0 .6rem;font-size:.9rem}.promo-banner-cta{color:#fff;font-size:.9rem;font-weight:700}.promo-banner:not([style*=url]){color:var(--gray-900,#1a1a1a);background:linear-gradient(135deg,#fff 0%,var(--gray-50,#f5f6f8)100%);border-left:3px solid var(--primary-red,#e30613);min-height:96px}.promo-banner:not([style*=url]) .promo-banner-body{background:0 0;justify-content:center}.promo-banner:not([style*=url]) .promo-banner-title{color:var(--gray-900,#1a1a1a);text-shadow:none}.promo-banner:not([style*=url]) .promo-banner-sub{color:var(--gray-600,#666);text-shadow:none}.promo-banner:not([style*=url]) .promo-banner-cta{color:var(--primary-red,#e30613)}
