}

/* Final mobile polish requested after screenshot review. */
@media (max-width: 620px) {
    body:not(.admin-body) .hero {
        min-height: 420px !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 420px !important;
        height: 420px !important;
    }

    body:not(.admin-body) .hero-acts {
        width: min(100%, 390px) !important;
        margin-top: 96px !important;
        padding-inline: 32px !important;
    }

    body:not(.admin-body) .hero-acts .btn {
        min-height: 42px !important;
        padding: 9px 7px !important;
        border-radius: 11px !important;
        font-size: clamp(11.5px, 3.45vw, 14px) !important;
    }

    body:not(.admin-body) .hero-acts .btn i {
        font-size: 13px !important;
    }

    body:not(.admin-body) .ticker + .countdown-section,
    body:not(.admin-body) section.section.tight.countdown-section {
        margin-top: -46px !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 3 !important;
    }

    body:not(.admin-body) .countdown-section .countdown-panel {
        padding: 12px 14px 10px !important;
    }

    body:not(.admin-body) .countdown-section .countdown-inner,
    body:not(.admin-body) .countdown-inner {
        display: grid !important;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
        gap: 12px !important;
        align-items: center !important;
    }

    body:not(.admin-body) .countdown-copy {
        min-width: 0 !important;
    }

    body:not(.admin-body) .countdown-copy .eyeb.on-dark {
        max-width: 100% !important;
        font-size: 9px !important;
        letter-spacing: .13em !important;
        padding: 4px 9px 4px 7px !important;
        margin-bottom: 7px !important;
    }

    body:not(.admin-body) .countdown-copy h2 {
        max-width: 10.5ch !important;
        margin: 4px 0 12px !important;
        font-size: clamp(24px, 7vw, 34px) !important;
        line-height: 1.04 !important;
        text-wrap: balance !important;
        overflow-wrap: normal !important;
    }

    body:not(.admin-body) .countdown-copy h2 .accent {
        display: block !important;
    }

    body:not(.admin-body) .countdown-date {
        font-size: 11px !important;
        padding: 6px 8px !important;
        white-space: nowrap !important;
    }

    body:not(.admin-body) .countdown-meta {
        gap: 5px !important;
    }

    body:not(.admin-body) .countdown-meta span {
        font-size: 9.2px !important;
        padding: 4px 8px !important;
        white-space: nowrap !important;
    }

    body:not(.admin-body) .countdown-side {
        min-width: 0 !important;
        justify-items: stretch !important;
    }

    body:not(.admin-body) .timer {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body:not(.admin-body) .timer-unit {
        min-width: 0 !important;
        min-height: 68px !important;
        padding: 11px 6px 9px !important;
    }

    body:not(.admin-body) .timer-unit strong {
        font-size: clamp(30px, 9vw, 40px) !important;
    }

    body:not(.admin-body) .price-chips p.price-line:has(del.price-was) del.price-was,
    body:not(.admin-body) #games .price-chips p.price-line:has(del.price-was) del.price-was {
        font-size: 13.5px !important;
        line-height: 1.15 !important;
        opacity: .74 !important;
    }
}

@media (max-width: 380px) {
    body:not(.admin-body) .hero {
        min-height: 392px !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 392px !important;
        height: 392px !important;
    }

    body:not(.admin-body) .hero-acts {
        margin-top: 88px !important;
        padding-inline: 24px !important;
    }

    body:not(.admin-body) .countdown-section .countdown-inner,
    body:not(.admin-body) .countdown-inner {
        gap: 9px !important;
    }

    body:not(.admin-body) .countdown-copy h2 {
        font-size: clamp(22px, 6.4vw, 30px) !important;
    }
}

