/* Launch banner: red bar under the nav on desktop, bottom sheet on phones. */
.dn-launch-banner { background: #b2150d; color: #fff; font-family: Inter, -apple-system, sans-serif; }
.dn-launch-banner *, .dn-launch-banner *::before, .dn-launch-banner *::after { box-sizing: border-box; }
.dn-launch-banner.is-member { background: #1a2f4a; }
.dn-launch-banner-inner { max-width: 1280px; margin: 0 auto; padding: 10px 20px; display: flex; align-items: center; gap: 14px; }
.dn-launch-banner-pill { font-family: Teko, sans-serif; font-size: 15px; letter-spacing: .08em; line-height: 1; padding: 4px 8px 2px; border-radius: 3px; background: #fff; color: #b2150d; flex-shrink: 0; }
.dn-launch-banner.is-member .dn-launch-banner-pill { color: #1a2f4a; }
.dn-launch-banner-copy { flex: 1; min-width: 0; font-size: 14px; line-height: 1.4; }
.dn-launch-banner-copy strong { font-weight: 700; margin-right: 6px; }
.dn-launch-banner-copy span { opacity: .92; }
.dn-launch-banner-btn { flex-shrink: 0; background: #fff; color: #b2150d; font-weight: 700; font-size: 13.5px; padding: 8px 14px; border-radius: 6px; text-decoration: none; white-space: nowrap; }
.dn-launch-banner.is-member .dn-launch-banner-btn { color: #1a2f4a; }
.dn-launch-banner-btn:hover { background: #ffe9e7; color: #b2150d; }
.dn-launch-banner-close { background: none; border: 0; color: #fff; opacity: .7; font-size: 22px; line-height: 1; padding: 0 2px; cursor: pointer; flex-shrink: 0; }
.dn-launch-banner-close:hover { opacity: 1; }

/* Below the desktop breakpoint the site shows a fixed bottom tab bar (56px + safe area, see mega-menu.css).
   The sheet sits directly above it. */
@media (max-width: 1023px) {
    .dn-launch-banner { position: fixed; left: 0; right: 0; bottom: calc(57px + env(safe-area-inset-bottom, 0px)); /* tab bar is 56px + 1px border; JS refines this from the live bar */ z-index: 9998; border-radius: 16px 16px 0 0; box-shadow: 0 -12px 30px rgba(0, 0, 0, .28); }
    .dn-launch-banner-inner { flex-wrap: wrap; padding: 14px 16px 16px; gap: 8px 10px; }
    .dn-launch-banner-copy { flex-basis: 100%; order: 2; font-size: 14px; }
    .dn-launch-banner-copy strong { display: block; font-family: Teko, sans-serif; font-size: 24px; line-height: 1; text-transform: uppercase; margin: 0 0 4px; }
    .dn-launch-banner-btn { order: 3; flex: 1 1 100%; max-width: 100%; text-align: center; padding: 12px; font-size: 15px; background: #fff; }
    .dn-launch-banner-close { order: 1; margin-left: auto; }
    .dn-launch-banner-pill { order: 0; }
}