    #screen-lottery{display:block}
    .jackpot-page{display:grid;gap:16px}
    .bonus-cycle-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:28px;background:linear-gradient(145deg,#9bfff1 0%,#39d4c7 44%,#1f8fa5 100%);color:#08343c;box-shadow:0 16px 30px rgba(6,58,72,.18)}
    .bonus-cycle-banner-copy{display:grid;gap:6px;max-width:760px}
    .bonus-cycle-banner-eyebrow{font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;color:#0e6170}
    .bonus-cycle-banner h2{margin:0;font-family:"Baloo 2",sans-serif;font-size:28px;line-height:.95;font-weight:800}
    .bonus-cycle-banner p{margin:0;font-size:13px;font-weight:900;line-height:1.45}
    .bonus-cycle-banner-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;background:#10213c;color:#fff7dc;font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 8px 0 rgba(8,15,30,.24)}
    .jackpot-top-hero{position:relative;border-radius:30px;padding:18px 18px 16px;min-height:166px;border:3px solid rgba(255,255,255,.14);box-shadow:var(--shadow-hard);overflow:hidden;background:radial-gradient(circle at 18% 20%, rgba(255,255,255,.10), transparent 22%),radial-gradient(circle at 82% 16%, rgba(255,255,255,.10), transparent 16%),linear-gradient(180deg,#6d2fe0 0%,#5320b2 46%,#4720a9 100%)}
    .jackpot-top-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 36%);pointer-events:none}
    .jackpot-top-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:center;height:100%}
    .jackpot-top-badges{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
    .jackpot-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:900;border:2px solid rgba(255,255,255,.18);box-shadow:var(--shadow-soft)}
    .jackpot-badge.primary{background:linear-gradient(180deg,#ffe76d,#ffbc1f);color:#5b3900}
    .jackpot-badge.secondary{background:linear-gradient(180deg,#78e8ff,#1496ff);color:#09375f}
    .free-ticket-summary{position:relative;display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-width:0;height:42px;min-height:42px;padding:0 10px 0 16px;box-sizing:border-box;border-radius:999px;background:linear-gradient(180deg,#7deeff 0%,#28baff 56%,#128cf5 100%);border:2px solid rgba(255,255,255,.42);box-shadow:0 4px 0 rgba(13,86,166,.58),0 10px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.46);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;outline:none;z-index:4;overflow:visible}
    .free-ticket-summary:hover,.free-ticket-summary.is-open{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 5px 0 rgba(13,86,166,.62),0 14px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.50)}
    .free-ticket-summary-main{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
    .free-ticket-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:7px;background:rgba(255,255,255,.24);font-size:12px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,54,107,.18))}
    .free-ticket-summary-label{font-size:11px;font-weight:1000;color:#07365f;line-height:1;text-transform:uppercase;letter-spacing:.15px;text-shadow:0 1px 0 rgba(255,255,255,.34)}
    .free-ticket-summary-main strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.86);font-family:"Baloo 2",sans-serif;font-size:16px;line-height:1;font-weight:900;color:#095ea9;box-shadow:inset 0 -1px 0 rgba(9,94,169,.14)}
    .free-ticket-summary .jackpot-info-trigger{
      width:20px;
      height:20px;
      min-width:20px;
      margin-left:2px;
      padding:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.58);
      background:rgba(255,255,255,.24);
      color:#063f72;
      font-size:11px;
      font-weight:1000;
      line-height:1;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 2px 5px rgba(0,55,110,.13);
      text-shadow:0 1px 0 rgba(255,255,255,.45);
    }
    .free-ticket-summary .jackpot-info-trigger:hover,
    .free-ticket-summary .jackpot-info-trigger:focus-visible{
      transform:translateY(-1px);
      background:rgba(255,255,255,.34);
      border-color:rgba(255,255,255,.74);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 3px 7px rgba(0,55,110,.18);
      outline:none;
    }
    .free-ticket-summary-popover{position:absolute;left:0;top:calc(100% + 8px);width:max-content;min-width:260px;max-width:min(320px,calc(100vw - 32px));display:grid;gap:7px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(28,10,67,.98),rgba(13,4,31,.98));border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 36px rgba(0,0,0,.36);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:30}
    .free-ticket-summary.is-open .free-ticket-summary-popover{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
    .free-ticket-summary-popover::before{content:"";position:absolute;left:20px;top:-6px;width:12px;height:12px;background:rgba(28,10,67,.98);border-left:1px solid rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.18);transform:rotate(45deg)}
    .free-ticket-summary-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:900;color:#fff5d7;line-height:1.25}
    .free-ticket-summary-line--counts{color:#fff7d6}
    .free-ticket-summary-item{font-size:12px;font-weight:900;color:inherit}
    .free-ticket-summary-item--reset{color:#bfeeff}
    .free-ticket-summary-item--bonus{padding-top:6px;border-top:1px solid rgba(255,255,255,.10);color:#ffe982}
    .free-ticket-summary-separator{color:rgba(255,255,255,.42)}
    .free-ticket-summary--hero{max-width:100%}
    .free-ticket-summary--tracker{align-self:start}
    .free-ticket-summary.is-active-bonus{background:linear-gradient(180deg,rgba(255,236,121,.30),rgba(255,170,47,.20));border-color:rgba(255,244,177,.42)}
    .free-ticket-summary.is-empty{background:linear-gradient(180deg,rgba(99,203,255,.18),rgba(24,100,201,.16));border-color:rgba(172,236,255,.36)}
    .jackpot-top-title{margin-top:14px;font-family:"Baloo 2",sans-serif;font-size:28px;line-height:.95;font-weight:800}
    .jackpot-top-guest-note{margin-top:8px}
    .jackpot-top-dog{width:100%;max-width:122px;justify-self:end;display:block;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}
    .jackpot-filter-stack{display:grid;gap:8px}
    .jackpot-filter-row{display:flex;gap:10px;overflow:auto;padding:4px 2px 2px;scrollbar-width:none}
    .jackpot-filter-row::-webkit-scrollbar{display:none}
    .jackpot-status-slider{width:max-content;max-width:100%;gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);box-shadow:none}
    .jackpot-category-slider{display:flex;gap:10px;overflow:auto;padding:4px 2px 2px;scrollbar-width:none}
    .jackpot-category-slider::-webkit-scrollbar{display:none}
    .jackpot-category-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 16px;border:none;border-radius:999px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.10);color:#fff6ce;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}
    .jackpot-category-chip[hidden]{display:none}
    .jackpot-category-chip:hover,.jackpot-category-chip:focus-visible{transform:translateY(-2px);outline:none}
    .jackpot-category-chip.is-active{background:linear-gradient(180deg,#ffe76d,#ffbc1f);border-color:rgba(255,255,255,.22);color:#5b3900}
    .jackpot-category-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(0,0,0,.18);font-size:11px}
    .jackpot-category-chip.is-active .jackpot-category-chip-count{background:rgba(91,57,0,.12)}
    .jackpot-status-chip{min-height:30px;padding:5px 10px;gap:6px;border:0;background:transparent;color:#dfd3fb;font-size:11px;box-shadow:none;opacity:.78}
    .jackpot-status-chip:hover,.jackpot-status-chip:focus-visible{transform:none;background:rgba(255,255,255,.07);opacity:1}
    .jackpot-status-chip.is-active{background:rgba(255,255,255,.16);color:#fff;opacity:1}
    .jackpot-status-chip .jackpot-category-chip-count{min-width:18px;height:18px;padding:0 5px;background:rgba(255,255,255,.10);font-size:10px}
    .jackpot-status-chip.is-active .jackpot-category-chip-count{background:rgba(255,255,255,.18)}
    .jackpot-status-panel[hidden]{display:none}
    .jackpot-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
    .jackpot-header-copy .sectionTitle{margin:0}
    .jackpot-header-copy .sectionSub{margin-top:2px}
    .jackpot-group-stack{display:grid;gap:22px}
    .jackpot-category-group{display:grid;gap:12px}
    .jackpot-category-group[hidden]{display:none}
    .jackpot-category-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .jackpot-category-group-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .jackpot-category-group-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(255,231,109,.22),rgba(255,188,31,.16));border:2px solid rgba(255,231,109,.28);font-size:12px;font-weight:900;color:#fff1bd}
    .jackpot-category-group-meta{font-size:12px;font-weight:800;color:#dfd3fb}
    .jackpot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(396px,432px));justify-content:start;align-items:stretch;gap:24px}
    .jackpot-card-shell{display:block;height:100%;width:100%;max-width:432px;margin:0;color:inherit;text-decoration:none;cursor:pointer;outline:none}
    .jackpot-card-shell:focus-visible .lotteryExperienceCard.royalJackpotCard{box-shadow:0 12px 0 rgba(104,56,0,.68),0 26px 44px rgba(0,0,0,.30),0 0 0 4px rgba(255,255,255,.55),0 0 0 8px rgba(255,213,74,.36)}
    .lotteryExperienceCard.royalJackpotCard{
      --royal-gold-1:#ffe86d;
      --royal-gold-2:#ffc632;
      --royal-gold-3:#e28a0d;
      --royal-deep:#4d3006;
      --royal-purple:#5120b5;
      position:relative;
      min-height:340px;
      height:100%;
      padding:8px;
      border:0;
      border-radius:34px;
      overflow:hidden;
      cursor:pointer;
      color:#2c1500;
      background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,.38), transparent 22%),
        radial-gradient(circle at 22% 12%, rgba(255,249,191,.46), transparent 24%),
        linear-gradient(145deg,var(--royal-gold-1) 0%,var(--royal-gold-2) 44%,var(--royal-gold-3) 100%);
      box-shadow:
        0 10px 0 rgba(104,56,0,.72),
        0 20px 34px rgba(0,0,0,.24),
        0 0 0 2px rgba(255,255,255,.16);
      transform:translateZ(0);
      transition:transform .18s ease,box-shadow .18s ease;
    }
    .jackpot-card-shell:hover .lotteryExperienceCard.royalJackpotCard,
    .jackpot-card-shell:focus-within .lotteryExperienceCard.royalJackpotCard{
      transform:translateY(-4px) scale(1.008);
      box-shadow:
        0 12px 0 rgba(104,56,0,.68),
        0 26px 44px rgba(0,0,0,.30),
        0 0 0 2px rgba(255,255,255,.18);
    }
    .lotteryExperienceCard.royalJackpotCard::before{
      content:"";
      position:absolute;
      inset:4px;
      z-index:0;
      border-radius:30px;
      border:4px solid rgba(255,247,132,.96);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.32),
        inset 0 18px 34px rgba(255,255,255,.14),
        inset 0 -18px 26px rgba(167,88,0,.18);
      background:
        radial-gradient(circle at 74% 17%, rgba(255,255,255,.26), transparent 19%),
        radial-gradient(circle at 18% 78%, rgba(126,63,0,.15), transparent 27%),
        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 42%);
      pointer-events:none;
    }
    .lotteryExperienceCard.royalJackpotCard::after{
      content:"";
      position:absolute;
      left:5%;right:5%;bottom:5px;height:13px;
      border-radius:999px;
      background:rgba(255,244,116,.62);
      filter:blur(.2px);
      opacity:.8;
      pointer-events:none;
    }
    .royalJackpotInner{
      position:relative;
      z-index:1;
      min-height:324px;
      height:100%;
      display:flex;
      flex-direction:column;
      gap:7px;
      padding:10px;
      border-radius:26px;
      overflow:hidden;
    }
    .royalJackpotInner::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      border-radius:inherit;
      background:
        radial-gradient(circle at 80% 12%, rgba(255,255,255,.23), transparent 19%),
        radial-gradient(circle at 66% 78%, rgba(173,90,0,.10), transparent 25%),
        linear-gradient(180deg,rgba(255,215,80,.20),rgba(228,137,16,.08));
      pointer-events:none;
    }
    .jackpotHeroBlock{
      min-height:156px;
      display:grid;
      grid-template-columns:minmax(0,1fr) 88px;
      gap:8px;
      align-items:start;
    }
    .jackpotHeroCopy{min-width:0;position:relative;z-index:2}
    .jackpotBrandPill{
      height:39px;
      max-width:100%;
      display:flex;
      align-items:center;
      gap:8px;
      padding:5px 10px 5px 5px;
      border-radius:18px;
      color:#fffaf0;
      background:linear-gradient(180deg,rgba(94,63,12,.64),rgba(71,48,10,.46));
      border:1px solid rgba(255,246,166,.38);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 4px 8px rgba(92,48,0,.16);
      overflow:hidden;
    }
    .jackpotBrandLogo{
      width:auto;
      min-width:31px;
      max-width:100%;
      height:31px;
      padding:0 9px;
      border-radius:12px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#3b2200;
      font-weight:1000;
      letter-spacing:-.5px;
      font-size:12px;
      white-space:nowrap;
      background:linear-gradient(180deg,#fff17a,#ffc334);
      border:2px solid rgba(255,255,255,.38);
      box-shadow:0 4px 8px rgba(96,47,0,.26), inset 0 1px 0 rgba(255,255,255,.28);
    }
    .jackpotBrandText{
      min-width:0;
      font-size:9.5px;
      line-height:1.05;
      font-weight:900;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      text-shadow:0 1px 0 rgba(0,0,0,.12);
    }
    .jackpotTitle{
      margin-top:6px;
      font-family:"Baloo 2",sans-serif;
      font-size:30px;
      line-height:.86;
      font-weight:800;
      letter-spacing:-.6px;
      color:#fffdf6;
      text-shadow:
        0 3px 0 rgba(82,45,0,.28),
        0 8px 12px rgba(93,50,0,.18);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .jackpotSubtitle{
      margin-top:4px;
      max-width:96%;
      color:#fffaf0;
      font-size:10px;
      line-height:1.16;
      font-weight:900;
      text-shadow:0 1px 0 rgba(95,54,0,.20);
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .jackpotTicketBox{
      margin-top:7px;
      width:min(160px,86%);
      height:38px;
      display:flex;
      align-items:center;
      gap:7px;
      padding:6px 9px;
      border-radius:13px;
      color:#231000;
      background:linear-gradient(180deg,rgba(255,250,205,.96),rgba(255,230,117,.88));
      border:2px solid rgba(255,255,255,.48);
      box-shadow:0 4px 0 rgba(191,116,0,.42),0 9px 14px rgba(104,52,0,.15);
    }
    .jackpotTicketBox.jackpot-pill-hot{border-color:rgba(255,255,255,.62)}
    .jackpotTicketBox.jackpot-pill-mid{border-color:rgba(255,238,154,.70)}
    .jackpotTicketBox.jackpot-pill-low{border-color:rgba(255,181,129,.72)}
    .jackpotTicketIcon{font-size:20px;line-height:1;transform:rotate(-12deg);filter:drop-shadow(0 1px 0 rgba(85,43,0,.22))}
    .jackpotTicketLabel{display:block;font-size:7.5px;line-height:1;font-weight:1000;letter-spacing:.5px;text-transform:uppercase;color:rgba(75,43,0,.72)}
    .jackpotTicketValue{display:block;margin-top:3px;font-size:18px;line-height:.9;font-weight:1000;letter-spacing:.2px;color:#0d0a06}
    .jackpotTicketValue b{color:#4220c9}
    .jackpotIconFrame{
      position:relative;
      width:88px;
      height:88px;
      border-radius:25px;
      display:grid;
      place-items:center;
      justify-self:end;
      background:
        linear-gradient(180deg,rgba(255,250,194,.88),rgba(255,224,96,.58)),
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.45), transparent 40%);
      border:3px solid rgba(255,255,255,.72);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.32),
        0 9px 14px rgba(114,61,0,.16);
      overflow:hidden;
      background-size:cover;
      background-position:center;
    }
    .jackpotIconFrame::before{
      content:"";
      position:absolute;
      left:15%;right:15%;bottom:18px;height:8px;
      border-radius:999px;
      background:rgba(175,94,0,.12);
      box-shadow:0 11px 0 rgba(175,94,0,.09),0 22px 0 rgba(175,94,0,.06);
    }
    .jackpotIconFrame.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(91,43,0,.30));pointer-events:none}
    .jackpotPosterImage{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
    .jackpotPosterEmoji{
      position:relative;
      z-index:1;
      font-size:47px;
      line-height:1;
      filter:drop-shadow(0 6px 0 rgba(0,0,0,.18)) drop-shadow(0 8px 8px rgba(113,59,0,.20));
      transform:translateY(1px);
    }
    .jackpotIconFrame.has-image .jackpotPosterEmoji{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.38)}
    .jackpotComboPanel{
      position:relative;
      border-radius:17px;
      padding:8px 9px;
      color:#261101;
      background:linear-gradient(180deg,rgba(255,250,205,.96),rgba(255,231,122,.78));
      border:2px solid rgba(255,255,255,.46);
      box-shadow:0 4px 0 rgba(183,109,0,.30),0 9px 13px rgba(105,54,0,.12), inset 0 1px 0 rgba(255,255,255,.28);
      overflow:hidden;
    }
    .jackpotComboPanel::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%);
      pointer-events:none;
    }
    .jackpotComboPanel.today{min-height:61px}
    .jackpotComboPanel.last{min-height:53px}
    .jackpotComboHead{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-bottom:6px;
    }
    .jackpotComboTitle{
      color:var(--royal-purple);
      font-size:11px;
      line-height:1;
      font-weight:1000;
      letter-spacing:.2px;
      text-transform:uppercase;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .jackpotRevealBadge{
      color:#6e3c0b;
      display:inline-flex;
      align-items:center;
      gap:4px;
      font-size:9px;
      font-weight:1000;
      white-space:nowrap;
      opacity:.88;
    }
    .jackpotComboBalls{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      gap:5px;
      min-width:0;
      flex-wrap:nowrap;
    }
    .jackpotToken{
      min-width:27px;
      height:27px;
      padding:0 6px;
      border-radius:999px;
      display:grid;
      place-items:center;
      color:#2b1601;
      font-size:13px;
      font-weight:1000;
      background:linear-gradient(180deg,#fff8ba,#ffd22d);
      border:2px solid rgba(255,255,255,.72);
      box-shadow:0 3px 0 rgba(123,72,0,.34),0 6px 9px rgba(79,39,0,.12), inset 0 1px 0 rgba(255,255,255,.40);
      flex:0 0 auto;
    }
    .jackpotToken.mystery{font-size:22px;color:#351800;line-height:1}
    .jackpotToken.symbol{font-size:17px;padding:0 5px}
    .jackpotComboHint{
      position:relative;
      z-index:1;
      margin-top:5px;
      color:#4a2a06;
      font-size:8.5px;
      line-height:1.1;
      font-weight:900;
      text-align:center;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .jackpotFooterRow{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:8px;
      align-items:end;
      margin-top:auto;
    }
    .jackpotPortalBtn{
      min-height:40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:8px 12px;
      border-radius:18px;
      color:#311700;
      background:linear-gradient(180deg,#fff36a,#ffc420);
      border:3px solid rgba(255,255,255,.70);
      box-shadow:0 5px 0 rgba(188,108,0,.68),0 10px 14px rgba(100,54,0,.16), inset 0 1px 0 rgba(255,255,255,.32);
      font-size:12px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.1px;
      overflow:hidden;
      text-decoration:none;
    }
    .jackpotPortalBtn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jackpotPortalBtn b{font-size:26px;line-height:.7;transform:translateY(-1px)}
    .jackpotLiveText{
      align-self:center;
      color:#72410d;
      font-size:8.5px;
      line-height:1.1;
      font-weight:900;
      white-space:nowrap;
      transform:translateY(3px);
      opacity:.92;
    }
    .jackpot-counter-animate{animation:jackpotCounterPulse .45s ease}
    @keyframes jackpotCounterPulse{0%{transform:scale(1)}35%{transform:scale(1.06)}100%{transform:scale(1)}}
    @media (min-width:1500px){.jackpot-grid{grid-template-columns:repeat(3,432px)}}
    @media (max-width:1380px){.jackpot-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:stretch}.jackpot-card-shell{max-width:none}}
    @media (max-width:1180px){.jackpotHeroBlock{grid-template-columns:minmax(0,1fr) 96px;min-height:162px}.jackpotIconFrame{width:96px;height:96px}.jackpotPosterEmoji{font-size:52px}.jackpotTitle{font-size:32px}}
    @media (max-width:820px){.jackpot-top-hero-inner{grid-template-columns:minmax(0,1fr) 92px}.jackpot-top-title{font-size:24px}.jackpot-grid{grid-template-columns:1fr}.free-ticket-summary--hero{max-width:none}.jackpot-card-shell{max-width:432px;margin:0 auto}.lotteryExperienceCard.royalJackpotCard{border-radius:32px;padding:8px;min-height:350px}.royalJackpotInner{min-height:334px;padding:11px}.jackpotHeroBlock{grid-template-columns:minmax(0,1fr) 110px;min-height:168px;gap:10px}.jackpotIconFrame{width:110px;height:110px;border-radius:28px}.jackpotPosterEmoji{font-size:60px}.jackpotBrandPill{height:42px}.jackpotBrandLogo{min-width:34px;height:34px;padding:0 10px;font-size:14px}.jackpotBrandText{font-size:11px}.jackpotTitle{font-size:36px}.jackpotSubtitle{font-size:11px}.jackpotTicketBox{height:40px;width:168px}.jackpotComboTitle{font-size:12px}.jackpotToken{min-width:31px;height:31px;font-size:14px}.jackpotToken.mystery{font-size:24px}.jackpotToken.symbol{font-size:19px}.jackpotPortalBtn{min-height:43px;font-size:13px}.jackpotLiveText{font-size:9.5px}}
    @media (max-width:520px){.free-ticket-summary{min-height:32px;padding:4px 6px 4px 8px}.free-ticket-summary-icon{width:16px;height:16px;font-size:10px}.free-ticket-summary-label{font-size:9.5px;letter-spacing:.05px}.free-ticket-summary-main strong{min-width:22px;height:22px;padding:0 6px;font-size:14px}.lotteryExperienceCard.royalJackpotCard{min-height:340px}.royalJackpotInner{min-height:324px;gap:6px;padding:9px}.jackpotHeroBlock{grid-template-columns:minmax(0,1fr) 92px;min-height:158px;gap:8px}.jackpotIconFrame{width:92px;height:92px;border-radius:25px}.jackpotPosterEmoji{font-size:50px}.jackpotBrandPill{height:38px;border-radius:17px}.jackpotBrandLogo{min-width:30px;height:30px;padding:0 9px;font-size:13px}.jackpotBrandText{font-size:10px}.jackpotTitle{font-size:30px}.jackpotSubtitle{font-size:10px;-webkit-line-clamp:2}.jackpotTicketBox{height:37px;width:150px}.jackpotComboPanel.today{min-height:59px}.jackpotComboPanel.last{min-height:51px}.jackpotComboTitle{font-size:10px}.jackpotRevealBadge{font-size:8px}.jackpotToken{min-width:27px;height:27px;font-size:12px;padding:0 5px}.jackpotToken.mystery{font-size:21px}.jackpotToken.symbol{font-size:16px}.jackpotComboHint{font-size:8px}.jackpotFooterRow{grid-template-columns:1fr;gap:4px}.jackpotLiveText{justify-self:end;transform:none}}
    .jackpot-info-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.14);color:#fff;font-weight:900;cursor:pointer;box-shadow:var(--shadow-soft)}
    .jackpot-finished-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
    .jackpot-finished-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.10);color:#fff;text-decoration:none;font-weight:800}
    .jackpot-finished-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
    .jackpot-finished-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));border:2px solid rgba(255,255,255,.11);box-shadow:var(--shadow-soft);color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
    .jackpot-finished-card:hover,.jackpot-finished-card:focus-visible{transform:translateY(-2px);border-color:rgba(255,231,109,.28);background:linear-gradient(180deg,rgba(255,231,109,.14),rgba(255,255,255,.07));outline:none}
    .jackpot-finished-card-icon{display:grid;place-items:center;width:46px;height:46px;min-width:46px;border-radius:16px;background:linear-gradient(180deg,#ffe76d,#ffbc1f);color:#5b3900;font-size:22px;box-shadow:0 5px 0 rgba(104,56,0,.42);overflow:hidden}
    .jackpot-finished-card-icon img{display:block;width:100%;height:100%;object-fit:cover}
    .jackpot-finished-card-body{display:grid;gap:4px;min-width:0}
    .jackpot-finished-card-title{font-size:13px;font-weight:1000;color:#fff7d6;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jackpot-finished-card-meta{font-size:11px;font-weight:800;color:#dfd3fb;line-height:1.25}
    @media (min-width:1500px){.jackpot-grid{grid-template-columns:repeat(3,432px)}}
    @media (max-width:1380px){.jackpot-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:stretch}.jackpot-card-shell{max-width:none}}

    /* Reprise du bloc haut comme dans le dernier fichier : Jackpot dore officiel + tickets gratuits bleus */
    .jackpot-page{
      --jackpot-gold-1:#fff176;
      --jackpot-gold-2:#ffc733;
      --jackpot-gold-3:#f09718;
      --jackpot-gold-4:#9a4c12;
      --jackpot-gold-deep:#5b3000;
      --jackpot-blue-1:#a7f3ff;
      --jackpot-blue-2:#38d5f7;
      --jackpot-blue-3:#0ea5e9;
      --jackpot-cream:#fff8cc;
      perspective:1200px;
    }
    .jackpot-top-hero{
      isolation:isolate;
      border:3px solid rgba(255,231,112,.92);
      background:
        radial-gradient(circle at 14% 10%, rgba(255,255,255,.42), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(255,255,255,.26), transparent 20%),
        radial-gradient(circle at 64% 86%, rgba(255,255,255,.16), transparent 24%),
        linear-gradient(135deg,#fff176 0%,#ffc733 45%,#f09718 100%);
      color:#2f2108;
      box-shadow:
        inset 0 3px 0 rgba(255,255,255,.48),
        inset 0 -18px 36px rgba(153,89,8,.24),
        0 14px 0 rgba(154,76,18,.72),
        0 30px 54px rgba(54,29,7,.26);
      transform-style:preserve-3d;
    }
    .jackpot-top-hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      background:
        linear-gradient(115deg, transparent 0 22%, rgba(255,255,255,.30) 30%, transparent 39%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.10) 0 1px, transparent 1px 14px),
        radial-gradient(circle at 20% 78%, rgba(255,255,255,.18), transparent 22%);
      mix-blend-mode:screen;
      opacity:.95;
      pointer-events:none;
      animation:jackpotHeroSheen 7s ease-in-out infinite;
    }
    .jackpot-top-hero::after{
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      right:-72px;
      top:-76px;
      z-index:0;
      border-radius:50%;
      background:
        radial-gradient(circle at 34% 34%, rgba(255,255,255,.92), rgba(255,241,118,.44) 22%, rgba(255,149,25,.18) 56%, transparent 72%);
      filter:blur(.2px);
      opacity:.82;
      transform:translateZ(-30px);
      pointer-events:none;
      animation:jackpotOrbFloat 6.5s ease-in-out infinite;
    }
    .jackpot-top-hero-inner{transform-style:preserve-3d;}
    .jackpot-top-hero-inner > div{transform:translateZ(28px);}
    .jackpot-top-dog{
      transform:translateZ(44px) rotate(-2deg);
      filter:drop-shadow(0 22px 26px rgba(82,45,0,.30)) drop-shadow(0 0 18px rgba(255,255,255,.16));
      animation:jackpotMascotFloat 4.6s ease-in-out infinite;
    }
    .jackpot-top-title{
      color:#fffdf6;
      text-shadow:0 4px 0 rgba(146,71,12,.30),0 12px 22px rgba(54,29,7,.24);
      letter-spacing:-.45px;
    }
    .jackpot-top-hero .sectionSub{color:rgba(255,255,255,.94);text-shadow:0 2px 0 rgba(146,71,12,.18)}
    .jackpot-top-hero .jackpot-badge.primary{
      color:#5b3000;
      background:linear-gradient(180deg,#fff8ba 0%,#ffd557 58%,#f2af27 100%);
      border-color:rgba(255,255,255,.58);
      box-shadow:0 5px 0 rgba(165,88,10,.34),0 12px 22px rgba(54,29,7,.18),inset 0 2px 0 rgba(255,255,255,.56);
      text-shadow:0 1px 0 rgba(255,255,255,.52);
    }
    .jackpot-top-hero .jackpot-badge.secondary,
    .jackpot-top-hero .free-ticket-summary{
      color:#06245c;
      background:linear-gradient(180deg,#a7f3ff 0%,#38d5f7 55%,#0ea5e9 100%);
      border-color:rgba(255,255,255,.58);
      box-shadow:0 5px 0 rgba(7,89,133,.70),0 14px 24px rgba(8,32,96,.24),inset 0 2px 0 rgba(255,255,255,.62);
    }
    .jackpot-top-hero .free-ticket-summary:hover,
    .jackpot-top-hero .free-ticket-summary.is-open{
      box-shadow:0 6px 0 rgba(7,89,133,.72),0 18px 30px rgba(8,32,96,.30),inset 0 2px 0 rgba(255,255,255,.66);
    }
    .jackpot-top-hero .free-ticket-summary-label{color:#06245c;}
    .jackpot-top-hero .free-ticket-summary-main strong{color:#075985;}
    @keyframes jackpotHeroSheen{0%,100%{transform:translateX(-4%) skewX(-3deg);opacity:.76}50%{transform:translateX(5%) skewX(-3deg);opacity:1}}
    @keyframes jackpotOrbFloat{0%,100%{transform:translate3d(0,0,-30px) scale(1)}50%{transform:translate3d(-10px,14px,-30px) scale(1.07)}}
    @keyframes jackpotMascotFloat{0%,100%{transform:translateZ(44px) translateY(0) rotate(-2deg)}50%{transform:translateZ(44px) translateY(-7px) rotate(1deg)}}
    @media (prefers-reduced-motion:reduce){
      .jackpot-top-hero::before,
      .jackpot-top-hero::after,
      .jackpot-top-dog{animation:none!important;}
    }

    /* Filtres retravaillÃ©s : plus premium, plus lisibles, sans changer la hiÃ©rarchie */
    .jackpot-filter-stack{
      display:grid;
      gap:10px;
      width:100%;
      max-width:100%;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible;
    }
    .jackpot-filter-stack::before{display:none;}
    .jackpot-filter-row{
      display:flex;
      align-items:center;
      gap:12px;
      overflow:auto;
      padding:3px 2px 4px;
      scrollbar-width:none;
    }
    .jackpot-filter-row::-webkit-scrollbar,
    .jackpot-category-slider::-webkit-scrollbar{display:none;}
    .jackpot-status-slider,
    .jackpot-category-slider{
      width:max-content;
      max-width:100%;
      background:transparent;
      border:0;
      box-shadow:none;
      padding:0;
    }
    .jackpot-status-slider{
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:2px 5px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.16);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(18,4,52,.14);
      opacity:.94;
      filter:saturate(.94);
    }
    .jackpot-category-chip{
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:11px 16px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.18);
      background:linear-gradient(180deg,rgba(128,71,225,.96) 0%, rgba(89,44,178,.98) 100%);
      color:#f4ecff;
      font-size:12px;
      font-weight:900;
      letter-spacing:.01em;
      white-space:nowrap;
      cursor:pointer;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(74,34,146,.88),0 10px 18px rgba(25,6,61,.18);
      opacity:1;
      transform:none;
      transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
    }
    .jackpot-category-chip > span:first-child{
      position:relative;
      z-index:1;
      display:inline-flex;
      align-items:center;
      gap:9px;
      line-height:1;
    }
    .jackpot-category-chip::before{
      content:none;
      display:none;
    }
    .jackpot-category-chip:hover,
    .jackpot-category-chip:focus-visible{
      transform:translateY(-1px);
      border-color:rgba(255,255,255,.28);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 2px 0 rgba(74,34,146,.88),0 14px 22px rgba(25,6,61,.22);
      filter:brightness(1.02);
      outline:none;
    }
    .jackpot-category-chip:active{
      transform:translateY(1px);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 0 rgba(74,34,146,.88),0 6px 12px rgba(25,6,61,.16);
    }
    .jackpot-category-chip.is-active{
      background:linear-gradient(180deg,#fff0a0 0%, #ffd95f 54%, #f4b72b 100%);
      border-color:rgba(255,255,255,.52);
      color:#281203;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 rgba(168,107,16,.88),0 12px 22px rgba(96,54,0,.20);
      text-shadow:0 1px 0 rgba(255,255,255,.28);
    }
    .jackpot-status-chip{
      min-height:30px;
      padding:5px 9px;
      gap:5px;
      border:0;
      border-radius:999px;
      background:transparent;
      color:rgba(238,230,255,.84);
      font-size:10.5px;
      font-weight:850;
      box-shadow:none;
      opacity:1;
    }
    .jackpot-status-chip::before{content:none;display:none;}
    .jackpot-status-chip:hover,
    .jackpot-status-chip:focus-visible{
      transform:none;
      background:rgba(255,255,255,.11);
      border-color:transparent;
      box-shadow:none;
      color:rgba(255,255,255,.94);
      opacity:1;
    }
    .jackpot-status-chip.is-active{
      background:rgba(255,255,255,.16);
      color:rgba(255,255,255,.96);
      border-color:transparent;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
      opacity:1;
    }
    .jackpot-status-separator{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:14px;
      min-width:14px;
      color:rgba(255,255,255,.42);
      font-size:13px;
      font-weight:1000;
      line-height:1;
      pointer-events:none;
      transform:translateY(-1px);
    }
    .jackpot-category-chip-count{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:28px;
      height:28px;
      padding:0 8px;
      border-radius:999px;
      background:rgba(41,15,87,.34);
      border:1px solid rgba(255,255,255,.10);
      color:#fff;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
      font-size:11px;
      font-weight:1000;
      line-height:1;
      text-shadow:none;
    }
    .jackpot-category-chip.is-active .jackpot-category-chip-count{
      background:rgba(43,16,3,.86);
      border-color:rgba(255,255,255,.16);
      color:#fff9ef;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .jackpot-status-chip .jackpot-category-chip-count{
      min-width:20px;
      height:20px;
      padding:0 6px;
      background:rgba(255,255,255,.12);
      border-color:rgba(255,255,255,.08);
      color:rgba(255,255,255,.86);
      font-size:10px;
    }
    .jackpot-status-chip.is-active .jackpot-category-chip-count{
      background:rgba(255,255,255,.18);
      border-color:rgba(255,255,255,.10);
      color:rgba(255,255,255,.96);
    }
    .jackpot-filter-icon{display:none!important;}
    .jackpot-group-stack{gap:18px;}
    .jackpot-category-group-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      margin-top:2px;
      margin-bottom:2px;
      padding-left:4px;
    }
    .jackpot-category-group-title{
      display:flex;
      align-items:center;
      gap:9px;
      flex-wrap:wrap;
    }
    .jackpot-category-group-pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      color:#fff7d6;
      font-size:15px;
      font-weight:1000;
      line-height:1.1;
      text-shadow:0 2px 8px rgba(0,0,0,.22);
    }
    .jackpot-category-group-pill::before{
      content:none;
      display:none;
    }
    .jackpot-category-group-meta{
      display:inline-flex;
      align-items:center;
      min-height:22px;
      padding:0 8px;
      border-radius:999px;
      background:rgba(255,255,255,.075);
      color:rgba(255,247,214,.72);
      border:1px solid rgba(255,255,255,.08);
      font-size:11px;
      font-weight:850;
      line-height:1;
    }
    @media (max-width:720px){
      .jackpot-filter-stack{width:100%;}
      .jackpot-filter-row{width:100%;gap:10px;padding:2px 1px 4px;}
      .jackpot-category-chip{min-height:42px;padding:10px 14px;font-size:11px;border-radius:20px;}
      .jackpot-status-slider{gap:3px;padding:2px 4px;opacity:.94;}
      .jackpot-status-chip{min-height:29px;padding:5px 8px;font-size:10px;border-radius:999px;}
      .jackpot-status-separator{width:12px;min-width:12px;font-size:11px;}
      .jackpot-category-chip::before{content:none;display:none;}
      .jackpot-category-chip-count{min-width:24px;height:24px;font-size:10px;}
      .jackpot-status-chip .jackpot-category-chip-count{min-width:19px;height:19px;}
    }

    /* Bloc haut plus compact : mascotte remontee pour reduire l'espace vertical */
    .jackpot-top-hero{
      min-height:138px;
      padding:14px 18px 12px;
    }
    .jackpot-top-hero-inner{
      grid-template-columns:minmax(0,1fr) 142px;
      align-items:start;
      min-height:112px;
      gap:6px;
    }
    .jackpot-top-title{
      margin-top:10px;
      font-size:26px;
    }
    .jackpot-top-dog{
      max-width:138px;
      align-self:start;
      justify-self:start;
      margin-top:-24px;
      margin-left:-10px;
      margin-bottom:-18px;
      transform:translateZ(44px) translateY(-18px) rotate(-2deg);
    }
    @keyframes jackpotMascotFloat{
      0%,100%{transform:translateZ(44px) translateY(-18px) rotate(-2deg)}
      50%{transform:translateZ(44px) translateY(-25px) rotate(1deg)}
    }
    @media (max-width:820px){
      .jackpot-top-hero{
        min-height:126px;
        padding:13px 14px 10px;
      }
      .jackpot-top-hero-inner{
        grid-template-columns:minmax(0,1fr) 86px;
        min-height:102px;
        gap:10px;
      }
      .jackpot-top-title{
        margin-top:9px;
        font-size:23px;
      }
      .jackpot-top-dog{
        max-width:108px;
        justify-self:end;
        margin-top:-22px;
        margin-left:0;
        margin-right:-8px;
        margin-bottom:-18px;
      }
    }
    @media (max-width:520px){
      .jackpot-top-hero{
        min-height:118px;
        padding:12px 12px 10px;
        border-radius:26px;
      }
      .jackpot-top-hero-inner{
        grid-template-columns:minmax(0,1fr) 74px;
        min-height:94px;
        gap:8px;
      }
      .jackpot-top-title{
        margin-top:8px;
        font-size:22px;
      }
      .jackpot-top-dog{
        max-width:96px;
        justify-self:end;
        margin-top:-20px;
        margin-left:0;
        margin-right:-10px;
        margin-bottom:-16px;
      }
    }

    /* AccessibilitÃ© corrigÃ©e : contraste propre sans contour ni effet barrÃ© */
    .jackpot-top-title{
      color:#fffaf0;
      text-decoration:none;
      text-shadow:
        0 2px 0 rgba(92,45,0,.42),
        0 4px 10px rgba(62,29,0,.54),
        0 0 1px rgba(52,23,0,.82);
    }
    .jackpot-top-hero .sectionSub{
      display:inline-block;
      max-width:720px;
      padding:5px 9px;
      border-radius:13px;
      color:#fffaf0;
      background:rgba(62,29,0,.16);
      border:1px solid rgba(255,255,255,.14);
      text-shadow:0 1px 0 rgba(66,31,0,.58),0 2px 6px rgba(66,31,0,.34);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .jackpotTitle{
      color:#fffaf0;
      text-decoration:none;
      text-shadow:
        0 2px 0 rgba(90,42,0,.38),
        0 5px 10px rgba(70,32,0,.42),
        0 0 1px rgba(55,24,0,.76);
    }
    .jackpotSubtitle{
      color:#fff9ec;
      padding:0;
      border-radius:0;
      background:transparent;
      text-shadow:0 1px 0 rgba(66,31,0,.50),0 2px 6px rgba(66,31,0,.30);
      box-decoration-break:slice;
      -webkit-box-decoration-break:slice;
    }
    .jackpotBrandPill{
      text-decoration:none;
      text-shadow:0 1px 0 rgba(48,25,0,.38),0 2px 5px rgba(48,25,0,.20);
    }

    /* Correction WCAG reelle : texte blanc sur support bronze fonce, sans contour ni barre */
    .jackpot-top-title{
      display:inline-flex;
      align-items:center;
      width:max-content;
      max-width:100%;
      box-sizing:border-box;
      padding:6px 12px 7px;
      border-radius:16px;
      color:#fffaf0;
      background:linear-gradient(180deg, #FFE76A 0%, #FFC928 45%, #E59A00 100%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 14px rgba(74,37,7,.20);
      text-shadow:0 1px 0 rgba(0,0,0,.36),0 2px 6px rgba(0,0,0,.22);
      text-decoration:none;
    }
    .jackpot-top-hero .sectionSub{
      display:inline-block;
      max-width:720px;
      box-sizing:border-box;
      padding:6px 10px;
      border-radius:14px;
      color:#fffaf0;
      background:linear-gradient(180deg, #FFE76A 0%, #FFC928 45%, #E59A00 100%);
      border:1px solid rgba(255,239,178,.26);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 12px rgba(74,37,7,.16);
      text-shadow:0 1px 0 rgba(0,0,0,.34);
      text-decoration:none;
    }
    .jackpotTitle{
      display:inline-block;
      max-width:100%;
      box-sizing:border-box;
      padding:5px 10px 6px;
      border-radius:15px;
      color:#fffaf0;
      background:linear-gradient(180deg, #FFE76A 0%, #FFC928 45%, #E59A00 100%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 12px rgba(91,49,0,.15);
      text-shadow:0 1px 0 rgba(0,0,0,.34),0 2px 5px rgba(0,0,0,.20);
      text-decoration:none;
    }
    .jackpotSubtitle{
      max-width:96%;
      box-sizing:border-box;
      margin-top:5px;
      padding:5px 8px;
      border-radius:11px;
      color:#fffaf0;
      background:linear-gradient(180deg, #FFE76A 0%, #FFC928 45%, #E59A00 100%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
      text-shadow:0 1px 0 rgba(0,0,0,.32);
      text-decoration:none;
      box-decoration-break:slice;
      -webkit-box-decoration-break:slice;
    }
    @media (max-width:520px){
      .jackpot-top-title{padding:5px 10px 6px;border-radius:14px;}
      .jackpotTitle{padding:4px 8px 5px;border-radius:13px;}
      .jackpotSubtitle{padding:4px 7px;border-radius:10px;}
    }

    /* Ombre de texte rÃ©duite : lisible mais plus lÃ©gÃ¨re */
    .jackpot-top-title,
    .jackpot-top-hero .sectionSub,
    .jackpotTitle,
    .jackpotSubtitle{
      background:linear-gradient(180deg, #FFE76A 0%, #FFC928 45%, #E59A00 100%);
      color:#fffaf0;
      text-decoration:none;
      text-shadow:
        0 1px 0 rgba(118,58,0,.58),
        0 2px 4px rgba(72,32,0,.22);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.58),
        inset 0 -2px 0 rgba(173,96,0,.24),
        0 3px 0 rgba(166,92,0,.30),
        0 10px 18px rgba(83,38,0,.18);
    }
    .jackpot-top-title,
    .jackpotTitle{
      text-shadow:
        0 1px 0 rgba(116,56,0,.68),
        0 3px 6px rgba(67,29,0,.24);
    }
    .jackpot-top-hero .sectionSub,
    .jackpotSubtitle{
      color:#fffdf6;
      text-shadow:
        0 1px 0 rgba(104,50,0,.46),
        0 2px 4px rgba(67,29,0,.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.50),
        inset 0 -1px 0 rgba(173,96,0,.20),
        0 6px 12px rgba(83,38,0,.14);
    }
    .jackpot-top-title{
      border-radius:18px;
      padding:6px 13px 7px;
    }
    .jackpotTitle{
      border-radius:16px;
      padding:5px 11px 6px;
    }
    .jackpotSubtitle{
      border-radius:12px;
    }


    /* Ajustement progressif : fond jaune legerement plus fonce */
    .jackpot-top-title,
    .jackpot-top-hero .sectionSub,
    .jackpotTitle,
    .jackpotSubtitle{
      background:linear-gradient(180deg,#FFE061 0%,#F6B91F 45%,#D88A00 100%);
    }

/* Correctif hero WinPrize : mascotte entière, sans crop ni zone cachée */
.jackpot-top-hero{
  overflow:visible;
  min-height:clamp(168px,18vw,244px);
  padding:clamp(14px,2vw,24px) clamp(14px,2.4vw,28px);
}
.jackpot-top-hero-inner{
  grid-template-columns:minmax(0,1fr) clamp(132px,21vw,256px);
  align-items:center;
  min-height:clamp(132px,15vw,190px);
  gap:clamp(10px,2.2vw,26px);
}
.jackpot-top-visual{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  align-self:stretch;
  justify-self:stretch;
  min-width:0;
  min-height:100%;
  overflow:visible;
  pointer-events:none;
  transform:translateZ(38px);
}
.jackpot-top-visual::before{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:min(100%,clamp(120px,18vw,218px));
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.58) 0 32%, rgba(255,232,107,.24) 50%, transparent 72%);
  filter:blur(.2px);
  opacity:.72;
  pointer-events:none;
}
.jackpot-top-dog{
  position:relative;
  z-index:1;
  display:block;
  width:min(100%,clamp(126px,19vw,236px));
  max-width:100%;
  height:auto;
  margin:0;
  object-fit:contain;
  object-position:center bottom;
  transform-origin:center bottom;
  transform:translateZ(44px) rotate(-2deg);
  filter:drop-shadow(0 22px 26px rgba(82,45,0,.30)) drop-shadow(0 0 18px rgba(255,255,255,.16));
  animation:jackpotMascotFloat 4.6s ease-in-out infinite;
  will-change:transform;
}
@keyframes jackpotMascotFloat{
  0%,100%{transform:translateZ(44px) translateY(0) rotate(-2deg)}
  50%{transform:translateZ(44px) translateY(-6px) rotate(1deg)}
}
@media (max-width:820px){
  .jackpot-top-hero{
    min-height:clamp(154px,28vw,182px);
    padding:13px 14px 12px;
  }
  .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(108px,28vw,154px);
    min-height:clamp(122px,24vw,146px);
    gap:10px;
  }
  .jackpot-top-title{
    max-width:min(100%,calc(100vw - 152px));
    white-space:normal;
  }
  .jackpot-top-dog{
    width:min(100%,clamp(108px,28vw,154px));
  }
  .jackpot-top-visual::before{
    width:min(100%,clamp(104px,27vw,146px));
  }
}
@media (max-width:520px){
  .jackpot-top-hero{
    min-height:152px;
    padding:12px 12px 11px;
    border-radius:26px;
  }
  .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(96px,31vw,122px);
    min-height:124px;
    gap:8px;
  }
  .jackpot-top-badges{
    max-width:calc(100vw - 150px);
  }
  .jackpot-top-title{
    max-width:calc(100vw - 150px);
    font-size:clamp(20px,6vw,22px);
  }
  .jackpot-top-dog{
    width:min(100%,clamp(96px,31vw,122px));
  }
  .jackpot-top-visual::before{
    width:min(100%,clamp(92px,30vw,116px));
  }
}
@media (max-width:380px){
  .jackpot-top-hero{
    min-height:148px;
  }
  .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 96px;
    min-height:120px;
  }
  .jackpot-top-badges,
  .jackpot-top-title{
    max-width:calc(100vw - 136px);
  }
  .jackpot-top-dog{
    width:96px;
  }
}
@media (prefers-reduced-motion:reduce){
  .jackpot-top-dog{animation:none!important;}
}

/* ========================================================================== 
   Hero Jackpot / Mega Rush — reprise visuelle de la maquette de référence
   Scope volontairement limité à jackpot/index.html.twig.
   ========================================================================== */
.jackpot-top-hero--reference{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(178px,16vw,202px);
  padding:clamp(13px,1.35vw,17px) clamp(18px,2.7vw,34px) clamp(13px,1.35vw,16px);
  border:0;
  border-radius:34px;
  color:#251807;
  background:
    radial-gradient(circle at 16% 12%,rgba(255,255,255,.58),transparent 18%),
    radial-gradient(circle at 67% 84%,rgba(255,245,155,.34),transparent 30%),
    linear-gradient(116deg,#ffc928 0%,#ffb814 44%,#f6a20a 100%);
  box-shadow:
    0 0 0 3px #fff5b7,
    0 0 0 7px #f1a20c,
    0 11px 0 #a85a00,
    0 22px 44px rgba(25,5,64,.34),
    inset 0 2px 0 rgba(255,255,255,.65),
    inset 0 -18px 32px rgba(181,84,0,.16);
  transform:none;
  perspective:none;
}

.jackpot-top-hero--reference::before{
  content:"";
  position:absolute;
  inset:9px;
  z-index:0;
  border:2px solid rgba(255,249,196,.88);
  border-radius:25px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.18),transparent 24%),
    repeating-linear-gradient(132deg,transparent 0 42px,rgba(255,255,255,.055) 42px 44px);
  box-shadow:
    inset 0 0 0 1px rgba(188,102,0,.35),
    inset 0 1px 0 rgba(255,255,255,.58);
  mix-blend-mode:normal;
  opacity:1;
  pointer-events:none;
  animation:none;
}

.jackpot-top-hero--reference::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:
    radial-gradient(circle,rgba(255,245,135,.75) 0 2px,transparent 2.6px) 73% 11% / 23px 23px no-repeat,
    radial-gradient(circle,rgba(255,245,135,.46) 0 2px,transparent 2.7px) 77% 12% / 21px 21px repeat,
    repeating-conic-gradient(from -16deg at 92% 53%,rgba(255,255,255,.17) 0deg .5deg,transparent .5deg 8deg);
  -webkit-mask:linear-gradient(90deg,transparent 0 53%,#000 67% 100%);
  mask:linear-gradient(90deg,transparent 0 53%,#000 67% 100%);
  opacity:.72;
  filter:none;
  transform:none;
  pointer-events:none;
  animation:none;
}

.jackpot-top-hero--reference .jackpot-top-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,29%);
  align-items:center;
  gap:clamp(12px,2vw,28px);
  min-height:clamp(146px,13vw,166px);
  height:100%;
  transform:none;
}

.jackpot-top-hero--reference .jackpot-top-hero-inner > div{
  transform:none;
}

.jackpot-top-hero--reference .jackpot-top-copy{
  position:relative;
  z-index:3;
  min-width:0;
  align-self:center;
}

.jackpot-top-hero--reference .jackpot-top-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:clamp(8px,1.2vw,16px);
  max-width:none;
  margin:0 0 clamp(6px,.7vw,8px);
}

