/* Minification failed. Returning unminified contents.
(6,23): run-time error CSS1039: Token not allowed after unary operator: '-ezp-font'
(7,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(10,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-off-white'
(14,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(23,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(41,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold-bright'
(49,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(67,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold-bright'
(88,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(122,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(124,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(168,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(177,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(187,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold-bright'
(207,15): run-time error CSS1039: Token not allowed after unary operator: '-ezp-header-bar-height'
(209,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(210,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(243,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold-bright'
(275,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(286,30): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(288,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(289,23): run-time error CSS1039: Token not allowed after unary operator: '-ezp-font'
(300,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(305,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(306,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(311,29): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold'
(345,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(353,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(371,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(372,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(374,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(375,23): run-time error CSS1039: Token not allowed after unary operator: '-ezp-font'
(387,24): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-light'
(388,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(393,29): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-light'
(400,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(401,24): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(402,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(413,24): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(414,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(418,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue'
(425,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(438,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(439,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(440,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(441,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-shadow'
(446,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(453,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(467,33): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(471,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(491,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(492,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(493,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(494,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-shadow'
(500,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-pale'
(501,35): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(506,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(518,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue'
(537,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(543,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(555,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(556,35): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(557,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(575,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(583,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(592,35): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(613,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-off-white'
(617,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-pale'
(621,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-pale'
(640,24): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(645,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(653,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(665,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(677,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(695,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold'
(696,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius'
(697,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(705,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(709,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(726,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(727,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(728,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(729,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-shadow'
(739,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(745,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(756,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue'
(777,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(778,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(779,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(780,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(781,23): run-time error CSS1039: Token not allowed after unary operator: '-ezp-font'
(789,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-pale'
(795,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(796,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(797,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(798,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(816,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(817,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(818,33): run-time error CSS1039: Token not allowed after unary operator: '-ezp-gold'
(819,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(820,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-shadow'
(825,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(856,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(896,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(904,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(914,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(915,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(916,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(917,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-shadow'
(922,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(929,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(945,35): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(946,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(962,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(967,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(974,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(988,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(989,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(990,25): run-time error CSS1039: Token not allowed after unary operator: '-ezp-radius-lg'
(991,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-shadow'
(997,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(1006,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(1012,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
(1017,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text-muted'
(1054,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-white'
(1055,28): run-time error CSS1039: Token not allowed after unary operator: '-ezp-border'
(1073,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(1081,22): run-time error CSS1039: Token not allowed after unary operator: '-ezp-off-white'
(1085,29): run-time error CSS1039: Token not allowed after unary operator: '-ezp-blue-light'
(1090,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(1107,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(1118,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-text'
(1125,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-navy'
(1131,17): run-time error CSS1039: Token not allowed after unary operator: '-ezp-red'
 */
/* Pools pages — shared section utilities (colors in Content/ezp/tokens.css).
   Designed mobile-first for an older audience: large type, generous tap targets, high contrast. */

.pools-index,
.pools-details {
    font-family: var(--ezp-font);
    color: var(--ezp-text);
    font-size: 1.125rem; /* 18px base for readability */
    line-height: 1.45;
    background: var(--ezp-off-white);
}