/* True final mobile override: keep this at EOF so duplicate earlier rules cannot win. */
@media (max-width: 620px) {
    body:not(.admin-body) .hero {
        min-height: 440px !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 440px !important;
        height: 440px !important;
    }

    body:not(.admin-body) .hero-slide img {
        object-fit: cover !important;
        object-position: center top !important;
    }

    body:not(.admin-body) .hero-acts {
        margin-top: 138px !important;
        width: min(100%, 370px) !important;
        padding-inline: 34px !important;
    }

    body:not(.admin-body) #games .price-chips p.price-line del.price-was,
    body:not(.admin-body) .price-chips p.price-line del.price-was {
        color: rgba(255, 255, 255, .9) !important;
        text-decoration-color: rgba(255, 255, 255, .9) !important;
        text-shadow: 0 1px 5px rgba(0, 0, 0, .55) !important;
    }
}

@media (max-width: 380px) {
    body:not(.admin-body) .hero {
        min-height: 410px !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 410px !important;
        height: 410px !important;
    }

    body:not(.admin-body) .hero-acts {
        margin-top: 126px !important;
        padding-inline: 26px !important;
    }
}

/* Last mobile override after all previous duplicates. */
@media (max-width: 620px) {
    body:not(.admin-body) .hero {
        min-height: 390px !important;
        background: #020305 !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 390px !important;
        height: 390px !important;
    }

    body:not(.admin-body) .hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #020305 !important;
        filter: brightness(.72) !important;
    }

    body:not(.admin-body) .hero-overlay {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .18) 0%, rgba(0, 0, 0, .36) 52%, rgba(0, 0, 0, .62) 100%),
            linear-gradient(90deg, rgba(0, 0, 0, .34), rgba(0, 0, 0, .12) 48%, rgba(0, 0, 0, .32)) !important;
    }

    body:not(.admin-body) .hero-acts {
        margin-top: 156px !important;
        width: min(100%, 365px) !important;
        padding-inline: 32px !important;
    }

    body:not(.admin-body) .ticker + .countdown-section,
    body:not(.admin-body) section.section.tight.countdown-section {
        margin-top: 0 !important;
        padding-top: 8px !important;
        position: relative !important;
        z-index: 1 !important;
    }

    body:not(.admin-body) .countdown-section .countdown-panel {
        padding: 8px 14px 10px !important;
    }

    body:not(.admin-body) .countdown-section .countdown-inner,
    body:not(.admin-body) .countdown-inner {
        grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
        gap: 9px !important;
        align-items: center !important;
    }

    body:not(.admin-body) .countdown-copy .eyeb.on-dark {
        display: none !important;
    }

    body:not(.admin-body) .countdown-copy h2 {
        max-width: 9.5ch !important;
        margin: 0 0 9px !important;
        font-size: clamp(21px, 6.1vw, 28px) !important;
        line-height: 1.03 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    body:not(.admin-body) .countdown-date {
        font-size: 10px !important;
        padding: 5px 7px !important;
    }

    body:not(.admin-body) .countdown-meta span {
        font-size: 8.5px !important;
        padding: 3px 7px !important;
    }

    body:not(.admin-body) .timer {
        gap: 8px !important;
    }

    body:not(.admin-body) .timer-unit {
        min-height: 58px !important;
        padding: 8px 5px 7px !important;
        border-radius: 8px !important;
    }

    body:not(.admin-body) .timer-unit strong {
        font-size: clamp(25px, 7.8vw, 34px) !important;
    }

    body:not(.admin-body) .timer-unit span {
        font-size: 8px !important;
        margin-top: 3px !important;
    }
}

@media (max-width: 380px) {
    body:not(.admin-body) .hero {
        min-height: 370px !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 370px !important;
        height: 370px !important;
    }

    body:not(.admin-body) .hero-acts {
        margin-top: 142px !important;
        padding-inline: 24px !important;
    }
}