.jackpot-top-hero--reference .jackpot-badge.primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:29px;
  padding:5px 11px;
  border:2px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:linear-gradient(180deg,#fff5a2 0%,#ffd240 54%,#efa20d 100%);
  color:#321d02;
  font-size:clamp(11px,.9vw,13px);
  line-height:1;
  font-weight:1000;
  letter-spacing:.01em;
  box-shadow:
    0 3px 0 #a95d00,
    0 7px 14px rgba(89,44,0,.20),
    inset 0 2px 0 rgba(255,255,255,.78),
    inset 0 -3px 6px rgba(160,76,0,.16);
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}

.jackpot-top-hero--reference .jackpot-badge.primary > span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#32127f;
  color:#ffd822;
  font-size:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}

.jackpot-top-hero--reference .free-ticket-summary--hero{
  width:auto;
  min-width:clamp(205px,22vw,275px);
  max-width:min(100%,290px);
  height:32px;
  min-height:32px;
  padding:0 7px 0 9px;
  border:2px solid rgba(255,255,255,.85);
  background:linear-gradient(180deg,#62ddff 0%,#20baf5 48%,#087bd1 100%);
  box-shadow:
    0 4px 0 #0758a1,
    0 8px 16px rgba(0,63,120,.20),
    inset 0 2px 0 rgba(255,255,255,.68),
    inset 0 -4px 8px rgba(0,67,150,.18);
  transform:none;
}

.jackpot-top-hero--reference .free-ticket-summary--hero:hover,
.jackpot-top-hero--reference .free-ticket-summary--hero.is-open{
  transform:translateY(-2px);
  box-shadow:
    0 5px 0 #0758a1,
    0 10px 18px rgba(0,63,120,.24),
    inset 0 2px 0 rgba(255,255,255,.72),
    inset 0 -4px 8px rgba(0,67,150,.18);
}

.jackpot-top-hero--reference .free-ticket-summary-main{
  width:100%;
  justify-content:center;
  gap:7px;
}

.jackpot-top-hero--reference .free-ticket-summary-icon{
  width:16px;
  height:16px;
  font-size:0;
  border-radius:8px;
  background:transparent;
  filter:drop-shadow(0 2px 2px rgba(0,48,105,.28));
}

.jackpot-top-hero--reference .free-ticket-summary-icon::before{
  content:"🎁";
  font-size:14px;
  line-height:1;
}

.jackpot-top-hero--reference .free-ticket-summary-main strong{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.68);
  background:rgba(255,255,255,.88);
  color:#142a75;
  font-size:clamp(14px,1.1vw,17px);
  box-shadow:inset 0 -2px 0 rgba(9,75,154,.13),0 2px 4px rgba(0,61,125,.12);
}

