.promo-banner-summer { position: relative; width: 100%; padding: 10px 16px; display: flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; font-family: Roboto, sans-serif; box-sizing: border-box; flex-wrap: wrap; max-width: 1400px; margin: 0 auto 20px; background: radial-gradient(ellipse 700px 120px at 75% 50%, rgba(201, 46, 39, 0.45) 0%, transparent 70%), linear-gradient(90deg, #1a0d0d 0%, #221111 50%, #2a1414 100%); min-height: 50px; } .promo-banner-summer .brand-logo-summer { height: 30px; width: auto; z-index: 2; display: block; } .promo-banner-summer .banner-text-summer { color: #ff5b52; font-size: 19px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; z-index: 2; white-space: nowrap; line-height: 20px; } .promo-banner-summer .banner-sep-summer { color: #555; font-size: 14px; font-weight: 900; z-index: 2; } .promo-banner-summer .banner-sub-summer { color: #fff; font-size: 16px; font-weight: 700; z-index: 2; white-space: nowrap; text-transform: uppercase; line-height: 20px; } .promo-banner-summer .banner-cta-summer { display: inline-flex; align-items: center; background: #C92E27; color: #fff; font-size: 12px; font-weight: 900; text-transform: uppercase; padding: 6px 16px; border-radius: 3px; text-decoration: none; letter-spacing: 1px; z-index: 2; white-space: nowrap; transition: background 0.2s; cursor: pointer; font-family: Roboto, sans-serif; line-height: 16px; } .promo-banner-summer .banner-cta-summer:hover { background: #a82420; } .promo-banner-summer .banner-close-summer { background: none; border: none; color: #666; font-size: 20px; cursor: pointer; z-index: 3; line-height: 1; padding: 4px; transition: color 0.2s; } .promo-banner-summer .banner-close-summer:hover { color: #fff; } @media (max-width: 780px) { .promo-banner-summer { padding: 6px 1px; gap: 8px; margin-bottom: 0; } .promo-banner-summer .banner-text-summer { font-size: 15px; letter-spacing: 0px; } .promo-banner-summer .banner-sub-summer { display: none; } .promo-banner-summer .brand-logo-summer { height: 24px; } .promo-banner-summer .banner-sep-summer { display: none; } .promo-banner-summer .banner-cta-summer { padding: 4px 8px; font-size: 10px; } }