/* Final targeted mobile homepage hero fit. Desktop/tablet and links stay untouched. */
@media (max-width: 620px) {
    body:not(.admin-body) .hero {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #020305 !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body:not(.admin-body) .hero-slide img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        background: #020305 !important;
        filter: brightness(.92) !important;
    }

    body:not(.admin-body) .hero-overlay {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, .20) 48%, rgba(0, 0, 0, .42) 100%),
            linear-gradient(90deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .20)) !important;
    }

    body:not(.admin-body) .hero-inner {
        inset: 0 !important;
        padding: 0 16px !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: none !important;
    }

    body:not(.admin-body) .hero-content {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        pointer-events: none !important;
    }

    body:not(.admin-body) .hero-acts {
        width: min(100%, 390px) !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 18% auto 0 !important;
        padding: 0 clamp(18px, 5vw, 28px) !important;
        pointer-events: auto !important;
    }

    body:not(.admin-body) .hero-acts .btn {
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 9px 8px !important;
        border-radius: 12px !important;
        font-size: clamp(12px, 3.6vw, 15px) !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
    }

    body:not(.admin-body) .hero-acts .btn i {
        font-size: 13px !important;
        flex: 0 0 auto !important;
    }

    body:not(.admin-body) .countdown-meta {
        display: none !important;
    }
}

@media (max-width: 360px) {
    body:not(.admin-body) .hero-acts {
        margin-top: 15% !important;
        gap: 8px !important;
        padding-inline: 16px !important;
    }

    body:not(.admin-body) .hero-acts .btn {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 11.5px !important;
        padding-inline: 6px !important;
    }
}

/* ---------------------------------------------------------------
   MOBILE HOME PAGE FIX — screens under 768px only.
   Desktop / tablet layout is NOT touched (all rules below live
   inside mobile media queries). Everything appended at EOF so it
   wins every earlier cascade.
   --------------------------------------------------------------- */

/* 1. NO HORIZONTAL SCROLL — lock body + every child to 100vw. */
@media (max-width: 768px) {
    body:not(.admin-body) {
        overflow-x: hidden !important;
    }
}

/* 2. HERO — landscape frame (not too tall), full-width image, not cut.
   The navbar is position: fixed (72px) and floats over the page, so the
   hero is pushed down by exactly the nav height below it — the image then
   starts flush under the navbar with NO gap. On scroll the hero scrolls
   up normally (position stays relative, in-flow). */
@media (max-width: 768px) {
    body:not(.admin-body) main {
        padding-top: 0 !important;
    }

    body:not(.admin-body) .hero {
        margin-top: 72px !important;
        aspect-ratio: 4 / 3 !important;
        background: #050608 !important;
        position: relative !important;
        overflow: hidden !important;
        padding: 0 !important;
        display: block !important;
        min-height: 0 !important;
    }

    body:not(.admin-body) .hero-slider,
    body:not(.admin-body) .hero-slide,
    body:not(.admin-body) .hero-slide.active {
        min-height: 0 !important;
        height: 100% !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    /* Whole artwork fills the frame — cover crops nothing, centers focus. */
    body:not(.admin-body) .hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        filter: none !important;
        background: #050608 !important;
    }

    /* Very light top fade for readability; leaves artwork fully visible. */
    body:not(.admin-body) .hero-overlay {
        background:
            linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.10) 60%, rgba(0,0,0,.16) 100%) !important;
        z-index: 2 !important;
    }

    /* Nothing overlaps the image — buttons hidden, inner removed. */
    body:not(.admin-body) .hero-inner,
    body:not(.admin-body) .hero-content,
    body:not(.admin-body) .hero-acts {
        display: none !important;
    }

    body:not(.admin-body) .hero-dots {
        display: none !important;
    }
}