.jackpot-top-hero--reference .free-ticket-summary-label{
  color:#082a66;
  font-size:clamp(10px,.85vw,12px);
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}

.jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger{
  width:18px;
  height:18px;
  min-width:18px;
  border:1.5px solid rgba(7,55,119,.88);
  background:rgba(255,255,255,.36);
  color:#073777;
  font-family:Georgia,serif;
  font-size:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
}

.jackpot-top-hero--reference .jackpot-top-title{
  display:block;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#fffdf9;
  font-family:"Baloo 2",system-ui,sans-serif;
  font-size:clamp(40px,4.2vw,60px);
  line-height:.82;
  font-weight:1000;
  letter-spacing:-.055em;
  text-transform:none;
  white-space:nowrap;
  text-shadow:
    0 2px 0 #fff,
    0 5px 0 #d78213,
    0 10px 0 #8e4708,
    0 16px 20px rgba(105,48,0,.32);
  box-shadow:none;
}

.jackpot-top-hero--reference .jackpot-top-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:clamp(7px,1vw,14px);
  margin-top:clamp(5px,.55vw,7px);
  color:#241473;
  font-size:clamp(12px,1.2vw,18px);
  line-height:1;
  font-style:italic;
  font-weight:1000;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.38);
}

.jackpot-top-hero--reference .jackpot-top-flow b{
  color:#2b227b;
  font-size:1.12em;
  line-height:.8;
}