.ezp-ui .pools-section-eyebrow {
    color: var(--ezp-red);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.ezp-ui .pools-section-title {
    color: var(--ezp-navy);
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/* Gold jackpot figures — the shared "lever" treatment on both pages */
.ezp-ui .pools-jackpot-label {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ezp-ui .pools-jackpot-amount {
    color: var(--ezp-gold-bright);
    font-weight: 800;
    line-height: 1.05;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Countdown line reused on both pages (poolsCountdown.js fills [data-countdown]) */
.ezp-ui .pools-countdown {
    color: var(--ezp-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.ezp-ui .pools-countdown--light {
    color: rgba(255, 255, 255, 0.92);
}

.ezp-ui .pools-countdown [data-countdown] {
    display: inline;
}

/* PoolDetails — jackpot hero, Monday toggle, and intent strip */

.pd-hero {
    background: var(--ezp-navy);
    color: var(--ezp-white);
    padding: 3.5rem 0 1.75rem;
    text-align: center;
}

.pd-hero__eyebrow {
    color: var(--ezp-gold-bright);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.pd-hero__eyebrow--sub {
    margin-top: -0.15rem;
    margin-bottom: 0.55rem;
}

.pd-hero__title {
    color: var(--ezp-white);
    font-size: clamp(1.7rem, 5vw, 2.4rem);
    font-weight: 800;
    line-height: 1.12;
    margin-bottom: 0.85rem;
}

.pd-hero__jackpot-label {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
}

.pd-hero__jackpot {
    font-size: clamp(2.4rem, 9vw, 3.5rem);
    margin-bottom: 0.15rem;
}

.pd-hero__jackpot-note {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    max-width: 30rem;
    margin: 0 auto 0.4rem;
}

.pd-hero__percent-full {
    display: inline-block;
    margin: 0.35rem 0 0.5rem;
    padding: 0.35rem 0.95rem;
    background: var(--ezp-red);
    border-radius: 2rem;
    color: var(--ezp-white);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.pd-hero__draws {
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0.5rem 0 0.25rem;
}

.pd-hero .pd-pools-close {
    margin-top: 0.35rem;
    margin-bottom: 0.85rem;
}

.pd-hero .pd-pools-close + .pd-hero__jackpot-note {
    margin-top: 0.15rem;
}

.pd-pools-close {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    line-height: 1.25;
    text-align: center;
}

.pd-pools-close__date {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.05rem;
    font-weight: 700;
}

.pd-pools-close__time {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 600;
    min-height: 1.25em;
}

.pd-pools-close--inline .pd-pools-close__time {
    color: var(--ezp-text);
    font-size: 1rem;
    font-weight: 700;
}

.pd-pools-close--closed .pd-pools-close__time {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.45rem 0.95rem;
    background: var(--ezp-red);
    border-radius: 2rem;
    color: var(--ezp-white);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.pd-hero__closed-label {
    color: var(--ezp-gold-bright);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0.35rem 0 0.15rem;
}

.pd-hero__closed {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    max-width: 28rem;
    margin: 0 auto;
}

/* Sticky game name bar — appears after the hero scrolls past */
.pd-sticky-game {
    position: sticky;
    top: var(--ezp-header-bar-height, 4.75rem);
    z-index: 98;
    background: var(--ezp-navy);
    color: var(--ezp-white);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.6rem 0;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.pd-sticky-game[hidden] {
    display: none;
}

.pd-sticky-game__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}

.pd-sticky-game__name {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

/* Long game titles (Powerball with Power Play, The Pick with Multiplier,
   Mega Millions with Megaplier) shift right so the header logo doesn't cover them. */
.pd-sticky-game--offset .pd-sticky-game__name {
    display: inline-block;
    padding-left: 3ch;
}

.pd-sticky-game__sub {
    color: var(--ezp-gold-bright);
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .pd-sticky-game {
        text-align: right;
    }

    .pd-sticky-game__inner {
        align-items: flex-end;
    }

    .pd-sticky-game--offset .pd-sticky-game__name {
        padding-left: 0;
    }
}

/* ---- Period picker (Daily / Weekly / Monthly) ---- */

.pd-period-picker {
    display: flex;
    gap: 0.4rem;
    max-width: 26rem;
    margin: 0 auto 1.15rem;
    padding: 0.3rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--ezp-radius-lg);
}

.pd-period-picker__btn {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.55rem 0.6rem;
    border: 0;
    border-radius: calc(var(--ezp-radius-lg) - 0.3rem);
    background: transparent;
    color: var(--ezp-white);
    font-family: var(--ezp-font);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.pd-period-picker__btn:hover,
.pd-period-picker__btn:focus {
    background: rgba(255, 255, 255, 0.15);
    color: var(--ezp-white);
    text-decoration: none;
}

.pd-period-picker__btn.pd-period-picker__btn--selected {
    background: var(--ezp-white);
    color: var(--ezp-navy);
    cursor: default;
}

.pd-period-picker__btn:focus-visible {
    outline: 2px solid var(--ezp-gold);
    outline-offset: 2px;
}

/* Monday-inclusion switching (redefined here for the rebuilt page) */
.pools-details .powerball-monday-inclusion-dependent-element {
    display: none;
}

.pools-details .active-powerball-monday-inclusion-dependent-element {
    display: block;
}

/* PoolDetails — the three filter questions (game / price range / group size).
   Large tap targets (min 48px) and 18px+ text for the older target demographic. */

.pd-filters {
    padding: 1.25rem 0 0.35rem;
}

.pd-filters__inner {
    max-width: 46rem;
    margin: 0 auto;
}

.pd-filter {
    margin-bottom: 0.85rem;
}

.pd-filter:last-child {
    margin-bottom: 0;
}

.pd-filter__question {
    color: var(--ezp-navy);
    font-size: 1.15rem;
    font-weight: 800;
    margin-bottom: 0.45rem;
}

.pd-filter__question small {
    display: block;
    color: var(--ezp-text-muted);
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 0.15rem;
}

.pd-filter__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.pd-filter-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.55rem 1.05rem;
    background: var(--ezp-white);
    border: 2px solid var(--ezp-border);
    border-radius: 2rem;
    color: var(--ezp-navy);
    font-family: var(--ezp-font);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.pd-filter-chip:hover,
.pd-filter-chip:focus {
    border-color: var(--ezp-blue-light);
    color: var(--ezp-navy);
    text-decoration: none;
}

.pd-filter-chip:focus-visible {
    outline: 2px solid var(--ezp-blue-light);
    outline-offset: 2px;
}

.pd-filter-chip--selected,
.pd-filter-chip--selected:hover,
.pd-filter-chip--selected:focus {
    background: var(--ezp-navy);
    border-color: var(--ezp-navy);
    color: var(--ezp-white);
}

/* Game chips are links; add a subtle check to the selected game */
.pd-filter-chip--selected::before {
    content: "\2713";
    margin-right: 0.45rem;
    font-weight: 800;
}

.pd-filter-chip--pending {
    border-color: var(--ezp-red);
    color: var(--ezp-red);
}

.pd-filter__term-link {
    color: var(--ezp-blue);
    text-decoration: underline;
    font-weight: 800;
}

.pd-filter__term-link:hover,
.pd-filter__term-link:focus-visible {
    color: var(--ezp-red);
}

.pd-filter__term-link:focus {
    outline: none;
}

/* ---- Empty state when no pools match the filters ---- */

.pd-empty-state {
    max-width: 30rem;
    margin: 1.5rem auto;
    padding: 1.5rem 1.25rem;
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-radius: var(--ezp-radius-lg);
    box-shadow: var(--ezp-shadow);
    text-align: center;
}

.pd-empty-state__title {
    color: var(--ezp-navy);
    font-size: 1.2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.pd-empty-state__text {
    color: var(--ezp-text-muted);
    font-size: 1.02rem;
    margin-bottom: 1rem;
}

.pd-empty-state--hidden {
    display: none;
}

.pd-empty-state--unavailable {
    margin-top: 0.5rem;
}

.pd-empty-state--closed {
    border-left: 4px solid var(--ezp-red);
}

.pd-empty-state__next-drawing {
    color: var(--ezp-navy);
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.65rem;
}

/* PoolDetails — group cards, ticket choice rows, submit buttons, balance strip, notes */

.pd-groups {
    padding: 0.5rem 0 2rem;
}

.pd-groups__inner {
    max-width: 46rem;
    margin: 0 auto;
}

/* ---- Group card ---- */

.pd-group-card {
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-radius: var(--ezp-radius-lg);
    box-shadow: var(--ezp-shadow);
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.pd-group-card__header {
    background: var(--ezp-blue-pale);
    border-bottom: 1px solid var(--ezp-border);
    padding: 0.95rem 1.15rem;
}

.pd-group-card__size {
    color: var(--ezp-navy);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.2;
}

.pd-group-card__size small {
    display: none;
}

.pd-group-card__share {
    margin-top: 0.5rem;
    color: var(--ezp-text);
    font-size: 1.05rem;
    font-weight: 600;
}

.pd-group-card__share-amount {
    color: #1c7c31;
    font-size: 1.35rem;
    font-weight: 800;
}

.pd-group-card__share a {
    color: var(--ezp-blue);
    text-decoration: underline;
    font-weight: 700;
}

.pd-group-card__meta {
    margin-top: 0.4rem;
    color: var(--ezp-text-muted);
    font-size: 1.12rem;
    font-weight: 600;
}

.pd-group-card__meta strong {
    color: var(--ezp-text);
}

/* ---- Ticket choice table ---- */

.pd-ticket-table {
    width: 100%;
    border-collapse: collapse;
}

.pd-ticket-table th {
    padding: 0.6rem 0.75rem;
    background: var(--ezp-white);
    border-bottom: 2px solid var(--ezp-border);
    color: var(--ezp-text-muted);
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: left;
}

.pd-ticket-table th.pd-ticket-table__num {
    text-align: right;
    width: 30%;
}

.pd-ticket-table th:nth-child(2) {
    width: auto;
}

.pd-ticket-table__save-link {
    color: var(--ezp-navy);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
}

.pd-ticket-table__save-link:hover,
.pd-ticket-table__save-link:focus-visible {
    color: var(--ezp-red);
}

.pd-ticket-table__save-link:focus {
    outline: none;
}

.pd-ticket-row td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid var(--ezp-border);
    vertical-align: middle;
}

.pd-ticket-row:last-child td {
    border-bottom: 0;
}

.pd-ticket-row--unavailable {
    opacity: 0.55;
}

.pd-ticket-row--unavailable td {
    cursor: default;
}

.pd-ticket-row {
    cursor: pointer;
}

.pd-ticket-row:hover {
    background: var(--ezp-off-white);
}

.pd-ticket-row--selected {
    background: var(--ezp-blue-pale);
}

.pd-ticket-row--selected:hover {
    background: var(--ezp-blue-pale);
}

.pd-ticket-row--hidden {
    display: none;
}

.pd-group-card--hidden {
    display: none;
}

.pd-ticket-row__radio-cell {
    width: 3rem;
    text-align: center;
}

.pd-ticket-row .order-choice {
    width: 1.5rem;
    height: 1.5rem;
    accent-color: var(--ezp-red);
    cursor: pointer;
}

.pd-ticket-row__tickets {
    color: var(--ezp-text);
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.25;
}

.pd-ticket-row__tickets small {
    display: block;
    color: var(--ezp-text-muted);
    font-size: 0.9rem;
    font-weight: 600;
}

.pd-ticket-row__price-cell,
.pd-ticket-row__savings-cell {
    text-align: right;
    white-space: nowrap;
}

.pd-ticket-row__price {
    color: var(--ezp-navy);
    font-size: 1.15rem;
    font-weight: 800;
}

.pd-ticket-row__savings {
    color: #1c7c31;
    font-size: 1.18rem;
    font-weight: 800;
}

.pd-ticket-row__savings--none {
    color: var(--ezp-text-muted);
    font-weight: 600;
}

/* ---- Submit area ---- */

.pd-group-card__footer {
    padding: 0.9rem 1.15rem 1.1rem;
}

.pd-group-card__footer .ezp-btn {
    width: 100%;
}

.pd-submit-discount-info {
    margin-top: 0.55rem;
    padding: 0.6rem 0.9rem;
    background: #fff8e1;
    border: 1px solid var(--ezp-gold);
    border-radius: var(--ezp-radius);
    color: var(--ezp-text);
    font-size: 0.98rem;
    font-weight: 700;
    text-align: center;
}

.pd-submit-discount-info .dis-countdown {
    font-weight: 800;
    color: var(--ezp-red);
}

.pd-group-card__validation {
    color: var(--ezp-red);
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    padding: 0 1.15rem 0.5rem;
}

.pd-group-card__validation ul {
    list-style: none;
}

/* ---- Balance strip ---- */

.pd-balance {
    max-width: 46rem;
    margin: 1rem auto 0;
    padding: 0.85rem 1.15rem;
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-radius: var(--ezp-radius-lg);
    box-shadow: var(--ezp-shadow);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1.25rem;
    text-align: center;
}

.pd-balance__amount {
    color: var(--ezp-text);
    font-size: 1.1rem;
    font-weight: 600;
}

.pd-balance__amount strong {
    color: var(--ezp-navy);
    font-size: 1.25rem;
    font-weight: 800;
}

.pd-balance__links {
    display: flex;
    gap: 1rem;
}

.pd-balance__links a {
    color: var(--ezp-blue);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline;
}

/* ---- Notes / instructions ---- */

.pd-notes {
    max-width: 46rem;
    margin: 1.25rem auto 0.5rem;
}

.pd-notes__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 3rem;
    padding: 0.65rem 1rem;
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-radius: var(--ezp-radius-lg);
    color: var(--ezp-navy);
    font-family: var(--ezp-font);
    font-size: 1.02rem;
    font-weight: 700;
    cursor: pointer;
}

.pd-notes__toggle:hover,
.pd-notes__toggle:focus {
    background: var(--ezp-blue-pale);
}

.pd-notes__body {
    margin-top: 0.5rem;
    padding: 1rem 1.15rem;
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-radius: var(--ezp-radius-lg);
    color: var(--ezp-text);
    font-size: 1rem;
    line-height: 1.5;
}

.pd-notes__body p {
    margin-bottom: 0.75rem;
}

.pd-notes__body p:last-child {
    margin-bottom: 0;
}

/* ---- New free player instructions ---- */

.pd-free-player-card {
    max-width: 46rem;
    margin: 1rem auto 0;
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-left: 4px solid var(--ezp-gold);
    border-radius: var(--ezp-radius-lg);
    box-shadow: var(--ezp-shadow);
    padding: 1.1rem 1.25rem;
}

.pd-free-player-card__title {
    color: var(--ezp-navy);
    font-size: 1.15rem;
    font-weight: 800;
    margin-bottom: 0.6rem;
}

.pd-free-player-card ul {
    padding-left: 1.25rem;
    margin: 0;
}

.pd-free-player-card li {
    font-size: 1.02rem;
    line-height: 1.45;
    margin-bottom: 0.5rem;
}

.pd-free-player-card li:last-child {
    margin-bottom: 0;
}

/* ---- Return link ---- */

.pd-return {
    text-align: center;
    padding: 0.5rem 0 2rem;
}

/* ---- Login-required note in group header ---- */

.pd-group-card__login-required a {
    color: var(--ezp-red);
    font-weight: 800;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .pd-group-card__header {
        padding: 0.65rem 0.9rem 0.45rem;
    }

    .pd-group-card__share {
        margin-top: 0.25rem;
    }

    .pd-group-card__meta {
        margin-top: 0.2rem;
    }

    .pd-ticket-table th {
        padding-top: 0.35rem;
    }

    .pd-ticket-row td {
        padding-top: 0.55rem;
    }
}

/* ui-reset zeros list padding inside .ezp-ui; keep ordered-list markers inside modals */
.pools-details .modal-body ol {
    padding-left: 1.35rem;
    margin-top: 0.35rem;
}

.pools-details .modal-body ol li + li {
    margin-top: 0.35rem;
}

/* PoolDetails — 4 Pool Value Pack (VP) specific styling */

.pd-vp-day-group__header {
    color: var(--ezp-navy);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
}

.pd-vp-day-group__dates {
    margin-top: 0.4rem;
    color: var(--ezp-text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.45;
    list-style: none;
}

.pd-vp-package {
    max-width: 46rem;
    margin: 1.25rem auto 0;
    background: var(--ezp-white);
    border: 1px solid var(--ezp-border);
    border-radius: var(--ezp-radius-lg);
    box-shadow: var(--ezp-shadow);
    padding: 1.25rem 1.25rem 1.35rem;
}

.pd-vp-package__title {
    color: var(--ezp-navy);
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 0.15rem;
}

.pd-vp-package__subtitle {
    color: var(--ezp-text-muted);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.pd-vp-package__list {
    list-style: none;
    margin-bottom: 0.75rem;
}

.pd-vp-package__list li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--ezp-border);
    color: var(--ezp-text);
    font-size: 1.05rem;
    font-weight: 700;
}

.pd-vp-package__list li:last-child {
    border-bottom: 0;
}

.pd-vp-package__list li::before {
    content: "\2713";
    color: #1c7c31;
    font-weight: 800;
}

.pd-vp-package__list li span {
    color: var(--ezp-text-muted);
    font-weight: 600;
}

.pd-vp-package__total {
    color: var(--ezp-navy);
    font-size: 1.2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.pd-vp-package__value {
    color: var(--ezp-text);
    font-size: 1.02rem;
    line-height: 1.45;
}

.pd-vp-package__value strong {
    color: #1c7c31;
}

/* ---- Special Bonus callout ---- */

.pd-vp-bonus {
    max-width: 46rem;
    margin: 1.25rem auto 0;
    background: var(--ezp-white);
    border: 2px solid var(--ezp-red);
    border-radius: var(--ezp-radius-lg);
    box-shadow: var(--ezp-shadow);
    padding: 1.15rem 1.25rem;
    text-align: center;
}

.pd-vp-bonus__title {
    color: var(--ezp-red);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.pd-vp-bonus__text {
    color: var(--ezp-text);
    font-size: 1.05rem;
    line-height: 1.5;
}

.pd-vp-bonus__text strong {
    color: var(--ezp-red);
}

.pd-vp-bonus__fine-print {
    margin-top: 0.5rem;
    color: var(--ezp-text-muted);
    font-size: 0.92rem;
    font-weight: 600;
}

/* PoolDetails — first-visit welcome message */

body.pd-welcome-open {
    overflow: hidden;
}

.pd-welcome {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.pd-welcome[hidden] {
    display: none !important;
}

.pd-welcome__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.pd-welcome__dialog {
    position: relative;
    width: min(100%, 38rem);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.75rem 1.5rem 1.5rem;
    background: var(--ezp-white);
    border: 2px solid var(--ezp-border);
    border-radius: 1rem;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

.pd-welcome__close {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--ezp-navy);
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
}

.pd-welcome__close:hover,
.pd-welcome__close:focus {
    background: var(--ezp-off-white);
}

.pd-welcome__close:focus-visible {
    outline: 2px solid var(--ezp-blue-light);
    outline-offset: 2px;
}

.pd-welcome__title {
    color: var(--ezp-navy);
    font-size: clamp(1.35rem, 4vw, 1.75rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 2rem 1rem 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.pd-welcome__list {
    margin: 0 0 1rem;
    padding-left: 1.35rem;
    list-style-type: disc;
}

.pd-welcome__list li {
    color: var(--ezp-text);
    font-size: 1.05rem;
    line-height: 1.5;
    margin-bottom: 0.85rem;
}

.pd-welcome__list li:last-child {
    margin-bottom: 0;
}

.pd-welcome__closing {
    color: var(--ezp-text);
    font-size: 1.05rem;
    line-height: 1.5;
    margin: 1rem 0 0;
}

.pd-welcome__body strong {
    color: var(--ezp-navy);
}

.pd-welcome__or {
    display: inline-block;
    margin: 0 0.15em;
    color: var(--ezp-red);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.pd-welcome__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.5rem;
}

.pd-welcome__actions .ezp-btn {
    min-width: 11rem;
}

@media (max-width: 480px) {
    .pd-welcome__actions {
        flex-direction: column;
    }

    .pd-welcome__actions .ezp-btn {
        width: 100%;
    }
}