/* 3. YELLOW MARQUEE — continuous scroll, no mid-word clipping, no overflow. */
@media (max-width: 768px) {
    body:not(.admin-body) .ticker {
        overflow: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }

    body:not(.admin-body) .ticker-track {
        width: max-content !important;
        min-width: 200% !important;
        will-change: transform !important;
        flex: none !important;
    }

    body:not(.admin-body) .ticker-track span {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
}

/* 4. COUNTDOWN — headline + 2x2 timer grid, centered, padded, no edge-hug. */
@media (max-width: 768px) {
    body:not(.admin-body) .countdown-section .countdown-panel {
        padding: clamp(20px, 5vw, 32px) clamp(16px, 4vw, 28px) !important;
    }

    /* Stack the copy block above the timer on mobile. */
    body:not(.admin-body) .countdown-section .countdown-inner,
    body:not(.admin-body) .countdown-inner {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: clamp(16px, 4vw, 26px) !important;
        align-items: center !important;
        justify-items: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Headline/label + date pill centered above the boxes. */
    body:not(.admin-body) .countdown-copy {
        display: grid !important;
        justify-items: center !important;
        gap: 10px !important;
        max-width: 100% !important;
        padding: 0 8px !important;
    }

    body:not(.admin-body) .countdown-copy h2 {
        margin: 4px 0 !important;
        max-width: 100% !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    body:not(.admin-body) .countdown-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body:not(.admin-body) .countdown-date {
        white-space: nowrap !important;
        padding: 7px 14px !important;
    }

    /* 4-across timer (like desktop, one heading row above). */
    body:not(.admin-body) .countdown-side {
        width: 100% !important;
        max-width: 560px !important;
        display: grid !important;
        justify-items: center !important;
    }

    body:not(.admin-body) .timer {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(6px, 2vw, 10px) !important;
        width: 100% !important;
    }

    body:not(.admin-body) .countdown-separator {
        display: none !important;
    }

    body:not(.admin-body) .timer-unit {
        width: 100% !important;
        min-width: 0 !important;
        min-height: clamp(52px, 15vw, 68px) !important;
        padding: clamp(6px, 1.6vw, 10px) clamp(3px, 1vw, 8px) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body:not(.admin-body) .timer-unit strong {
        font-size: clamp(18px, 6vw, 26px) !important;
        line-height: 1 !important;
    }

    body:not(.admin-body) .timer-unit span {
        font-size: clamp(8px, 2.4vw, 11px) !important;
        margin-top: 5px !important;
    }
}

/* 5. HERO REGISTER / VIEW GAMES BUTTONS — hidden on ALL screens
   (mobile already hid them; this hides them on desktop too so nothing
   floats above the headline/artwork). Headline first, then the
   countdown heading, then the timer below — as requested. */
body:not(.admin-body) .hero-inner,
body:not(.admin-body) .hero-content,
body:not(.admin-body) .hero-acts {
    display: none !important;
}

/* 6. HERO IMAGE BRIGHTNESS — desktop only (768px+). The global dark
   .hero-overlay (set earlier) makes the desktop hero look dull, so here
   we brighten the hero image and lighten that overlay so the actual
   artwork shows vivid. Mobile (<768px) is left untouched. */
@media (min-width: 769px) {
    body:not(.admin-body) .hero-slide img {
        filter: brightness(1.18) contrast(1.05) !important;
    }

    body:not(.admin-body) .hero-overlay {
        background:
            linear-gradient(90deg, rgba(8, 10, 14, .28) 0%, rgba(8, 10, 14, .12) 45%, rgba(8, 10, 14, 0) 100%),
            linear-gradient(0deg, rgba(8, 10, 14, .20), transparent 60%) !important;
    }
}

/* 7. LEADERSHIP CARD — content-driven, no fixed heights.
   Fixes the text-overflow-on-zoom bug. Desktop only (≥769px).
   Mobile (≤768px) already uses height:auto in index-inline.css.
   ──────────────────────────────────────────────────────────────
   Root cause: index-inline.css line 847 sets height:420px on the
   card, line 891 sets height:100% on the inner, and line 844
   sets overflow:hidden — so when text grows on zoom the card
   stays locked at 420px and the last lines get clipped.          */
@media (min-width: 769px) {

    /* ── Card: replace fixed height with min-height, allow growth ── */
    body section.section.leadership-section[data-leadership] .leader-card,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index] {
        height: auto !important;
        min-height: clamp(22rem, 30vw, 26.25rem) !important;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 20px !important;
    }

    /* ── Card inner grid: let it size to content, don't force height ── */
    body section.section.leadership-section[data-leadership] .leader-card-inner {
        height: auto !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        align-items: stretch !important;
    }

    /* ── Image column: overflow:hidden stays (rounded corners), flex ── */
    body section.section.leadership-section[data-leadership] .leader-image-col {
        position: relative !important;
        overflow: hidden !important;
        background: rgba(255, 255, 255, 0.03) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 0 !important;
    }

    /* ── Photo wrapper: overflow:hidden for corners, fills column ── */
    body section.section.leadership-section[data-leadership] .leader-photo-wrap,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-photo-wrap {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* ── Image: fills whatever height text dictates ── */
    body section.section.leadership-section[data-leadership] .leader-photo-wrap img,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-photo-wrap img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center 15% !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        display: block !important;
    }

    /* ── Content column: text NEVER clipped ── */
    body section.section.leadership-section[data-leadership] .leader-content-col,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-content-col {
        padding: clamp(1.25rem, 2.5vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 0.75rem !important;
        position: relative !important;
        background: transparent !important;
        overflow: visible !important;
        min-height: 0 !important;
    }

    /* ── Leader info block ── */
    body section.section.leadership-section[data-leadership] .leader-info,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 0.25rem !important;
        text-align: left !important;
        position: relative !important;
        z-index: 1 !important;
    }

    /* ── Name: rem-based, scales with zoom ── */
    body section.section.leadership-section[data-leadership] .leader-name,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-name {
        color: #ffffff !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: clamp(1.1rem, 1.8vw, 1.5rem) !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.01em !important;
    }

    /* ── Role badge: rem-based ── */
    body section.section.leadership-section[data-leadership] .leader-role-badge,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-role-badge {
        display: inline-block !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 0.69rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        padding: 0.375rem 1rem !important;
        border-radius: 999px !important;
        width: fit-content !important;
    }

    /* Red badge — card 0 */
    body section.section.leadership-section[data-leadership] .leader-card[data-index="0"] .leader-role-badge,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="0"] .leader-role-badge {
        color: #FF1744 !important;
        background: rgba(255, 23, 68, 0.10) !important;
        border: 1px solid rgba(255, 23, 68, 0.25) !important;
    }

    /* Gold badge — card 1 */
    body section.section.leadership-section[data-leadership] .leader-card[data-index="1"] .leader-role-badge,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] .leader-role-badge {
        color: #FFC107 !important;
        background: rgba(255, 193, 7, 0.10) !important;
        border: 1px solid rgba(255, 193, 7, 0.25) !important;
    }

    /* ── Quote mark: rem-based ── */
    body section.section.leadership-section[data-leadership] .quote-mark,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .quote-mark {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: clamp(1.8rem, 3vw, 3rem) !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        pointer-events: none !important;
        z-index: 0 !important;
        margin: 0 !important;
        margin-top: -0.25rem !important;
        color: rgba(255, 23, 68, 0.15) !important;
        display: block !important;
    }

    body section.section.leadership-section[data-leadership] .leader-card[data-index="1"] .quote-mark,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] .quote-mark {
        color: rgba(255, 193, 7, 0.12) !important;
    }

    /* ── Quote text: fluid rem, proper line-height, wraps naturally ── */
    body section.section.leadership-section[data-leadership] .leader-quote,
    body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-quote {
        color: rgba(255, 255, 255, 0.82) !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: clamp(0.8rem, 1.2vw, 0.94rem) !important;
        font-weight: 400 !important;
        font-style: italic !important;
        line-height: 1.6 !important;
        position: relative !important;
        z-index: 1 !important;
        margin: 0 !important;
        min-height: auto !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* ── Accent borders / shadows preserved ── */
    body section.section.leadership-section[data-leadership] .leader-card[data-index="0"],
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="0"] {
        border-color: rgba(255, 23, 68, 0.20) !important;
    }

    body section.section.leadership-section[data-leadership] .leader-card[data-index="1"],
    body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] {
        border-color: rgba(255, 193, 7, 0.18) !important;
    }

    body section.section.leadership-section[data-leadership] .leader-card[data-index="0"].leadership-animate {
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 50px rgba(255, 23, 68, 0.07) !important;
    }

    body section.section.leadership-section[data-leadership] .leader-card[data-index="1"].leadership-animate {
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 50px rgba(255, 193, 7, 0.06) !important;
    }
}