.jackpot-top-hero--reference .jackpot-top-description{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px 12px;
  margin-top:clamp(7px,.8vw,10px);
  color:#2a210f;
  font-size:clamp(10px,.82vw,12px);
  line-height:1.22;
  font-weight:850;
  text-shadow:0 1px 0 rgba(255,255,255,.24);
}

.jackpot-top-hero--reference .jackpot-top-description p{
  margin:0;
}

.jackpot-top-hero--reference .jackpot-top-guest-note{
  max-width:780px;
  margin:4px 0 0;
  color:#5d3708;
  font-size:9px;
  line-height:1.2;
  font-weight:850;
}

.jackpot-top-hero--reference .jackpot-top-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:clamp(14px,2vw,28px);
  margin-top:clamp(6px,.7vw,8px);
}

.jackpot-top-hero--reference .jackpot-top-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:30px;
  color:inherit;
  font-size:clamp(10px,.82vw,12px);
  line-height:1;
  font-weight:1000;
  text-decoration:none;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}

.jackpot-top-hero--reference .jackpot-top-action--primary{
  min-width:142px;
  padding:5px 13px;
  border:2px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:linear-gradient(180deg,#7b26df 0%,#4d0ca6 62%,#320473 100%);
  color:#fff;
  box-shadow:
    0 3px 0 #26045d,
    0 8px 14px rgba(49,4,109,.22),
    inset 0 2px 0 rgba(255,255,255,.34);
  text-shadow:0 1px 0 rgba(0,0,0,.28);
}

.jackpot-top-hero--reference .jackpot-top-action-icon{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:6px;
  color:#fff;
  font-size:15px;
  line-height:1;
}

.jackpot-top-hero--reference .jackpot-top-action--link{
  min-height:30px;
  padding:3px 0 2px;
  border-bottom:3px solid #2b257c;
  color:#2b257c;
  text-shadow:0 1px 0 rgba(255,255,255,.36);
}

.jackpot-top-hero--reference .jackpot-top-action--link b{
  font-size:26px;
  line-height:.5;
  transform:translateY(-1px);
}

.jackpot-top-hero--reference .jackpot-top-action:hover,
.jackpot-top-hero--reference .jackpot-top-action:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.04) saturate(1.04);
  outline:none;
}

.jackpot-top-hero--reference .jackpot-top-action:focus-visible{
  box-shadow:0 0 0 4px rgba(255,255,255,.75),0 0 0 7px rgba(48,18,116,.48);
}

.jackpot-top-hero--reference .jackpot-top-visual{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  align-self:stretch;
  justify-self:stretch;
  min-width:0;
  min-height:100%;
  overflow:visible;
  pointer-events:none;
  transform:none;
}

.jackpot-top-hero--reference .jackpot-top-visual::before{
  content:none;
  display:none;
}

.jackpot-top-hero--reference .jackpot-top-dog{
  position:relative;
  z-index:2;
  display:block;
  width:min(100%,clamp(205px,22vw,280px));
  max-width:none;
  max-height:clamp(150px,15vw,178px);
  height:auto;
  margin:0 -1.5% -2.5% 0;
  object-fit:contain;
  object-position:right bottom;
  transform:none;
  transform-origin:center bottom;
  filter:drop-shadow(0 14px 16px rgba(92,45,0,.25));
  animation:jackpotReferenceMascotFloat 4.8s ease-in-out infinite;
}

@keyframes jackpotReferenceMascotFloat{
  0%,100%{transform:translateY(0) rotate(-.4deg)}
  50%{transform:translateY(-7px) rotate(.4deg)}
}