/* ── Legal pages (Terms / Privacy) — dark theme fix ── */
body.legal-page .legal-hero {
    background: linear-gradient(135deg, rgba(232, 56, 79, 0.08), rgba(212, 164, 32, 0.1)) !important;
}
body.legal-page .legal-hero .eyebrow {
    color: var(--brand, #d4a420) !important;
}
body.legal-page .legal-hero h1 {
    color: #ffffff !important;
}
body.legal-page .legal-hero p {
    color: var(--muted, #94a3b8) !important;
}
body.legal-page .legal-section {
    background: transparent !important;
}
body.legal-page .legal-copy {
    color: var(--text, #e2e8f0) !important;
}
body.legal-page .legal-copy h2 {
    color: var(--brand, #d4a420) !important;
}
body.legal-page .legal-copy p {
    color: #c8cdd6 !important;
    line-height: 1.85 !important;
}
body.legal-page .legal-copy strong {
    color: #ffffff !important;
}
body.legal-page .legal-copy a {
    color: var(--brand-2, #f0c040) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
body.legal-page .legal-copy a:hover {
    color: #ffffff !important;
}

/* --- PROMINENT STRIKETHROUGH FOR OLD DISCOUNTED PRICES --- */
/* Target globally across index, registrations and admin panel to make the cut strongly visible */
body .price-chips del.price-was,
body .reg-price-tag del.price-was,
body #games .price-chips p.price-line del.price-was,
body .price-preview del.price-was,
body .compact-prices del,
body .mini-admin-card .compact-prices del {
    color: rgba(255, 80, 80, 0.9) !important;
    text-decoration: line-through !important;
    text-decoration-color: rgba(255, 60, 60, 1) !important;
    text-decoration-thickness: 2.5px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    margin-left: 6px !important;
}

@media (max-width: 620px) {

    body:not(.admin-body) #games .price-chips p.price-line del.price-was,
    body:not(.admin-body) .price-chips p.price-line del.price-was {
        color: rgba(255, 90, 90, 0.95) !important;
        text-decoration-color: rgba(255, 60, 60, 1) !important;
        text-decoration-thickness: 2px !important;
        opacity: 1 !important;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
    }
}
/* Registration detail QR cards */
.registration-view-panel .qr-help-text {
  margin: 0 0 14px;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}

.registration-view-panel .ticket-qr-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.registration-view-panel .ticket-qr-card {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid #dbe2ea;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.registration-view-panel .ticket-qr-img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.registration-view-panel .ticket-qr-placeholder {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  border: 1px solid #dbe2ea;
  border-radius: 6px;
  background: #f8fafc;
  color: #64748b;
  font-size: 28px;
}

.registration-view-panel .ticket-qr-info {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: #334155;
  font-size: 12px;
  line-height: 1.28;
}

.registration-view-panel .ticket-qr-info strong {
  color: #111827;
  font-size: 15px;
  line-height: 1.2;
}

.registration-view-panel .ticket-qr-info span,
.registration-view-panel .ticket-qr-info b {
  overflow-wrap: anywhere;
}

.registration-view-panel .ticket-qr-info b {
  color: #b77900;
  font-size: 12.5px;
}

.registration-view-panel .ticket-status {
  justify-self: start;
  margin-top: 3px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.registration-view-panel .ticket-status.pending {
  background: #e2e8f0;
  color: #334155;
}

.registration-view-panel .ticket-status.approved {
  background: #dcfce7;
  color: #166534;
}

.registration-view-panel .ticket-status.rejected {
  background: #fee2e2;
  color: #991b1b;
}

.registration-view-panel .attached-proof {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.registration-view-panel .attached-proof span {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.registration-view-panel .attached-proof img {
  display: block;
  width: min(100%, 460px);
  max-height: 520px;
  object-fit: contain;
  border: 1px solid #dbe2ea;
  border-radius: 8px;
  background: #f8fafc;
}

@media (max-width: 560px) {
  .registration-view-panel .ticket-qr-list {
    grid-template-columns: 1fr;
  }

  .registration-view-panel .ticket-qr-card {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 10px;
  }

  .registration-view-panel .ticket-qr-img,
  .registration-view-panel .ticket-qr-placeholder {
    width: 96px;
    height: 96px;
  }
}