#jackpot-games{
  scroll-margin-top:24px;
}

@media (max-width:1100px){
  .jackpot-top-hero--reference{
    min-height:188px;
    padding:15px 22px 16px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(190px,29%);
    gap:14px;
    min-height:154px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    min-width:215px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(43px,5.2vw,58px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    font-size:clamp(13px,1.5vw,18px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:clamp(10px,1vw,12px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,245px);
    max-height:178px;
  }
}

@media (max-width:820px){
  .jackpot-top-hero--reference{
    min-height:198px;
    padding:14px 17px 15px;
    border-radius:27px;
  }
  .jackpot-top-hero--reference::before{
    inset:7px;
    border-radius:22px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(140px,27vw,190px);
    gap:9px;
    min-height:164px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    gap:7px;
    margin-bottom:8px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    min-height:29px;
    padding:5px 10px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    min-width:195px;
    height:32px;
    min-height:32px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{
    font-size:9px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-main strong{
    min-width:23px;
    height:23px;
    font-size:14px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-icon::before{
    font-size:15px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    max-width:none;
    font-size:clamp(38px,6.3vw,48px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    gap:6px;
    margin-top:6px;
    font-size:clamp(11px,2vw,14px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    margin-top:6px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    gap:14px;
    margin-top:7px;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    min-height:31px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:135px;
    padding:5px 12px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,190px);
    max-height:165px;
    margin-bottom:-2%;
  }
}

@media (max-width:640px){
  .jackpot-top-hero--reference{
    min-height:244px;
    padding:13px 13px 14px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 104px;
    align-items:start;
    gap:3px;
    min-height:216px;
  }
  .jackpot-top-hero--reference .jackpot-top-copy{z-index:3;}
  .jackpot-top-hero--reference .jackpot-top-badges{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    max-width:270px;
    margin-bottom:8px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    min-height:27px;
    padding:4px 9px;
    font-size:9px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary > span{
    width:15px;
    height:15px;
    font-size:9px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    min-width:0;
    width:min(100%,220px);
    max-width:220px;
    height:30px;
    min-height:30px;
    padding:0 6px 0 8px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-main{gap:5px;}
  .jackpot-top-hero--reference .free-ticket-summary-label{font-size:8px;}
  .jackpot-top-hero--reference .free-ticket-summary-main strong{
    min-width:21px;
    height:21px;
    padding:0 5px;
    font-size:13px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-icon{
    width:16px;
    height:16px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-icon::before{font-size:14px;}
  .jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger{
    width:18px;
    height:18px;
    min-width:18px;
    font-size:11px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    max-width:none;
    font-size:clamp(34px,9.5vw,45px);
    white-space:normal;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    max-width:275px;
    gap:5px;
    margin-top:6px;
    font-size:clamp(10px,2.7vw,13px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    display:grid;
    max-width:275px;
    gap:1px;
    margin-top:7px;
    font-size:9.5px;
    line-height:1.18;
  }
  .jackpot-top-hero--reference .jackpot-top-guest-note{
    max-width:250px;
    margin-top:4px;
    font-size:8px;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:9px;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    min-height:29px;
    font-size:9px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:124px;
    padding:5px 10px;
  }
  .jackpot-top-hero--reference .jackpot-top-action-icon{
    width:17px;
    height:17px;
    font-size:15px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--link{
    min-height:26px;
    border-bottom-width:2px;
  }
  .jackpot-top-hero--reference .jackpot-top-visual{
    align-items:flex-end;
    justify-content:flex-end;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    position:absolute;
    right:-7px;
    bottom:-3px;
    width:126px;
    max-height:none;
    margin:0;
    opacity:.98;
  }
}

@media (max-width:460px){
  .jackpot-top-hero--reference{
    min-height:270px;
    padding:12px 11px 13px;
    border-radius:24px;
    box-shadow:
      0 0 0 2px #fff5b7,
      0 0 0 5px #f1a20c,
      0 8px 0 #a85a00,
      0 17px 32px rgba(25,5,64,.30),
      inset 0 2px 0 rgba(255,255,255,.65);
  }
  .jackpot-top-hero--reference::before{
    inset:6px;
    border-radius:18px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 78px;
    min-height:244px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    display:grid;
    justify-items:start;
    max-width:205px;
    gap:5px;
    margin-bottom:7px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    width:min(100%,200px);
    max-width:200px;
    height:29px;
    min-height:29px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{font-size:7.5px;}
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(32px,10vw,42px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    max-width:220px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:218px;
    font-size:9px;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    display:grid;
    justify-items:start;
    gap:7px;
    margin-top:8px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:118px;
    min-height:28px;
    padding:4px 9px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    right:-12px;
    bottom:-2px;
    width:102px;
  }
}

@media (prefers-reduced-motion:reduce){
  .jackpot-top-hero--reference .jackpot-top-dog{
    animation:none!important;
  }
  .jackpot-top-hero--reference .jackpot-top-action,
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    transition:none!important;
  }
}

/* ========================================================================== 
   Hero Jackpot — affinage responsive v2
   Tailles fluides, espacements intermédiaires et sous-textes desktop renforcés.
   ========================================================================== */
.jackpot-top-hero--reference{
  min-height:clamp(184px,15.2vw,212px);
  padding:clamp(15px,1.45vw,20px) clamp(20px,2.65vw,38px) clamp(16px,1.55vw,21px);
}
.jackpot-top-hero--reference .jackpot-top-hero-inner{
  grid-template-columns:minmax(0,1fr) clamp(210px,24vw,300px);
  gap:clamp(16px,2.5vw,38px);
  min-height:clamp(152px,12.6vw,174px);
}
.jackpot-top-hero--reference .jackpot-top-badges{
  gap:clamp(10px,1.15vw,17px);
  margin-bottom:clamp(8px,.75vw,11px);
}
.jackpot-top-hero--reference .jackpot-badge.primary{
  min-height:clamp(31px,2.4vw,36px);
  padding:6px clamp(11px,1vw,15px);
  font-size:clamp(12px,.92vw,14px);
}
.jackpot-top-hero--reference .jackpot-badge.primary > span{
  width:clamp(18px,1.45vw,21px);
  height:clamp(18px,1.45vw,21px);
  font-size:clamp(11px,.82vw,13px);
}
.jackpot-top-hero--reference .free-ticket-summary--hero{
  min-width:clamp(220px,21vw,300px);
  max-width:min(100%,310px);
  height:clamp(35px,2.65vw,39px);
  min-height:clamp(35px,2.65vw,39px);
  padding:0 clamp(8px,.7vw,11px) 0 clamp(10px,.85vw,13px);
}
.jackpot-top-hero--reference .free-ticket-summary-main{
  gap:clamp(6px,.55vw,9px);
}
.jackpot-top-hero--reference .free-ticket-summary-label{
  font-size:clamp(11px,.82vw,13px);
}
.jackpot-top-hero--reference .free-ticket-summary-main strong{
  min-width:clamp(22px,1.7vw,26px);
  height:clamp(22px,1.7vw,26px);
  font-size:clamp(15px,1.1vw,18px);
}
.jackpot-top-hero--reference .jackpot-top-title{
  font-size:clamp(46px,4.35vw,64px);
}
.jackpot-top-hero--reference .jackpot-top-flow{
  gap:clamp(8px,1vw,15px);
  margin-top:clamp(7px,.65vw,10px);
  font-size:clamp(14px,1.25vw,20px);
}
.jackpot-top-hero--reference .jackpot-top-description{
  gap:3px clamp(12px,1.2vw,18px);
  margin-top:clamp(9px,.85vw,13px);
  font-size:clamp(13px,1vw,15.5px);
  line-height:1.3;
  font-weight:900;
}
.jackpot-top-hero--reference .jackpot-top-guest-note{
  margin-top:5px;
  font-size:clamp(10px,.72vw,11.5px);
  line-height:1.28;
}
.jackpot-top-hero--reference .jackpot-top-actions{
  gap:clamp(17px,2vw,30px);
  margin-top:clamp(9px,.9vw,13px);
}
.jackpot-top-hero--reference .jackpot-top-action{
  min-height:clamp(33px,2.55vw,38px);
  font-size:clamp(12px,.88vw,13.5px);
}
.jackpot-top-hero--reference .jackpot-top-action--primary{
  min-width:clamp(148px,12vw,174px);
  padding:6px clamp(13px,1.1vw,17px);
}
.jackpot-top-hero--reference .jackpot-top-dog{
  width:min(100%,clamp(220px,22vw,286px));
  max-height:clamp(160px,14.5vw,188px);
}

@media (max-width:1180px){
  .jackpot-top-hero--reference{
    min-height:190px;
    padding:16px 24px 17px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(205px,23vw,252px);
    gap:clamp(16px,2.2vw,26px);
    min-height:156px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(44px,5vw,56px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    font-size:clamp(13.5px,1.55vw,17px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:clamp(12.5px,1.18vw,14px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,242px);
    max-height:176px;
  }
}

@media (max-width:1024px){
  .jackpot-top-hero--reference{
    min-height:192px;
    padding:16px 21px 17px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(185px,22vw,218px);
    gap:clamp(14px,2vw,21px);
    min-height:158px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    gap:9px;
    margin-bottom:9px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    min-height:31px;
    padding:5px 11px;
    font-size:11.5px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    min-width:210px;
    max-width:255px;
    height:34px;
    min-height:34px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{
    font-size:10.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(42px,5.2vw,52px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    gap:7px;
    font-size:clamp(13px,1.6vw,16px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    margin-top:8px;
    font-size:clamp(12px,1.25vw,13.5px);
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    margin-top:9px;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    min-height:33px;
    font-size:11.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,215px);
    max-height:170px;
  }
}

@media (max-width:900px){
  .jackpot-top-hero--reference{
    min-height:196px;
    padding:15px 18px 16px;
    border-radius:29px;
  }
  .jackpot-top-hero--reference::before{
    inset:8px;
    border-radius:23px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(158px,21vw,188px);
    gap:12px;
    min-height:164px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    font-size:10.5px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    min-width:195px;
    max-width:225px;
    height:33px;
    min-height:33px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{
    font-size:9.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(39px,5.5vw,48px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    font-size:clamp(12px,1.75vw,14.5px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:clamp(11.5px,1.4vw,12.5px);
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    font-size:11px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,184px);
    max-height:164px;
  }
}

@media (max-width:768px){
  .jackpot-top-hero--reference{
    min-height:208px;
    padding:14px 16px 15px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(132px,22vw,158px);
    gap:9px;
    min-height:178px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    gap:7px;
    margin-bottom:8px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    min-height:29px;
    padding:5px 9px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    min-width:184px;
    max-width:205px;
    height:31px;
    min-height:31px;
    padding-inline:8px 6px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-main{
    gap:5px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{
    font-size:9px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-main strong{
    min-width:21px;
    height:21px;
    font-size:13px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(36px,6.2vw,44px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    gap:6px;
    margin-top:6px;
    font-size:clamp(11.5px,2vw,13.5px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    display:grid;
    gap:2px;
    margin-top:7px;
    font-size:clamp(10.8px,1.65vw,12px);
    line-height:1.24;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    gap:12px;
    margin-top:8px;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    min-height:31px;
    font-size:10.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:132px;
    padding:5px 11px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,154px);
    max-height:158px;
  }
}

@media (max-width:640px){
  .jackpot-top-hero--reference{
    min-height:244px;
    padding:13px 13px 14px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 104px;
    gap:4px;
    min-height:216px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    max-width:270px;
    gap:6px;
    margin-bottom:8px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    min-height:27px;
    padding:4px 9px;
    font-size:9.5px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    width:min(100%,205px);
    min-width:0;
    max-width:205px;
    height:30px;
    min-height:30px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{
    font-size:8.4px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(34px,9vw,42px);
    line-height:.86;
    white-space:normal;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    max-width:285px;
    gap:5px;
    margin-top:6px;
    font-size:clamp(10.5px,2.6vw,12.5px);
    line-height:1.08;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:285px;
    gap:2px;
    margin-top:7px;
    font-size:clamp(10px,2.2vw,11px);
    line-height:1.22;
  }
  .jackpot-top-hero--reference .jackpot-top-guest-note{
    max-width:270px;
    font-size:8.8px;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    gap:9px;
    margin-top:9px;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    min-height:29px;
    font-size:9.8px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:124px;
    padding:5px 10px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    right:-7px;
    bottom:-3px;
    width:126px;
  }
}

@media (max-width:520px){
  .jackpot-top-hero--reference{
    min-height:254px;
    padding:12px 11px 13px;
    border-radius:25px;
  }
  .jackpot-top-hero--reference::before{
    inset:6px;
    border-radius:19px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 82px;
    gap:2px;
    min-height:230px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    display:grid;
    justify-items:start;
    max-width:215px;
    gap:5px;
    margin-bottom:7px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary{
    min-height:26px;
    font-size:9px;
  }
  .jackpot-top-hero--reference .jackpot-badge.primary > span{
    width:15px;
    height:15px;
    font-size:9px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    width:min(100%,190px);
    max-width:190px;
    height:29px;
    min-height:29px;
    padding-inline:7px 5px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-label{
    font-size:8px;
  }
  .jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger{
    width:17px;
    height:17px;
    min-width:17px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(33px,9.7vw,40px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    max-width:240px;
    font-size:clamp(10px,2.7vw,11.5px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:238px;
    font-size:clamp(9.6px,2.4vw,10.5px);
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    gap:8px;
    margin-top:8px;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    font-size:9.4px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:119px;
    min-height:28px;
    padding:4px 9px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--link{
    min-height:27px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    right:-10px;
    bottom:-2px;
    width:108px;
  }
}

@media (max-width:420px){
  .jackpot-top-hero--reference{
    min-height:262px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 74px;
    min-height:238px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(31px,9.4vw,37px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    max-width:224px;
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:224px;
    font-size:9.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    gap:7px;
  }
  .jackpot-top-hero--reference .jackpot-top-action--primary{
    min-width:116px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:98px;
  }
}

@media (max-width:360px){
  .jackpot-top-hero--reference{
    min-height:276px;
    padding-inline:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 66px;
    min-height:252px;
  }
  .jackpot-top-hero--reference .jackpot-top-badges{
    max-width:190px;
  }
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    max-width:182px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:30px;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    max-width:205px;
    font-size:9.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:205px;
    font-size:9.2px;
  }
  .jackpot-top-hero--reference .jackpot-top-actions{
    display:grid;
    justify-items:start;
    gap:6px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    right:-12px;
    width:91px;
  }
}

/* Ajustement final : respiration verticale et lisibilité des textes secondaires. */
.jackpot-top-hero--reference .jackpot-top-title{
  line-height:.92;
}
.jackpot-top-hero--reference .jackpot-top-flow{
  margin-top:clamp(12px,1vw,16px);
}

@media (max-width:1180px){
  .jackpot-top-hero--reference{
    min-height:198px;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    margin-top:12px;
  }
}

@media (max-width:1024px){
  .jackpot-top-hero--reference{
    min-height:202px;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    margin-top:11px;
  }
}

@media (max-width:900px){
  .jackpot-top-hero--reference{
    min-height:208px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    line-height:.94;
    text-shadow:
      0 2px 0 #fff,
      0 4px 0 #d78213,
      0 7px 0 #8e4708,
      0 11px 16px rgba(105,48,0,.30);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    margin-top:10px;
  }
}

@media (max-width:768px){
  .jackpot-top-hero--reference{
    min-height:220px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    min-height:190px;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    margin-top:9px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:clamp(11px,1.72vw,12.2px);
  }
}

@media (max-width:640px){
  .jackpot-top-hero--reference{
    min-height:256px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    min-height:228px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    line-height:.94;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    margin-top:9px;
    font-size:clamp(11px,2.75vw,13px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:clamp(10.4px,2.35vw,11.4px);
    line-height:1.26;
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    font-size:10.2px;
  }
}

@media (max-width:520px){
  .jackpot-top-hero--reference{
    min-height:270px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    min-height:246px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(35px,10vw,41px);
    line-height:.95;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    margin-top:9px;
    font-size:clamp(10.5px,2.9vw,12px);
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:clamp(10.1px,2.55vw,11.1px);
  }
  .jackpot-top-hero--reference .jackpot-top-action{
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:112px;
  }
}

@media (max-width:420px){
  .jackpot-top-hero--reference{
    min-height:276px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    min-height:252px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:clamp(34px,10.1vw,39px);
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    font-size:10.5px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:102px;
  }
}

@media (max-width:360px){
  .jackpot-top-hero--reference{
    min-height:288px;
  }
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    min-height:264px;
  }
  .jackpot-top-hero--reference .jackpot-top-title{
    font-size:32px;
  }
  .jackpot-top-hero--reference .jackpot-top-flow{
    font-size:10px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    font-size:9.7px;
  }
}

/* ========================================================================== 
   Ajustement V3 : description compacte et mascotte agrandie / centrée à droite
   ========================================================================== */
.jackpot-top-hero--reference .jackpot-top-description{
  display:block;
  column-gap:0;
  row-gap:0;
}
.jackpot-top-hero--reference .jackpot-top-description p{
  display:inline;
  margin:0;
}
.jackpot-top-hero--reference .jackpot-top-description p + p{
  margin-left:.28em;
}

.jackpot-top-hero--reference .jackpot-top-visual{
  align-items:center;
  justify-content:flex-end;
  align-self:stretch;
  overflow:visible;
}
.jackpot-top-hero--reference .jackpot-top-dog{
  position:relative;
  right:auto;
  bottom:auto;
  width:min(100%,clamp(230px,18vw,260px));
  max-width:none;
  max-height:none;
  margin:0;
  object-position:center;
  transform-origin:center;
}

@media (max-width:1180px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(230px,23vw,280px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,240px);
  }
}

@media (max-width:1024px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(210px,22vw,240px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,225px);
  }
}

@media (max-width:900px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(190px,22vw,220px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,205px);
  }
}

@media (max-width:768px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(170px,23vw,195px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:min(100%,185px);
  }
}

@media (max-width:640px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 150px;
    align-items:center;
    gap:2px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:270px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    position:relative;
    right:auto;
    bottom:auto;
    width:170px;
    max-height:none;
    margin:0 -9px 0 0;
  }
}

@media (max-width:520px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 134px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:238px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:156px;
    margin-right:-11px;
  }
}

@media (max-width:420px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 124px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:218px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:148px;
    margin-right:-12px;
  }
}

@media (max-width:360px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 114px;
  }
  .jackpot-top-hero--reference .jackpot-top-description{
    max-width:198px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    width:138px;
    margin-right:-13px;
  }
}

/* ========================================================================== 
   Ajustement V4 mobile : mascotte maintenue à droite du bloc de textes
   ========================================================================== */
@media (max-width:640px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(138px,27vw,168px);
    grid-template-rows:1fr;
    align-items:stretch;
    gap:2px;
  }
  .jackpot-top-hero--reference .jackpot-top-copy{
    grid-column:1;
    grid-row:1;
    min-width:0;
    align-self:center;
    z-index:3;
  }
  .jackpot-top-hero--reference .jackpot-top-visual{
    grid-column:2;
    grid-row:1;
    position:relative;
    align-self:stretch;
    justify-self:stretch;
    width:100%;
    min-width:0;
    min-height:100%;
    overflow:visible;
    z-index:2;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    position:absolute;
    top:52%;
    right:-10px;
    bottom:auto;
    width:clamp(155px,31vw,188px);
    max-width:none;
    max-height:none;
    margin:0;
    object-fit:contain;
    object-position:center;
    transform:translateY(-50%)!important;
    transform-origin:center;
    animation:none!important;
  }
}

@media (max-width:520px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) clamp(126px,31vw,150px);
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    top:53%;
    right:-12px;
    width:clamp(142px,36vw,170px);
  }
}

@media (max-width:420px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 122px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    top:53%;
    right:-13px;
    width:clamp(136px,37vw,154px);
  }
}

@media (max-width:360px){
  .jackpot-top-hero--reference .jackpot-top-hero-inner{
    grid-template-columns:minmax(0,1fr) 108px;
  }
  .jackpot-top-hero--reference .jackpot-top-dog{
    top:53%;
    right:-14px;
    width:136px;
  }
}

/* ========================================================================== 
   Ajustement V5 : mots et flèches regroupés dans un bloc plus compact
   ========================================================================== */
.jackpot-top-hero--reference .jackpot-top-flow{
  width:max-content;
  max-width:100%;
  flex-wrap:nowrap;
  gap:clamp(3px,.45vw,7px);
  white-space:nowrap;
}

.jackpot-top-hero--reference .jackpot-top-flow b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin:0;
  font-size:1.04em;
}

.jackpot-top-hero--reference .jackpot-top-flow span{
  flex:0 0 auto;
}

@media (max-width:768px){
  .jackpot-top-hero--reference .jackpot-top-flow{
    gap:4px;
  }
}

@media (max-width:420px){
  .jackpot-top-hero--reference .jackpot-top-flow{
    gap:3px;
    letter-spacing:0;
  }
}

/* ========================================================================== 
   Ajustement V6 : bouton d'information parfaitement rond et contenu dans la bulle
   ========================================================================== */
.jackpot-top-hero--reference .free-ticket-summary--hero{
  padding-right:clamp(9px,.75vw,12px);
}

.jackpot-top-hero--reference .free-ticket-summary-main{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger{
  box-sizing:border-box;
  flex:0 0 19px;
  width:19px;
  height:19px;
  min-width:19px;
  min-height:19px;
  max-width:19px;
  max-height:19px;
  aspect-ratio:1 / 1;
  margin:0 1px 0 0;
  padding:0!important;
  border-radius:50%;
  line-height:17px;
  text-align:center;
  overflow:hidden;
  transform:none;
}

.jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger:hover,
.jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger:focus-visible{
  transform:none;
}

@media (max-width:768px){
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    padding-right:8px;
  }
  .jackpot-top-hero--reference .free-ticket-summary .jackpot-info-trigger{
    flex-basis:18px;
    width:18px;
    height:18px;
    min-width:18px;
    min-height:18px;
    max-width:18px;
    max-height:18px;
    line-height:16px;
  }
}

@media (max-width:520px){
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    width:min(100%,196px);
    max-width:196px;
    padding-left:7px;
    padding-right:8px;
  }
  .jackpot-top-hero--reference .free-ticket-summary-main{
    gap:5px;
  }
}

@media (max-width:360px){
  .jackpot-top-hero--reference .free-ticket-summary--hero{
    width:min(100%,188px);
    max-width:188px;
  }
}

/* Detailed temporary ad-free ticket state in the hover panel. */
.free-ticket-summary-item--bonus{
  display:grid;
  gap:3px;
  line-height:1.25;
}
.free-ticket-summary-item--bonus strong{
  color:#fff3a8;
  font-size:12px;
  font-weight:900;
}
.free-ticket-summary-item--bonus span{
  display:block;
  color:#dff7ff;
  font-size:11px;
  font-weight:800;
}
.free-ticket-summary-item--bonus[data-bonus-status="upcoming"] strong{color:#bfeeff}
.free-ticket-summary-item--bonus[data-bonus-status="expired"]{opacity:.72}
.free-ticket-summary.is-upcoming-bonus{
  background:linear-gradient(180deg,rgba(99,203,255,.24),rgba(24,100,201,.18));
  border-color:rgba(172,236,255,.42);
}
