/* =========================================================
   FamillySlot — Layout & UI Stabilisation Juin 2026
   Objectif : navbar unique, spacing homogène, cards/boutons cohérents,
   responsive propre et zéro overflow horizontal public.
   Ce fichier est chargé après style.css et reprend la main proprement.
   ========================================================= */
:root{
  --fs-nav-h:72px;
  --fs-container:1180px;
  --fs-page-gutter:clamp(16px,4vw,36px);
  --fs-page-top:clamp(18px,2.5vw,32px);
  --fs-section-y:clamp(34px,5vw,70px);
  --fs-section-y-tight:clamp(22px,3vw,42px);
  --fs-grid-gap:clamp(14px,2vw,24px);
  --fs-card-pad:clamp(16px,2vw,24px);
  --fs-radius-card:24px;
  --fs-radius-btn:999px;
  --fs-ui-border:rgba(255,255,255,.14);
  --fs-ui-border-strong:rgba(255,255,255,.22);
  --fs-ui-surface:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  --fs-ui-surface-soft:rgba(255,255,255,.065);
  --fs-ui-text:#fff;
  --fs-ui-muted:rgba(255,255,255,.74);
  --fs-ui-soft:rgba(255,255,255,.56);
  --fs-ui-cyan:var(--fs-blue,var(--color-cyan,#36d7ff));
  --fs-ui-pink:var(--fs-pink,var(--color-pink,#ff3dbb));
  --fs-ui-violet:var(--fs-purple,var(--color-violet,#7c4dff));
  --fs-ui-shadow:0 18px 54px rgba(0,0,0,.30);
  --fs-ui-shadow-hover:0 24px 70px rgba(0,0,0,.40),0 0 30px rgba(54,215,255,.10);
  --fs-ease-ui:cubic-bezier(.22,1,.36,1);
}

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
html{scroll-padding-top:calc(var(--fs-nav-h) + 18px)!important;}
body{min-width:320px;}
body.no-scroll,
body.nav-open{overflow:hidden!important;}

/* ---------- Structure globale ---------- */
.site-shell,
.main-content,
.site-footer,
.section,
.section-tight,
.page-hero,
.home-hero,
.legal-page{
  min-width:0!important;
  max-width:100%!important;
}
.container,
:where(.container){
  width:min(var(--fs-container),calc(100% - (var(--fs-page-gutter) * 2)))!important;
  max-width:var(--fs-container)!important;
  margin-inline:auto!important;
  min-width:0!important;
}
.container > *,
.main-content > *,
.section > *,
.page-hero > *,
.home-hero > *,
.legal-page > *{min-width:0!important;}

.main-content{
  position:relative;
  z-index:3;
  padding-top:0!important;
}
.main-content > :first-child,
.main-content > .section:first-child,
.main-content > .section-tight:first-child,
.main-content > .page-hero:first-child,
.main-content > .home-hero:first-child,
.main-content > .legal-page:first-child{
  padding-top:var(--fs-page-top)!important;
}
.section{padding-block:var(--fs-section-y)!important;}
.section-tight{padding-block:var(--fs-section-y-tight)!important;}
.page-hero{padding-block:var(--fs-page-top) clamp(24px,3.2vw,46px)!important;}
.home-hero{padding-block:var(--fs-page-top) clamp(24px,3.2vw,46px)!important;}
.legal-page.section{padding-block:var(--fs-page-top) var(--fs-section-y)!important;}

.section + .section,
.section + .section-tight,
.section-tight + .section,
.page-hero + .section,
.home-hero + .section{margin-top:0!important;}

/* ---------- Navbar unique publique ---------- */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  min-height:var(--fs-nav-h)!important;
  height:var(--fs-nav-h)!important;
  padding:0!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(7,8,20,.94),rgba(7,8,20,.82))!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.18)!important;
  transition:background .2s var(--fs-ease-ui),border-color .2s var(--fs-ease-ui),box-shadow .2s var(--fs-ease-ui)!important;
}
body.is-scrolled .site-header{
  padding:0!important;
  background:rgba(7,8,20,.96)!important;
  border-color:rgba(54,215,255,.20)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.32)!important;
}
.site-header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,var(--fs-ui-cyan),var(--fs-ui-pink),transparent)!important;
  opacity:.36!important;
  pointer-events:none!important;
}
.header-inner,
.navbar-inner{
  height:var(--fs-nav-h)!important;
  min-height:var(--fs-nav-h)!important;
  display:grid!important;
  grid-template-columns:minmax(180px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(10px,1.4vw,18px)!important;
}
.brand.site-logo,
.site-logo,
.brand{
  min-width:0!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
}
.site-logo-mark,
.brand-mark,
.brand-mark.site-logo-mark{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
.site-logo-mark img,
.brand-logo-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:4px!important;
}
.brand-text,
.site-logo-wordmark{display:grid!important;line-height:1.05!important;min-width:0!important;max-width:190px!important;}
.brand-text strong,
.site-logo-wordmark strong{font-size:1rem!important;font-weight:950!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.brand-text small,
.site-logo-wordmark small{font-size:.68rem!important;color:var(--fs-ui-soft)!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

.nav,
.nav-2026{
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
}
.nav a,
.nav-dropdown-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--fs-ui-muted)!important;
  font-size:.875rem!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:color .18s var(--fs-ease-ui),background .18s var(--fs-ease-ui),border-color .18s var(--fs-ease-ui),transform .18s var(--fs-ease-ui)!important;
}
.nav a:hover,
.nav-dropdown-toggle:hover,
.nav a.is-active,
.nav-dropdown.is-active > .nav-dropdown-toggle{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.14)!important;
  transform:translateY(-1px)!important;
}
.nav a::after,
.nav-dropdown-toggle::after{display:none!important;}
.nav .fs-icon,
.nav-dropdown-toggle .fs-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;}
.nav-live-dot{height:18px!important;min-width:30px!important;padding:0 6px!important;font-size:.62rem!important;line-height:18px!important;}
.nav-dropdown{position:relative!important;min-width:0!important;}
.nav-dropdown-menu{
  top:calc(100% + 10px)!important;
  right:0!important;
  width:min(286px,calc(100vw - 24px))!important;
  padding:8px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(8,10,26,.96)!important;
  box-shadow:var(--fs-ui-shadow)!important;
}
.nav-dropdown-menu a{height:auto!important;min-height:42px!important;justify-content:flex-start!important;width:100%!important;padding:0 12px!important;border-radius:16px!important;}
.header-actions{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.live-pill{height:40px!important;min-height:40px!important;padding:0 12px!important;white-space:nowrap!important;}
.burger{width:44px!important;height:44px!important;min-width:44px!important;display:none!important;place-items:center!important;border-radius:15px!important;}
.burger span{width:19px!important;height:2px!important;margin:4px auto!important;}

/* ---------- Titres, textes et rythmes ---------- */
.page-title,
.hero-title,
.section-title,
.legal-content h1,
.admin-page-title{
  margin-top:0!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
}
.page-title,
.legal-content h1{
  font-size:clamp(2rem,4vw,3.8rem)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  max-width:15ch!important;
}
.hero-title{font-size:clamp(2.15rem,4.2vw,4.1rem)!important;line-height:.98!important;letter-spacing:-.058em!important;}
.section-title,
.legal-content h2{font-size:clamp(1.45rem,2.7vw,2.55rem)!important;line-height:1.08!important;letter-spacing:-.04em!important;}
.page-subtitle,
.hero-subtitle,
.section-text,
.legal-content p{
  color:var(--fs-ui-muted)!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
}
.page-subtitle,
.hero-subtitle{font-size:clamp(.98rem,1.15vw,1.12rem)!important;max-width:68ch!important;margin-top:10px!important;}
.section-header{max-width:780px!important;margin-bottom:clamp(16px,2.4vw,28px)!important;}
.section-header.compact{margin-bottom:clamp(12px,2vw,22px)!important;}
.page-kicker,
.section-kicker,
.hero-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:30px!important;
  margin-bottom:10px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.06)!important;
  color:rgba(255,255,255,.80)!important;
  font-size:.76rem!important;
  font-weight:900!important;
}

/* ---------- Grilles / alignements ---------- */
.home-hero-grid,
.page-hero-grid,
.content-grid{gap:var(--fs-grid-gap)!important;align-items:center!important;}
.page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;}
.home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,430px)!important;}
.cards-grid,
.responsive-grid,
.page-card-grid,
.casino-grid,
.bonus-grid,
.grid-2,
.grid-3,
.grid-4,
.stats-grid,
.overview-grid,
.direct-grid,
.chest-grid,
.quest-chest-grid,
.chest-step-cards{
  gap:var(--fs-grid-gap)!important;
  align-items:stretch!important;
}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.grid-3,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.chest-step-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.grid-4,.stats-grid,.overview-grid,.direct-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.chest-grid,.quest-chest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
:where(.grid-2,.grid-3,.grid-4,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.stats-grid,.overview-grid,.direct-grid,.chest-grid,.quest-chest-grid) > *{min-width:0!important;}

/* ---------- Cards homogènes ---------- */
.card,
.premium-card,
.feature-card,
.casino-card,
.bonus-card,
.vault-card,
.stat-card,
.info-card,
.direct-card,
.overview-card,
.live-card,
.discord-card,
.cta-panel,
.glass-card,
.seo-trust-card{
  min-width:0!important;
  max-width:100%!important;
  border-radius:var(--fs-radius-card)!important;
  border:1px solid var(--fs-ui-border)!important;
  background:var(--fs-ui-surface)!important;
  box-shadow:var(--fs-ui-shadow)!important;
  padding:var(--fs-card-pad)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.bonus-card,
.casino-card,
.vault-card,
.feature-card,
.premium-card,
.direct-card,
.overview-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.bonus-card .card-body,
.casino-card .card-body,
.vault-card .card-body,
.premium-card .card-body{flex:1 1 auto!important;}
.card-footer,
.card-actions,
.bonus-card-actions,
.vault-card footer{margin-top:auto!important;}
.card:hover,
.premium-card:hover,
.feature-card:hover,
.casino-card:hover,
.bonus-card:hover,
.vault-card:hover,
.direct-card:hover,
.overview-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:var(--fs-ui-shadow-hover)!important;
}
.card h2,.card h3,
.premium-card h2,.premium-card h3,
.feature-card h3,
.bonus-card h2,.bonus-card h3,
.casino-card h2,.casino-card h3,
.vault-card h2,.vault-card h3{line-height:1.12!important;text-wrap:balance!important;margin-top:0!important;}
.card p,.premium-card p,.feature-card p,.bonus-card p,.casino-card p,.vault-card p{color:var(--fs-ui-muted)!important;line-height:1.55!important;}
.card-icon,.fs-icon-wrap{flex:0 0 auto!important;}

/* ---------- Boutons homogènes ---------- */
.btn,
.card-link,
button.btn,
a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:var(--fs-radius-btn)!important;
  font-size:.9rem!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:normal!important;
  border:1px solid rgba(255,255,255,.14)!important;
  transition:transform .18s var(--fs-ease-ui),box-shadow .18s var(--fs-ease-ui),background .18s var(--fs-ease-ui),border-color .18s var(--fs-ease-ui)!important;
}
.btn-primary,
.btn-live{background:linear-gradient(135deg,var(--fs-ui-cyan),var(--fs-ui-pink) 58%,var(--fs-ui-violet))!important;color:#fff!important;border-color:transparent!important;}
.btn-secondary,
.btn-outline{background:rgba(255,255,255,.075)!important;color:#fff!important;}
.btn-discord{background:linear-gradient(135deg,#5865F2,#7b86ff)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;}
.btn:hover,
.card-link:hover{transform:translateY(-2px)!important;}
.hero-actions,
.page-actions,
.card-actions,
.bonus-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
}

/* ---------- Pages spécifiques ---------- */
.home-hero-shell{padding:clamp(18px,3vw,34px)!important;border-radius:clamp(24px,3vw,34px)!important;}
.legal-layout{display:grid!important;grid-template-columns:minmax(180px,260px) minmax(0,1fr)!important;gap:var(--fs-grid-gap)!important;align-items:start!important;}
.legal-content{max-width:100%!important;}
.legal-content > :first-child{margin-top:0!important;}
.footer-grid{gap:var(--fs-grid-gap)!important;align-items:start!important;}
.site-footer{margin-top:0!important;}

/* ---------- Responsive public ---------- */
@media (max-width:1160px){
  :root{--fs-container:1080px;}
  .nav a,.nav-dropdown-toggle{padding-inline:9px!important;font-size:.82rem!important;}
  .brand-text,.site-logo-wordmark{max-width:160px!important;}
  .grid-4,.stats-grid,.overview-grid,.direct-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .chest-grid,.quest-chest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:960px){
  :root{--fs-nav-h:68px;--fs-page-top:clamp(16px,3vw,26px);}
  .header-inner,.navbar-inner{grid-template-columns:auto auto!important;justify-content:space-between!important;}
  .brand-text small,.site-logo-wordmark small{display:none!important;}
  .header-actions .hide-mobile{display:none!important;}
  .burger{display:grid!important;}
  .nav,
  .nav-2026{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:calc(var(--fs-nav-h) + 10px)!important;
    width:min(430px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - var(--fs-nav-h) - 24px)!important;
    overflow:auto!important;
    display:grid!important;
    align-content:start!important;
    justify-content:stretch!important;
    gap:6px!important;
    padding:12px!important;
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(8,10,26,.97)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(-50%) translateY(-10px) scale(.98)!important;
    transition:opacity .2s var(--fs-ease-ui),visibility .2s var(--fs-ease-ui),transform .2s var(--fs-ease-ui)!important;
    z-index:1300!important;
  }
  .nav.is-open,
  .nav-2026.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0) scale(1)!important;}
  .nav a,.nav-dropdown-toggle{width:100%!important;height:46px!important;min-height:46px!important;justify-content:flex-start!important;padding-inline:12px!important;font-size:.92rem!important;}
  .nav-dropdown-menu{position:static!important;width:100%!important;max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:rgba(255,255,255,.045)!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:max-height .2s var(--fs-ease-ui),padding .2s var(--fs-ease-ui)!important;}
  .nav-dropdown.is-open .nav-dropdown-menu{max-height:420px!important;padding:6px!important;margin-top:4px!important;border:1px solid rgba(255,255,255,.08)!important;}
  .nav-mobile-actions{display:grid!important;gap:8px!important;margin-top:4px!important;}
  .page-hero-grid,
  .home-hero-grid,
  .content-grid,
  .legal-layout{grid-template-columns:1fr!important;}
  .page-hero-panel,.hero-visual,.discord-visual-card{max-width:620px!important;margin-inline:auto!important;width:100%!important;}
  .grid-3,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.chest-step-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:680px){
  :root{
    --fs-nav-h:64px;
    --fs-page-gutter:12px;
    --fs-page-top:14px;
    --fs-section-y:30px;
    --fs-section-y-tight:22px;
    --fs-grid-gap:12px;
    --fs-card-pad:16px;
    --fs-radius-card:20px;
  }
  .site-logo-mark,.brand-mark,.brand-mark.site-logo-mark{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:13px!important;}
  .brand-text,.site-logo-wordmark{max-width:138px!important;}
  .brand-text strong,.site-logo-wordmark strong{font-size:.96rem!important;}
  .page-title,.legal-content h1{font-size:clamp(1.82rem,9vw,2.55rem)!important;max-width:none!important;}
  .hero-title{font-size:clamp(1.95rem,10vw,2.8rem)!important;}
  .section-title,.legal-content h2{font-size:clamp(1.35rem,7vw,2rem)!important;}
  .hero-actions,.page-actions,.card-actions,.bonus-card-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .hero-actions .btn,.page-actions .btn,.card-actions .btn,.bonus-card-actions .btn{width:100%!important;}
  .grid-2,.grid-3,.grid-4,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.stats-grid,.overview-grid,.direct-grid,.chest-grid,.quest-chest-grid,.chest-step-cards{grid-template-columns:1fr!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  .legal-nav{display:grid!important;gap:6px!important;position:relative!important;top:auto!important;}
}
@media (max-width:390px){
  .brand-text,.site-logo-wordmark{max-width:116px!important;}
  .header-inner,.navbar-inner{gap:8px!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .card:hover,.premium-card:hover,.feature-card:hover,.casino-card:hover,.bonus-card:hover,.vault-card:hover,.direct-card:hover,.overview-card:hover,.btn:hover{transform:none!important;}
}

/* =========================================================
   FamillySlot — Finition complète navbar / spacing / pages Juin 2026 V2
   Priorité : page Live sans trou, navbar identique, design system homogène,
   zéro overflow public, responsive 1920→360.
   ========================================================= */
:root{
  --fs-nav-h:70px;
  --fs-container:1180px;
  --fs-wide-container:1280px;
  --fs-page-gutter:clamp(14px,3.4vw,34px);
  --fs-page-top:clamp(14px,2vw,24px);
  --fs-hero-bottom:clamp(24px,4vw,50px);
  --fs-section-y:clamp(32px,5vw,68px);
  --fs-section-y-tight:clamp(24px,3.8vw,48px);
  --fs-card-gap:clamp(14px,2vw,22px);
  --fs-card-pad:clamp(16px,2.1vw,24px);
  --fs-radius-card:22px;
  --fs-radius-field:16px;
  --fs-radius-pill:999px;
  --fs-border-soft:rgba(255,255,255,.13);
  --fs-border-strong:rgba(255,255,255,.22);
  --fs-surface:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  --fs-surface-flat:rgba(255,255,255,.065);
  --fs-text-main:#fff;
  --fs-text-muted:rgba(255,255,255,.74);
  --fs-text-soft:rgba(255,255,255,.56);
  --fs-brand-blue:var(--blue,var(--fs-blue,#35d7ff));
  --fs-brand-pink:var(--pink,var(--fs-pink,#ff3dbb));
  --fs-brand-violet:var(--violet,var(--fs-violet,#7b52ff));
  --fs-brand-gold:#f7b731;
  --fs-shadow-card:0 18px 58px rgba(0,0,0,.32);
  --fs-shadow-card-hover:0 24px 78px rgba(0,0,0,.43),0 0 34px rgba(53,215,255,.12);
  --fs-ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{width:100%;max-width:100%;overflow-x:hidden!important;scroll-padding-top:calc(var(--fs-nav-h) + 16px)!important;}
body{width:100%;max-width:100%;min-width:320px;overflow-x:hidden!important;}
img,svg,video,canvas,iframe{max-width:100%;height:auto;}
body.nav-open{overflow:hidden!important;}

/* Containers : mêmes marges sur toutes les pages */
.container,.fs-container,:where(.container,.fs-container){
  width:min(var(--fs-container),calc(100% - (var(--fs-page-gutter) * 2)))!important;
  max-width:var(--fs-container)!important;
  margin-inline:auto!important;
  min-width:0!important;
}
.container.is-wide,.fs-container.is-wide{max-width:var(--fs-wide-container)!important;}
.main-content,.site-shell,.fs-page,.page-main,.section,.fs-section,.page-hero,.fs-page-hero,.home-hero,.live-page,.legal-page{max-width:100%!important;min-width:0!important;}
.main-content{padding-top:0!important;overflow-x:clip!important;}
.main-content > *{min-width:0!important;}
.main-content > :first-child{margin-top:0!important;}

/* Navbar publique : un seul composant, même hauteur partout */
.site-header{
  position:sticky!important;
  top:0!important;
  height:var(--fs-nav-h)!important;
  min-height:var(--fs-nav-h)!important;
  padding:0!important;
  z-index:1500!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(6,7,19,.96),rgba(6,7,19,.86))!important;
  box-shadow:0 12px 38px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.site-header::after{opacity:.46!important;}
body.is-scrolled .site-header{height:var(--fs-nav-h)!important;min-height:var(--fs-nav-h)!important;padding:0!important;}
.header-inner,.navbar-inner{
  height:var(--fs-nav-h)!important;
  min-height:var(--fs-nav-h)!important;
  display:grid!important;
  grid-template-columns:minmax(176px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:normal!important;
  gap:clamp(8px,1.5vw,18px)!important;
}
.brand.site-logo,.site-logo,.brand{height:var(--fs-nav-h)!important;display:inline-flex!important;align-items:center!important;min-width:0!important;text-decoration:none!important;}
.site-logo-mark,.brand-mark,.brand-logo-wrap{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;}
.brand-text,.site-logo-wordmark{min-width:0!important;max-width:184px!important;line-height:1.05!important;}
.brand-text strong,.site-logo-wordmark strong{display:block!important;font-size:.98rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.brand-text small,.site-logo-wordmark small{display:block!important;margin-top:3px!important;font-size:.66rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--fs-text-soft)!important;}
.nav,.nav-2026{height:var(--fs-nav-h)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;}
.nav a,.nav-dropdown-toggle{
  height:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:var(--fs-radius-pill)!important;
  border:1px solid transparent!important;
  color:var(--fs-text-muted)!important;
  line-height:1!important;
  font-size:.86rem!important;
  font-weight:880!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.nav a::after,.nav-dropdown-toggle::after{display:none!important;}
.nav a:hover,.nav a.is-active,.nav-dropdown.is-active > .nav-dropdown-toggle,.nav-dropdown-toggle:hover,.nav-dropdown.is-open > .nav-dropdown-toggle{
  color:#fff!important;background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.15)!important;transform:translateY(-1px)!important;
}
.nav .fs-icon,.nav-dropdown-toggle .fs-icon,.nav .discord-icon{width:17px!important;height:17px!important;flex:0 0 17px!important;}
.nav-live-dot{height:17px!important;min-width:30px!important;padding:0 6px!important;font-size:.6rem!important;line-height:17px!important;}
.nav-dropdown{position:relative!important;}
.nav-dropdown-menu{top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:min(286px,calc(100vw - 24px))!important;}
.header-actions{height:var(--fs-nav-h)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;}
.live-pill{height:38px!important;min-height:38px!important;padding:0 12px!important;}
.burger{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;display:none!important;}

/* Hauts de page : une seule logique visuelle */
.main-content > .page-hero:first-child,
.main-content > .home-hero:first-child,
.main-content > .legal-page:first-child{
  padding-top:var(--fs-page-top)!important;
  padding-bottom:var(--fs-hero-bottom)!important;
  margin-top:0!important;
}
.main-content > .fs-page:first-child,
.main-content > .live-page:first-child{padding-top:0!important;margin-top:0!important;}
.page-live .live-hero,.live-page > .live-hero:first-child,.fs-page > .fs-page-hero:first-child{
  padding-top:var(--fs-page-top)!important;
  padding-bottom:var(--fs-hero-bottom)!important;
  margin-top:0!important;
}
.page-hero,.fs-page-hero,.home-hero,.live-hero,.bonus-page-hero,.chests-page-hero,.discord-page-hero,.legal-page.section{margin-top:0!important;}
.page-hero.section-tight,.section-tight.page-hero{padding-top:var(--fs-page-top)!important;padding-bottom:var(--fs-hero-bottom)!important;}
.section,.fs-section{padding-top:var(--fs-section-y)!important;padding-bottom:0!important;margin-top:0!important;}
.section-tight,.fs-section--compact,.section.compact,.live-editorial-section.fs-section--compact,.chest-intro-steps,.before-bonus-section,.discord-benefits-section{padding-top:var(--fs-section-y-tight)!important;padding-bottom:0!important;}
.section:first-child,.fs-section:first-child{margin-top:0!important;}

.page-title,.hero-title,.section-title,.legal-content h1,h1:first-child{
  margin-top:0!important;
  margin-bottom:10px!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  text-wrap:balance!important;
}
.page-title,.legal-content h1{font-size:clamp(2rem,4vw,3.65rem)!important;max-width:16ch!important;}
.hero-title{font-size:clamp(2.08rem,4.3vw,4.05rem)!important;}
.section-title,.section-header h2,.fs-section-header h2,.legal-content h2{font-size:clamp(1.42rem,2.75vw,2.5rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-top:0!important;margin-bottom:9px!important;}
.page-subtitle,.hero-subtitle,.section-text,.section-header p,.fs-section-header p,.live-hero__subtitle,.legal-content p{margin-top:0!important;color:var(--fs-text-muted)!important;line-height:1.58!important;max-width:74ch!important;}
.page-kicker,.hero-kicker,.section-kicker,.fs-kicker,.eyebrow{margin:0 0 9px!important;}
.section-header,.fs-section-header{margin:0 0 clamp(16px,2.4vw,28px)!important;max-width:820px!important;}
.page-actions,.hero-actions,.live-hero__actions,.card-actions,.bonus-card-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;min-width:0!important;}
.page-actions,.hero-actions,.live-hero__actions{margin-top:clamp(16px,2.2vw,24px)!important;}
.page-badges,.hero-badges{margin-top:clamp(12px,1.8vw,18px)!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.page-badges span,.hero-badges span,.badge,.chip{max-width:100%!important;}

/* Grilles : pas de décalage, pas d'élément hors écran */
.page-hero-grid,.home-hero-grid,.live-hero__grid,.content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;gap:var(--fs-card-gap)!important;align-items:center!important;}
.grid-2,.admin-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.grid-3,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.chest-grid,.quest-chest-grid,.chest-step-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--fs-card-gap)!important;align-items:stretch!important;}
.grid-4,.stats-grid,.overview-grid,.direct-grid,.steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--fs-card-gap)!important;align-items:stretch!important;}
.grid-5{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:var(--fs-card-gap)!important;align-items:stretch!important;}
:where(.page-hero-grid,.home-hero-grid,.live-hero__grid,.grid-2,.grid-3,.grid-4,.grid-5,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.chest-grid,.quest-chest-grid,.chest-step-cards,.stats-grid,.overview-grid,.direct-grid,.steps) > *{min-width:0!important;max-width:100%!important;}

/* Cards et boutons : design system unique */
.card,.fs-card,.card-modern,.premium-card,.glass-card,.feature-card,.stat-card,.casino-card,.bonus-card,.chest-card,.vault-card,.live-card,.discord-card,.discord-feature-card,.info-card,.direct-card,.overview-card,.page-hero-panel,.bonus-compare-panel,.chest-hero-panel,.live-center-card,.cta-panel,.bonus-toolbar{
  width:100%!important;max-width:100%!important;min-width:0!important;border-radius:var(--fs-radius-card)!important;border:1px solid var(--fs-border-soft)!important;background:var(--fs-surface)!important;box-shadow:var(--fs-shadow-card)!important;padding:var(--fs-card-pad)!important;overflow:hidden!important;isolation:isolate!important;
}
.card,.fs-card,.premium-card,.feature-card,.casino-card,.bonus-card,.chest-card,.vault-card,.discord-feature-card,.direct-card,.overview-card{display:flex!important;flex-direction:column!important;height:100%!important;}
.card:hover,.fs-card:hover,.premium-card:hover,.feature-card:hover,.casino-card:hover,.bonus-card:hover,.chest-card:hover,.vault-card:hover,.discord-feature-card:hover,.direct-card:hover,.overview-card:hover,.live-center-card:hover{transform:translateY(-3px)!important;box-shadow:var(--fs-shadow-card-hover)!important;border-color:var(--fs-border-strong)!important;}
.card h2,.card h3,.fs-card h2,.fs-card h3,.premium-card h2,.premium-card h3,.feature-card h3,.casino-card h2,.casino-card h3,.bonus-card h2,.bonus-card h3,.chest-card h2,.chest-card h3,.vault-card h2,.vault-card h3,.discord-feature-card h3{margin-top:0!important;margin-bottom:8px!important;line-height:1.12!important;text-wrap:balance!important;}
.card p,.fs-card p,.premium-card p,.feature-card p,.casino-card p,.bonus-card p,.chest-card p,.vault-card p,.discord-feature-card p{line-height:1.54!important;color:var(--fs-text-muted)!important;}
.card-footer,.card-actions,.bonus-card-actions,.chest-card__actions,.vault-card footer{margin-top:auto!important;}
.btn,.fs-btn,a.btn,button.btn,.card-link{
  min-height:43px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 16px!important;border-radius:var(--fs-radius-pill)!important;font-size:.88rem!important;font-weight:920!important;line-height:1.05!important;text-align:center!important;white-space:normal!important;max-width:100%!important;
}
.btn .fs-icon,.btn-icon,.discord-icon,.badge-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;}
.btn-primary,.fs-btn--primary{background:linear-gradient(135deg,var(--fs-brand-blue),var(--fs-brand-pink) 56%,var(--fs-brand-violet))!important;color:#fff!important;border-color:transparent!important;}
.btn-secondary,.fs-btn--secondary{background:linear-gradient(135deg,rgba(53,215,255,.15),rgba(123,82,255,.14))!important;border-color:rgba(53,215,255,.24)!important;color:#fff!important;}
.btn-ghost,.btn-outline{background:rgba(255,255,255,.055)!important;color:#fff!important;}
.fs-btn--rumble,.fs-btn--rumble-link{background:linear-gradient(135deg,rgba(53,215,255,.18),rgba(255,61,187,.14),rgba(123,82,255,.16))!important;border-color:rgba(53,215,255,.24)!important;color:#fff!important;}
.brand-icon--rumble{width:18px!important;height:18px!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(53,215,255,.16));}

/* Page Live : correction prioritaire du trou sous navbar + bloc premium */
body.page-live .main-content,.page-live{padding-top:0!important;}
.page-live .live-hero{position:relative!important;overflow:hidden!important;}
.page-live .live-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0,rgba(53,215,255,.13),transparent 34%),radial-gradient(circle at 86% 10%,rgba(255,61,187,.12),transparent 36%);opacity:.9;}
.page-live .live-hero__grid,.live-hero__grid{position:relative;z-index:1;}
.page-live .live-hero__content{min-width:0!important;max-width:720px!important;}
.page-live .live-kicker,.fs-kicker.live-kicker{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:32px!important;padding:5px 11px!important;border-radius:999px!important;background:rgba(255,61,187,.11)!important;border:1px solid rgba(255,61,187,.22)!important;color:#fff!important;font-weight:920!important;}
.live-status-line{width:fit-content!important;max-width:100%!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 10px!important;margin-top:16px!important;padding:10px 12px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.06)!important;color:var(--fs-text-muted)!important;}
.live-dot{width:9px!important;height:9px!important;flex:0 0 9px!important;border-radius:50%!important;background:#ef476f!important;box-shadow:0 0 14px rgba(239,71,111,.75)!important;}
.live-dot--online,.live-dot.is-online{background:#22c55e!important;box-shadow:0 0 15px rgba(34,197,94,.80)!important;}
.live-status-badge--online{background:rgba(34,197,94,.12)!important;border-color:rgba(34,197,94,.30)!important;color:#d9fff0!important;}
.live-status-badge--offline{background:rgba(255,77,109,.12)!important;border-color:rgba(255,77,109,.28)!important;color:#ffd6df!important;}
.live-center-card{border-color:rgba(255,61,187,.22)!important;background:radial-gradient(circle at 18% 0,rgba(255,61,187,.17),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;}
.live-center-card__top,.live-center-card__buttons{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;}
.live-center-card h2{margin:16px 0 8px!important;line-height:1.1!important;}
.live-metrics-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;}
.live-metric{min-width:0!important;padding:12px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.055)!important;}
.live-metric span{display:block!important;font-size:.74rem!important;color:var(--fs-text-soft)!important;font-weight:850!important;}
.live-metric strong{display:block!important;margin-top:4px!important;color:#fff!important;font-size:clamp(1.1rem,2vw,1.55rem)!important;line-height:1!important;overflow-wrap:anywhere!important;}
.live-next-actions{display:grid!important;gap:8px!important;margin-top:16px!important;}
.live-next-actions h3{margin:0 0 2px!important;}
.live-next-actions a{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:10px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;color:#fff!important;text-decoration:none!important;}

/* Bonus : filtre/recherche/tableau de cards propre */
.bonus-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-bottom:var(--fs-card-gap)!important;}
.bonus-toolbar .toolbar-intro h2{margin:0 0 7px!important;line-height:1.1!important;}
.filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;}
.chip{min-height:34px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.82)!important;font-weight:880!important;}
.chip.is-active,.chip:hover{color:#fff!important;background:linear-gradient(135deg,rgba(53,215,255,.16),rgba(255,61,187,.12))!important;border-color:rgba(53,215,255,.26)!important;}
.toolbar-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,280px)!important;gap:12px!important;align-items:end!important;}
.field-control{display:grid!important;gap:7px!important;min-width:0!important;color:#fff!important;font-weight:850!important;}
.field-control input,.field-control select{width:100%!important;max-width:100%!important;min-height:44px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(0,0,0,.22)!important;color:#fff!important;padding:0 13px!important;}
.bonus-card,.casino-card{border-color:rgba(123,82,255,.20)!important;}
.bonus-card .bonus-card-actions,.casino-card .bonus-card-actions{display:grid!important;grid-template-columns:1fr!important;}

/* Coffres : compréhension immédiate */
.chest-meta-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.chest-meta-grid > div,.panel-stat-list > div{min-width:0!important;border-radius:15px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;padding:10px!important;}
.quest-list,.quest-list.compact{display:grid!important;gap:8px!important;margin-top:12px!important;}
.quest-item{display:flex!important;gap:9px!important;align-items:flex-start!important;min-width:0!important;}
.quest-item > div{min-width:0!important;}
.quest-item strong,.quest-item small{display:block!important;overflow-wrap:anywhere!important;}
.progress,.panel-progress{height:11px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.10)!important;}
.progress span,.panel-progress span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--fs-brand-gold),var(--fs-brand-pink),var(--fs-brand-violet))!important;}

/* Discord / légal / footer */
.discord-visual-card,.discord-cta-panel{border-color:rgba(88,101,242,.30)!important;}
.discord-mini-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important;}
.discord-mini-row span{padding:8px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;font-weight:850!important;}
.legal-layout{display:grid!important;grid-template-columns:minmax(180px,260px) minmax(0,1fr)!important;gap:var(--fs-card-gap)!important;align-items:start!important;}
.legal-nav{position:sticky!important;top:calc(var(--fs-nav-h) + 14px)!important;display:grid!important;gap:7px!important;}
.legal-nav a{min-height:38px!important;display:flex!important;align-items:center!important;border-radius:12px!important;padding:0 10px!important;color:var(--fs-text-muted)!important;text-decoration:none!important;}
.legal-nav a.is-active,.legal-nav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.legal-content{max-width:100%!important;}
.legal-content h2:not(:first-child){margin-top:clamp(20px,3vw,32px)!important;}
.site-footer{margin-top:var(--fs-section-y)!important;overflow-x:hidden!important;}
.footer-grid{display:grid!important;gap:var(--fs-card-gap)!important;grid-template-columns:1.2fr repeat(3,minmax(0,1fr))!important;align-items:start!important;}

/* Responsive précis */
@media (max-width:1200px){
  :root{--fs-container:1080px;--fs-nav-h:68px;}
  .brand-text,.site-logo-wordmark{max-width:154px!important;}
  .nav a,.nav-dropdown-toggle{padding-inline:8px!important;font-size:.81rem!important;}
  .grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .grid-4,.stats-grid,.overview-grid,.direct-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:980px){
  :root{--fs-nav-h:66px;--fs-page-top:14px;}
  .header-inner,.navbar-inner{grid-template-columns:minmax(0,1fr) auto!important;}
  .brand.site-logo,.site-logo,.brand{height:var(--fs-nav-h)!important;}
  .brand-text small,.site-logo-wordmark small{display:none!important;}
  .header-actions .hide-mobile{display:none!important;}
  .burger{display:grid!important;place-items:center!important;}
  .nav,.nav-2026{
    position:fixed!important;left:50%!important;right:auto!important;top:calc(var(--fs-nav-h) + 10px)!important;width:min(440px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - var(--fs-nav-h) - 24px)!important;overflow:auto!important;display:grid!important;justify-content:stretch!important;align-content:start!important;gap:7px!important;padding:12px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(8,9,24,.98)!important;box-shadow:0 24px 80px rgba(0,0,0,.46)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-50%) translateY(-8px) scale(.98)!important;z-index:1600!important;transition:opacity .2s var(--fs-ease),visibility .2s var(--fs-ease),transform .2s var(--fs-ease)!important;
  }
  .nav.is-open,.nav-2026.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0) scale(1)!important;}
  .nav a,.nav-dropdown-toggle{width:100%!important;height:46px!important;min-height:46px!important;justify-content:flex-start!important;padding-inline:12px!important;font-size:.93rem!important;}
  .nav-mobile-actions{display:grid!important;gap:8px!important;margin-top:4px!important;}
  .nav-dropdown-menu{position:static!important;width:100%!important;max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:rgba(255,255,255,.045)!important;opacity:1!important;visibility:visible!important;transform:none!important;}
  .nav-dropdown.is-open .nav-dropdown-menu{max-height:420px!important;padding:6px!important;margin-top:4px!important;border:1px solid rgba(255,255,255,.08)!important;}
  .page-hero-grid,.home-hero-grid,.live-hero__grid,.content-grid,.legal-layout{grid-template-columns:1fr!important;align-items:start!important;}
  .page-hero-panel,.bonus-compare-panel,.chest-hero-panel,.live-center-card,.discord-visual-card{max-width:680px!important;margin-inline:auto!important;}
  .grid-3,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.chest-grid,.quest-chest-grid,.chest-step-cards,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .legal-nav{position:relative!important;top:auto!important;}
}
@media (max-width:680px){
  :root{--fs-nav-h:62px;--fs-page-gutter:12px;--fs-page-top:12px;--fs-hero-bottom:28px;--fs-section-y:34px;--fs-section-y-tight:26px;--fs-card-gap:12px;--fs-card-pad:15px;--fs-radius-card:19px;}
  .site-logo-mark,.brand-mark,.brand-logo-wrap{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:13px!important;}
  .brand-text,.site-logo-wordmark{max-width:132px!important;}
  .page-title,.legal-content h1{font-size:clamp(1.82rem,9.2vw,2.55rem)!important;max-width:none!important;}
  .hero-title{font-size:clamp(1.92rem,10vw,2.75rem)!important;}
  .section-title,.section-header h2,.fs-section-header h2,.legal-content h2{font-size:clamp(1.34rem,7vw,2rem)!important;}
  .page-actions,.hero-actions,.live-hero__actions,.card-actions,.bonus-card-actions,.live-center-card__buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .btn,.fs-btn,a.btn,button.btn,.page-actions .btn,.hero-actions .btn,.live-hero__actions .btn,.card-actions .btn,.bonus-card-actions .btn{width:100%!important;}
  .grid-2,.grid-3,.grid-4,.grid-5,.cards-grid,.responsive-grid,.page-card-grid,.casino-grid,.bonus-grid,.chest-grid,.quest-chest-grid,.chest-step-cards,.stats-grid,.overview-grid,.direct-grid,.steps{grid-template-columns:1fr!important;}
  .toolbar-fields,.chest-meta-grid,.live-metrics-grid,.panel-stat-list{grid-template-columns:1fr!important;}
  .filters{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .chip{width:100%!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  .legal-nav{position:relative!important;top:auto!important;}
}
@media (max-width:390px){
  .brand-text,.site-logo-wordmark{max-width:108px!important;}
  .filters{grid-template-columns:1fr!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .card:hover,.fs-card:hover,.premium-card:hover,.feature-card:hover,.casino-card:hover,.bonus-card:hover,.chest-card:hover,.vault-card:hover,.discord-feature-card:hover,.btn:hover{transform:none!important;}
}

/* FamillySlot V3 — Bonus system, casino logos, trust metadata and responsive polish */
:root{
  --fs-card-radius: 28px;
  --fs-card-radius-sm: 20px;
  --fs-bonus-line: rgba(255,255,255,.13);
  --fs-bonus-bg: linear-gradient(145deg, rgba(13,18,39,.92), rgba(14,10,34,.86));
  --fs-bonus-soft: rgba(255,255,255,.065);
  --fs-trust-green: #49f6b5;
  --fs-warning-blue: #79d9ff;
}

.bonus-toolbar-modern{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(16px,2vw,24px);
  border:1px solid var(--fs-bonus-line);
  background:
    radial-gradient(circle at 12% 10%, rgba(0,217,255,.18), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(255,67,208,.16), transparent 32%),
    rgba(9,12,28,.86);
  backdrop-filter: blur(18px);
}
.bonus-toolbar-modern .filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bonus-toolbar-modern .chip,
.bonus-toolbar-modern button.chip{
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.06);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.bonus-toolbar-modern .chip:hover,
.bonus-toolbar-modern .chip.is-active{transform:translateY(-1px);border-color:rgba(0,217,255,.45);background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(255,67,208,.16));box-shadow:0 14px 36px rgba(0,0,0,.22)}
.bonus-advanced-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:end}
.bonus-advanced-fields .field-control{min-width:0}
.bonus-advanced-fields input,
.bonus-advanced-fields select{
  width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.13);
  background:rgba(2,4,13,.5);color:#fff;padding:0 14px;outline:none;
}
.bonus-advanced-fields input:focus,
.bonus-advanced-fields select:focus{border-color:rgba(0,217,255,.6);box-shadow:0 0 0 4px rgba(0,217,255,.12)}
.bonus-toolbar-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;color:rgba(255,255,255,.78)}
.bonus-empty-state{margin-top:22px;text-align:center;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.12)}
.bonus-empty-state[hidden]{display:none!important}

.bonus-grid{align-items:stretch}
.bonus-card{
  position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:100%;
  border-radius:var(--fs-card-radius);border:1px solid var(--fs-bonus-line);
  background:var(--fs-bonus-bg);box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.bonus-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.08) 34%,transparent 50%);transform:translateX(-120%);transition:transform .65s ease;z-index:-1}
.bonus-card:hover{transform:translateY(-6px);border-color:rgba(0,217,255,.34);box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 34px rgba(0,217,255,.1)}
.bonus-card:hover::before{transform:translateX(120%)}
.bonus-card.is-filtered-out{opacity:.2;transform:scale(.98)}
.bonus-card[hidden]{display:none!important}
.bonus-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:clamp(18px,2vw,24px) clamp(18px,2vw,24px) 0}
.bonus-logo-row{display:flex;align-items:center;gap:14px;min-width:0}.bonus-title-stack{min-width:0}.bonus-title-stack h3{margin:4px 0 0;font-size:clamp(1.15rem,1.7vw,1.45rem);letter-spacing:-.03em}.bonus-kicker{margin:0;color:rgba(255,255,255,.62);font-size:.82rem;display:flex;align-items:center;gap:7px}
.casino-logo,.bonus-card__logo,.home-bonus-logo,.admin-casino-logo{position:relative;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.24);overflow:hidden}
.casino-logo,.bonus-card__logo{width:74px;height:74px;border-radius:22px}.casino-logo img,.bonus-card__logo img,.home-bonus-logo img{max-width:82%;max-height:82%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.casino-logo.has-logo-error::before,.casino-logo:not(:has(img))::before{content:attr(data-logo-initials);font-weight:900;font-size:1.2rem;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,var(--fs-blue),var(--fs-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.bonus-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:54%}.fs-badge--violet{background:linear-gradient(135deg,rgba(123,82,255,.22),rgba(0,217,255,.12));border-color:rgba(123,82,255,.38);color:#d9d2ff}.fs-badge--green{background:rgba(73,246,181,.13);border-color:rgba(73,246,181,.34);color:#adffdf}.fs-badge--gold{background:linear-gradient(135deg,rgba(255,207,87,.2),rgba(255,67,208,.09));border-color:rgba(255,207,87,.38);color:#ffe4a8}
.bonus-card-body{display:flex;flex-direction:column;gap:14px;padding:clamp(16px,2vw,24px);flex:1}.bonus-card__offer{display:grid;gap:6px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(0,217,255,.11),rgba(255,67,208,.1))}.bonus-card__offer span{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.55);font-weight:800}.bonus-card__offer strong{font-size:clamp(1.1rem,2vw,1.46rem);line-height:1.12;color:#fff}.casino-description{color:rgba(255,255,255,.73);line-height:1.58;margin:0}.bonus-pills{display:flex;flex-wrap:wrap;gap:8px}.bonus-pills span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.82rem;color:rgba(255,255,255,.78)}
.bonus-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bonus-meta__item{min-width:0;padding:12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.bonus-meta__label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.48);margin-bottom:5px}.bonus-meta__value{display:block;color:#fff;font-size:.94rem;overflow-wrap:anywhere}.status-dot{display:inline-flex!important;align-items:center;gap:7px}.status-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fs-warning-blue);box-shadow:0 0 14px currentColor}.status-dot.is-verified::before{background:var(--fs-trust-green)}.status-dot.is-expired::before{background:#ff6b9f}.bonus-conditions{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);overflow:hidden}.bonus-conditions summary{cursor:pointer;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}.bonus-conditions .conditions-body{padding:0 14px 14px;color:rgba(255,255,255,.72)}.bonus-card__footer{padding:0 clamp(16px,2vw,24px) clamp(16px,2vw,24px);margin-top:auto}.bonus-card__footer .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bonus-card__footer .btn{width:100%;justify-content:center}.bonus-card__footer .legal{display:block;margin-top:10px;color:rgba(255,255,255,.52);line-height:1.45}
.bonus-card--compact,.bonus-card--mini{--fs-card-radius:22px}.bonus-card--compact .bonus-card__top,.bonus-card--mini .bonus-card__top{padding:16px 16px 0}.bonus-card--compact .bonus-card-body,.bonus-card--mini .bonus-card-body{padding:14px 16px}.bonus-card--compact .bonus-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-card--mini .bonus-meta-grid{grid-template-columns:1fr}.bonus-card--mini .bonus-pills,.bonus-card--mini details{display:none}.bonus-card--horizontal{display:grid;grid-template-columns:minmax(260px,.75fr) 1fr auto;align-items:center}.bonus-card--horizontal .bonus-card__top{padding:18px}.bonus-card--horizontal .bonus-card-body{padding:18px}.bonus-card--horizontal .bonus-card__footer{padding:18px}.home-featured-bonus,.home-mini-bonus{border:1px solid var(--fs-bonus-line)!important;background:linear-gradient(145deg,rgba(12,16,36,.9),rgba(16,10,36,.8))!important}.home-bonus-points li{align-items:flex-start;gap:8px}.home-mini-bonus{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.home-mini-bonus .btn,.home-mini-bonus a{grid-column:1/-1}

@media (max-width:1024px){.bonus-advanced-fields{grid-template-columns:1fr 1fr}.bonus-card-badges{max-width:100%;justify-content:flex-start}.bonus-card__top{flex-direction:column}.bonus-card--horizontal{display:flex;flex-direction:column;align-items:stretch}}
@media (max-width:700px){.bonus-advanced-fields{grid-template-columns:1fr}.bonus-toolbar-footer{align-items:flex-start;flex-direction:column}.bonus-card{border-radius:22px}.bonus-card__top{padding:16px 16px 0}.bonus-card-body{padding:14px 16px}.bonus-meta-grid{grid-template-columns:1fr}.bonus-card__footer{padding:0 16px 16px}.bonus-card__footer .card-actions{grid-template-columns:1fr}.casino-logo,.bonus-card__logo{width:62px;height:62px;border-radius:18px}.bonus-logo-row{align-items:flex-start}.bonus-title-stack h3{font-size:1.14rem}.bonus-card__offer strong{font-size:1.08rem}}
@media (prefers-reduced-motion:reduce){.bonus-card,.bonus-card::before,.bonus-toolbar-modern .chip{transition:none!important}.bonus-card:hover{transform:none}}

/* =========================================================
   FamillySlot Juin 2026 V4 — refonte bonus premium globale
   ========================================================= */
:root{
  --fs-bonus-radius: 26px;
  --fs-bonus-radius-sm: 18px;
  --fs-bonus-border: rgba(255,255,255,.13);
  --fs-bonus-border-strong: rgba(255,255,255,.22);
  --fs-bonus-card-bg: linear-gradient(145deg, rgba(15,17,38,.92), rgba(9,10,24,.88));
  --fs-bonus-card-bg-hot: radial-gradient(circle at 15% 0%, rgba(255,67,208,.23), transparent 34%), radial-gradient(circle at 90% 20%, rgba(0,217,255,.18), transparent 28%), linear-gradient(145deg, rgba(17,18,42,.94), rgba(8,9,21,.91));
  --fs-bonus-shadow: 0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
  --fs-bonus-shadow-hover: 0 34px 105px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.10), 0 0 38px rgba(123,82,255,.18);
}
.bonus-card-v4{
  position:relative; display:flex; flex-direction:column; gap:18px; min-width:0; overflow:hidden;
  padding:22px; border:1px solid var(--fs-bonus-border); border-radius:var(--fs-bonus-radius);
  background:var(--fs-bonus-card-bg); box-shadow:var(--fs-bonus-shadow); isolation:isolate;
  transform:translateZ(0); transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}
.bonus-card-v4::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 35%, transparent 62%);
  transform:translateX(-125%); transition:transform .65s ease;
}
.bonus-card-v4:hover{transform:translateY(-5px); border-color:var(--fs-bonus-border-strong); box-shadow:var(--fs-bonus-shadow-hover)}
.bonus-card-v4:hover::before{transform:translateX(125%)}
.bonus-card-v4__glow{position:absolute; inset:auto -20% -35% -20%; height:160px; background:radial-gradient(circle, rgba(255,67,208,.16), transparent 60%); filter:blur(18px); pointer-events:none; z-index:-1}
.bonus-card-v4__header{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; min-width:0}
.bonus-card-v4__brand{display:flex; align-items:center; gap:14px; min-width:0}
.bonus-card-v4__logo,.casino-logo{
  width:84px; height:84px; flex:0 0 auto; display:grid; place-items:center; overflow:hidden; position:relative;
  border-radius:22px; border:1px solid rgba(255,255,255,.16);
  background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 45%), linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 42px rgba(0,0,0,.26);
}
.bonus-card-v4__logo img,.casino-logo img{
  width:76%; height:76%; object-fit:contain; transform:translate(var(--casino-logo-x,0px), var(--casino-logo-y,0px)) scale(var(--casino-logo-zoom,1)); transform-origin:center; transition:transform .2s ease; filter:drop-shadow(0 10px 16px rgba(0,0,0,.32));
}
.casino-logo::after{content:attr(data-logo-initials); position:absolute; inset:0; display:none; place-items:center; color:#fff; font:900 1.35rem/1 Sora,Inter,sans-serif; letter-spacing:.05em; background:linear-gradient(135deg, rgba(0,217,255,.22), rgba(255,67,208,.22))}
.casino-logo.has-logo-error::after,.casino-logo:not(:has(img))::after{display:grid}
.bonus-card-v4__title{min-width:0}.bonus-card-v4__title p{margin:0 0 4px; color:rgba(255,255,255,.66); font-size:.78rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; display:flex; gap:7px; align-items:center}.bonus-card-v4__title h3{margin:0; font-size:clamp(1.18rem, 1.4vw, 1.55rem); line-height:1.05; color:#fff; letter-spacing:-.035em; overflow-wrap:anywhere}
.bonus-card-v4__status{display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; max-width:48%}.bonus-card-v4__status .fs-badge{white-space:nowrap; font-size:.72rem}
.bonus-card-v4__offer{display:grid; gap:4px; padding:16px; border-radius:20px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(135deg, rgba(0,217,255,.10), rgba(255,67,208,.10)); min-width:0}.bonus-card-v4__offer span{font-size:.76rem; color:rgba(255,255,255,.62); font-weight:900; text-transform:uppercase; letter-spacing:.08em}.bonus-card-v4__offer strong{font-size:clamp(1.16rem, 1.7vw, 1.55rem); color:#fff; line-height:1.12; letter-spacing:-.035em; overflow-wrap:anywhere}
.bonus-card-v4__desc{margin:0; color:rgba(255,255,255,.74); line-height:1.62; font-size:.96rem}.bonus-card-v4__facts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}.bonus-card-v4__facts div{min-width:0; padding:12px; border-radius:16px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045)}.bonus-card-v4__facts span{display:block; color:rgba(255,255,255,.55); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px}.bonus-card-v4__facts strong{display:block; color:#fff; font-size:.93rem; line-height:1.25; overflow-wrap:anywhere}
.bonus-card-v4__trust{display:flex; flex-wrap:wrap; gap:8px}.bonus-card-v4__trust span,.bonus-card-v4__legal{display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10); color:rgba(255,255,255,.68); font-size:.74rem; font-weight:800}.bonus-card-v4__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:auto}.bonus-card-v4__actions .btn{min-height:44px; flex:1 1 150px; justify-content:center}.bonus-card-v4__conditions{border-top:1px solid rgba(255,255,255,.10); padding-top:12px}.bonus-card-v4__conditions summary{cursor:pointer; color:#fff; font-weight:900; font-size:.9rem}.bonus-card-v4__conditions p{color:rgba(255,255,255,.72); line-height:1.55}.bonus-card-v4__conditions small{color:rgba(255,255,255,.56)}
.bonus-card--top{background:var(--fs-bonus-card-bg-hot); padding:26px}.bonus-card--top .bonus-card-v4__logo{width:96px;height:96px}.bonus-card--top .bonus-card-v4__offer strong{font-size:clamp(1.35rem,2.2vw,2rem)}
.bonus-card--compact,.bonus-card--live,.bonus-card--discord,.bonus-card--seo,.bonus-card--chest{padding:18px; border-radius:22px}.bonus-card--compact .bonus-card-v4__header,.bonus-card--live .bonus-card-v4__header,.bonus-card--discord .bonus-card-v4__header,.bonus-card--seo .bonus-card-v4__header,.bonus-card--chest .bonus-card-v4__header{flex-direction:column}.bonus-card--compact .bonus-card-v4__status,.bonus-card--live .bonus-card-v4__status,.bonus-card--discord .bonus-card-v4__status,.bonus-card--seo .bonus-card-v4__status,.bonus-card--chest .bonus-card-v4__status{max-width:none; justify-content:flex-start}.bonus-card--compact .bonus-card-v4__logo,.bonus-card--live .bonus-card-v4__logo,.bonus-card--discord .bonus-card-v4__logo,.bonus-card--seo .bonus-card-v4__logo,.bonus-card--chest .bonus-card-v4__logo{width:70px;height:70px;border-radius:18px}.bonus-card--compact .bonus-card-v4__facts,.bonus-card--live .bonus-card-v4__facts,.bonus-card--discord .bonus-card-v4__facts,.bonus-card--seo .bonus-card-v4__facts,.bonus-card--chest .bonus-card-v4__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-card--live{background:radial-gradient(circle at 0 0, rgba(255,67,208,.18), transparent 38%), linear-gradient(145deg, rgba(17,18,42,.92), rgba(7,8,20,.9))}.bonus-card--discord{background:radial-gradient(circle at 100% 0, rgba(88,101,242,.22), transparent 38%), linear-gradient(145deg, rgba(17,18,42,.92), rgba(7,8,20,.9))}.bonus-card--chest{background:radial-gradient(circle at 100% 0, rgba(255,199,87,.18), transparent 38%), linear-gradient(145deg, rgba(17,18,42,.92), rgba(7,8,20,.9))}.bonus-card--footer{padding:12px; border-radius:16px; gap:10px}.bonus-card--footer .bonus-card-v4__header{gap:8px}.bonus-card--footer .bonus-card-v4__brand{gap:10px}.bonus-card--footer .bonus-card-v4__logo{width:46px;height:46px;border-radius:13px}.bonus-card--footer .bonus-card-v4__title p,.bonus-card--footer .bonus-card-v4__status,.bonus-card--footer .bonus-card-v4__facts div:nth-child(n+3),.bonus-card--footer .bonus-card-v4__secondary{display:none}.bonus-card--footer .bonus-card-v4__title h3{font-size:.95rem}.bonus-card--footer .bonus-card-v4__offer{padding:10px;border-radius:12px}.bonus-card--footer .bonus-card-v4__offer strong{font-size:.85rem}.bonus-card--footer .bonus-card-v4__facts{grid-template-columns:1fr 1fr;gap:6px}.bonus-card--footer .bonus-card-v4__facts div{padding:8px}.bonus-card--footer .bonus-card-v4__actions .btn{min-height:34px;font-size:.76rem;padding:8px 10px}
.bonus-home-layout-v4{display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:18px; align-items:stretch}.bonus-home-side-v4{display:grid; grid-template-columns:1fr; gap:14px}.bonus-home-compare-cta{padding:20px; border-radius:24px; background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); border:1px solid rgba(255,255,255,.12)}.bonus-home-compare-cta h3{margin:.7rem 0 .35rem}.bonus-home-compare-cta p{color:rgba(255,255,255,.72); line-height:1.55}.bonus-live-grid-v4,.bonus-discord-grid-v4,.bonus-chest-grid-v4{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}.bonus-chest-grid-v4{grid-template-columns:repeat(4,minmax(0,1fr))}.bonus-strip-note{margin:16px 0 0;color:rgba(255,255,255,.68);font-size:.86rem}.bonus-chest-rules-v4{margin-top:16px;padding:18px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}.bonus-chest-rules-v4 p{margin:0;color:rgba(255,255,255,.72)}.footer-bonus-mini-v4{min-width:0}.footer-bonus-list-v4{display:grid;gap:10px}.footer-bonus-all{display:inline-flex;margin-top:10px;color:#fff;font-weight:800;text-decoration:none}.bonus-toggle-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.bonus-toggle-filters label{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:rgba(255,255,255,.78);font-weight:800;font-size:.82rem}.bonus-toggle-filters input{accent-color:var(--pink)}.bonus-compare-table-v4{margin-top:22px;padding:20px}.bonus-compare-table-v4__head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.bonus-compare-table-v4 h3{margin:.2rem 0 0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.bonus-comparison-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0 8px}.bonus-comparison-table th{text-align:left;color:rgba(255,255,255,.58);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.bonus-comparison-table td{padding:12px;background:rgba(255,255,255,.045);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.74)}.bonus-comparison-table td:first-child{border-left:1px solid rgba(255,255,255,.08);border-radius:14px 0 0 14px;color:#fff}.bonus-comparison-table td:last-child{border-right:1px solid rgba(255,255,255,.08);border-radius:0 14px 14px 0}.is-filtered-out{opacity:0;transform:scale(.98)}
@media (max-width:1120px){.bonus-home-layout-v4{grid-template-columns:1fr}.bonus-live-grid-v4,.bonus-discord-grid-v4,.bonus-chest-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-card-v4__header{flex-direction:column}.bonus-card-v4__status{max-width:none;justify-content:flex-start}}
@media (max-width:760px){.bonus-card-v4{padding:16px;border-radius:22px}.bonus-card-v4__brand{align-items:flex-start}.bonus-card-v4__logo{width:66px;height:66px;border-radius:18px}.bonus-card-v4__facts{grid-template-columns:1fr}.bonus-card-v4__actions{flex-direction:column}.bonus-card-v4__actions .btn{width:100%;flex:auto}.bonus-live-grid-v4,.bonus-discord-grid-v4,.bonus-chest-grid-v4{grid-template-columns:1fr}.bonus-compare-table-v4__head{align-items:flex-start;flex-direction:column}.bonus-toggle-filters label{width:100%;justify-content:space-between}.bonus-card--top .bonus-card-v4__logo{width:76px;height:76px}.bonus-card-v4__trust span{width:100%;justify-content:center}.footer-bonus-mini-v4{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.bonus-card-v4,.bonus-card-v4::before,.bonus-card-v4__logo img{transition:none!important}.bonus-card-v4:hover{transform:none}}

/* =========================================================
   FamillySlot — BONUS UI V5 FINAL
   Refonte CSS complète des bonus sur toutes les pages.
   Objectif : moins bricolé, plus premium, plus lisible, plus stable.
   Ce bloc est volontairement chargé en dernier pour neutraliser les anciens styles.
   ========================================================= */
:root{
  --fs-bonus-deep:#070816;
  --fs-bonus-ink:#0d1028;
  --fs-bonus-card:rgba(12,15,34,.92);
  --fs-bonus-card-2:rgba(19,13,43,.86);
  --fs-bonus-line:rgba(255,255,255,.13);
  --fs-bonus-line-strong:rgba(255,255,255,.22);
  --fs-bonus-text:#ffffff;
  --fs-bonus-muted:rgba(255,255,255,.72);
  --fs-bonus-soft:rgba(255,255,255,.54);
  --fs-bonus-blue:#35dcff;
  --fs-bonus-pink:#ff3fc9;
  --fs-bonus-purple:#8d5cff;
  --fs-bonus-green:#52f3bd;
  --fs-bonus-gold:#ffc857;
  --fs-bonus-danger:#ff5f8f;
  --fs-bonus-radius:28px;
  --fs-bonus-radius-sm:18px;
  --fs-bonus-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07);
  --fs-bonus-shadow-hover:0 34px 90px rgba(0,0,0,.46), 0 0 0 1px rgba(53,220,255,.08), 0 0 42px rgba(255,63,201,.10);
  --fs-bonus-ease:cubic-bezier(.2,.9,.25,1);
}

/* Sections bonus globales */
.bonus-filter-section,
.home-bonus-section,
.bonus-live-section,
.bonus-discord-section,
.bonus-chest-section,
.seo-bonus-section{
  position:relative!important;
  overflow:hidden!important;
}
.bonus-filter-section::before,
.home-bonus-section::before,
.bonus-live-section::before,
.bonus-discord-section::before,
.bonus-chest-section::before,
.seo-bonus-section::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 8%, rgba(53,220,255,.11), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(255,63,201,.10), transparent 32%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.018), transparent)!important;
  opacity:.95!important;
}
.bonus-filter-section > .container,
.home-bonus-section > .container,
.bonus-live-section > .container,
.bonus-discord-section > .container,
.bonus-chest-section > .container,
.seo-bonus-section > .container{position:relative!important;z-index:1!important;}

/* Toolbar / filtres : aspect dashboard premium, compact et lisible */
.bonus-toolbar-modern,
.bonus-toolbar{
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032)),
    radial-gradient(circle at 10% 0,rgba(53,220,255,.12),transparent 35%),
    radial-gradient(circle at 90% 0,rgba(255,63,201,.10),transparent 34%)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.34)!important;
  padding:clamp(18px,2.2vw,28px)!important;
  margin-bottom:clamp(18px,2.4vw,30px)!important;
  overflow:hidden!important;
}
.bonus-toolbar-modern .toolbar-intro,
.bonus-toolbar .toolbar-intro{max-width:860px!important;}
.bonus-toolbar-modern .toolbar-intro h2,
.bonus-toolbar .toolbar-intro h2{
  margin:.35rem 0 .35rem!important;
  font-size:clamp(1.35rem,2.4vw,2.2rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
.bonus-toolbar-modern .toolbar-intro p,
.bonus-toolbar .toolbar-intro p{max-width:760px!important;color:var(--fs-bonus-muted)!important;}
.filters[data-filter-group],
.bonus-toolbar .filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:16px!important;
}
.filters .chip,
.bonus-toolbar .chip{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.84rem!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
  transition:transform .18s var(--fs-bonus-ease),background .18s var(--fs-bonus-ease),border-color .18s var(--fs-bonus-ease),color .18s var(--fs-bonus-ease)!important;
}
.filters .chip:hover,
.bonus-toolbar .chip:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.085)!important;color:#fff!important;}
.filters .chip.is-active,
.bonus-toolbar .chip.is-active{
  color:#06101e!important;
  background:linear-gradient(135deg,var(--fs-bonus-blue),var(--fs-bonus-pink))!important;
  border-color:transparent!important;
  box-shadow:0 14px 34px rgba(53,220,255,.16),0 12px 34px rgba(255,63,201,.14)!important;
}
.toolbar-fields.bonus-advanced-fields,
.toolbar-fields{
  display:grid!important;
  grid-template-columns:1.35fr .9fr .72fr .82fr .9fr .78fr!important;
  gap:10px!important;
  margin-top:16px!important;
  align-items:end!important;
}
.field-control{display:grid!important;gap:7px!important;min-width:0!important;}
.field-control span{
  color:rgba(255,255,255,.58)!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}
.field-control input,
.field-control select,
.bonus-toolbar input,
.bonus-toolbar select{
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(4,6,18,.54)!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.field-control input:focus,
.field-control select:focus{
  border-color:rgba(53,220,255,.54)!important;
  box-shadow:0 0 0 3px rgba(53,220,255,.10)!important;
}
.bonus-toggle-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:14px!important;
}
.bonus-toggle-filters label{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.05)!important;
  color:rgba(255,255,255,.76)!important;
  font-size:.82rem!important;
  font-weight:850!important;
}
.bonus-toggle-filters input{accent-color:var(--fs-bonus-pink)!important;}
.bonus-toolbar-footer{
  margin-top:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
.bonus-toolbar-footer strong{color:#fff!important;font-weight:950!important;}

/* Grilles bonus par contexte */
.bonus-grid,
.casino-grid.bonus-grid,
[data-bonus-grid]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
}
.bonus-home-layout-v4{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
}
.bonus-home-main-v4,
.bonus-home-side-v4{min-width:0!important;}
.bonus-home-side-v4{display:grid!important;gap:14px!important;}
.bonus-live-grid-v4,
.bonus-discord-grid-v4,
.bonus-chest-grid-v4,
.seo-bonus-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,20px)!important;
  align-items:stretch!important;
}
.bonus-chest-grid-v4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.footer-bonus-list-v4{display:grid!important;gap:10px!important;}

/* Card bonus V5 : base nettoyée et premium */
.bonus-card-v4,
.bonus-card-v5,
article.bonus-card-v4.bonus-card-v5{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  padding:clamp(18px,2.1vw,26px)!important;
  border-radius:var(--fs-bonus-radius)!important;
  border:1px solid var(--fs-bonus-line)!important;
  background:
    linear-gradient(150deg,rgba(255,255,255,.082),rgba(255,255,255,.026) 46%,rgba(255,255,255,.042)),
    radial-gradient(circle at 0 0,rgba(53,220,255,.135),transparent 38%),
    radial-gradient(circle at 100% 0,rgba(255,63,201,.105),transparent 34%),
    linear-gradient(145deg,var(--fs-bonus-card),var(--fs-bonus-card-2))!important;
  box-shadow:var(--fs-bonus-shadow)!important;
  overflow:hidden!important;
  color:#fff!important;
  transform:translateZ(0)!important;
  transition:transform .22s var(--fs-bonus-ease),border-color .22s var(--fs-bonus-ease),box-shadow .22s var(--fs-bonus-ease),background .22s var(--fs-bonus-ease)!important;
}
.bonus-card-v4::before,
.bonus-card-v5::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(53,220,255,.68),rgba(255,63,201,.52),rgba(141,92,255,.45)) top left/100% 2px no-repeat,
    radial-gradient(circle at 50% -8%,rgba(255,255,255,.14),transparent 38%)!important;
  opacity:.72!important;
  transform:none!important;
  z-index:-1!important;
}
.bonus-card-v4::after,
.bonus-card-v5::after{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.12) 46%,transparent 54% 100%)!important;
  opacity:0!important;
  transform:translateX(-80%)!important;
  transition:opacity .25s ease,transform .65s var(--fs-bonus-ease)!important;
  z-index:2!important;
  mix-blend-mode:screen!important;
}
.bonus-card-v4:hover,
.bonus-card-v5:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(53,220,255,.28)!important;
  box-shadow:var(--fs-bonus-shadow-hover)!important;
}
.bonus-card-v4:hover::after,
.bonus-card-v5:hover::after{opacity:.65!important;transform:translateX(85%)!important;}
.bonus-card-v4__glow{
  position:absolute!important;
  inset:auto -18% -30% -18%!important;
  height:190px!important;
  background:radial-gradient(circle,rgba(255,63,201,.12),transparent 62%)!important;
  filter:blur(24px)!important;
  z-index:-1!important;
  opacity:.75!important;
}

/* Header card */
.bonus-card-v4__header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
  min-width:0!important;
}
.bonus-card-v4__brand{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}
.bonus-card-v4__logo,
.casino-logo.bonus-card-v4__logo,
.casino-logo{
  position:relative!important;
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    radial-gradient(circle at 30% 16%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.038)),
    rgba(5,7,18,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 36px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
.bonus-card-v4__logo::before,
.casino-logo::before{
  content:attr(data-logo-initials)!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  font-weight:1000!important;
  font-size:1.2rem!important;
  letter-spacing:-.035em!important;
  color:rgba(255,255,255,.64)!important;
  background:linear-gradient(135deg,rgba(53,220,255,.22),rgba(255,63,201,.14))!important;
}
.bonus-card-v4__logo img,
.casino-logo img{
  position:relative!important;
  z-index:1!important;
  width:76%!important;
  height:76%!important;
  max-width:76%!important;
  max-height:76%!important;
  object-fit:contain!important;
  padding:0!important;
  transform:translate(var(--casino-logo-x,0px),var(--casino-logo-y,0px)) scale(var(--casino-logo-zoom,1))!important;
  transform-origin:center!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))!important;
}
.casino-logo.has-logo-error img{display:none!important;}
.bonus-card-v4__title{min-width:0!important;display:grid!important;gap:3px!important;}
.bonus-card-v4__title p{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--fs-bonus-soft)!important;
  font-size:.72rem!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bonus-card-v4__title h3{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.2rem,1.45vw,1.48rem)!important;
  line-height:1.04!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere!important;
}
.bonus-card-v4__status,
.fs-badges.bonus-card-v4__status{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  max-width:240px!important;
  min-width:0!important;
}
.fs-badge,
.bonus-card-v4__status .fs-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.065)!important;
  color:rgba(255,255,255,.82)!important;
  font-size:.68rem!important;
  font-weight:950!important;
  letter-spacing:.018em!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.fs-badge--gold{background:rgba(255,200,87,.16)!important;border-color:rgba(255,200,87,.35)!important;color:#ffe7ad!important;}
.fs-badge--blue{background:rgba(53,220,255,.13)!important;border-color:rgba(53,220,255,.32)!important;color:#b7f4ff!important;}
.fs-badge--violet{background:rgba(141,92,255,.15)!important;border-color:rgba(141,92,255,.34)!important;color:#d7ccff!important;}
.fs-badge--pink{background:rgba(255,63,201,.14)!important;border-color:rgba(255,63,201,.34)!important;color:#ffd1f2!important;}
.fs-badge--green{background:rgba(82,243,189,.13)!important;border-color:rgba(82,243,189,.34)!important;color:#c2ffe9!important;}
.fs-badge--warning{background:rgba(255,200,87,.12)!important;border-color:rgba(255,200,87,.27)!important;color:#ffe4aa!important;}

/* Offre + données */
.bonus-card-v4__offer{
  position:relative!important;
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  padding:15px 16px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(135deg,rgba(53,220,255,.10),rgba(255,63,201,.09)),
    rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.bonus-card-v4__offer::before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:14px!important;
  bottom:14px!important;
  width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--fs-bonus-blue),var(--fs-bonus-pink))!important;
  opacity:.85!important;
}
.bonus-card-v4__offer span{
  padding-left:10px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:.72rem!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}
.bonus-card-v4__offer strong{
  padding-left:10px!important;
  display:block!important;
  color:#fff!important;
  font-size:clamp(1.16rem,1.8vw,1.56rem)!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere!important;
}
.bonus-card-v4__desc{
  margin:-2px 0 0!important;
  color:var(--fs-bonus-muted)!important;
  font-size:.94rem!important;
  line-height:1.58!important;
  text-wrap:pretty!important;
}
.bonus-card-v4__facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  min-width:0!important;
}
.bonus-card-v4__facts div{
  min-width:0!important;
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.bonus-card-v4__facts span{
  display:block!important;
  margin:0!important;
  color:rgba(255,255,255,.50)!important;
  font-size:.66rem!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.bonus-card-v4__facts strong{
  display:block!important;
  color:#fff!important;
  font-size:.88rem!important;
  line-height:1.22!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}
.bonus-card-v4__trust{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:-2px!important;
}
.bonus-card-v4__trust span,
.bonus-card-v4__legal{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.62)!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:850!important;
}
.bonus-card-v4__actions{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:10px!important;
  margin-top:auto!important;
}
.bonus-card-v4__actions .btn,
.bonus-card-v4__primary,
.bonus-card-v4__secondary{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:999px!important;
  padding:11px 14px!important;
  font-size:.86rem!important;
  line-height:1.1!important;
  font-weight:950!important;
  text-align:center!important;
  white-space:normal!important;
}
.bonus-card-v4__primary{
  background:linear-gradient(135deg,var(--fs-bonus-blue),var(--fs-bonus-pink))!important;
  color:#04101e!important;
  border:0!important;
  box-shadow:0 14px 34px rgba(53,220,255,.16),0 14px 36px rgba(255,63,201,.13)!important;
}
.bonus-card-v4__secondary{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
}
.bonus-card-v4__primary:hover,
.bonus-card-v4__secondary:hover{transform:translateY(-1px)!important;}
.bonus-card-v4__conditions{
  margin-top:0!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  color:var(--fs-bonus-muted)!important;
}
.bonus-card-v4__conditions summary{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer!important;
  color:#fff!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.2!important;
}
.bonus-card-v4__conditions summary::marker{color:var(--fs-bonus-pink)!important;}
.bonus-card-v4__conditions p{
  margin:.75rem 0 .4rem!important;
  color:rgba(255,255,255,.70)!important;
  font-size:.9rem!important;
  line-height:1.55!important;
}
.bonus-card-v4__conditions small{color:rgba(255,255,255,.52)!important;line-height:1.45!important;}

/* Variantes : chaque page a son format, même identité */
.bonus-card--top{
  padding:clamp(22px,2.4vw,32px)!important;
  min-height:100%!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,200,87,.18),transparent 34%),
    radial-gradient(circle at 100% 8%,rgba(255,63,201,.13),transparent 32%),
    linear-gradient(145deg,rgba(15,17,39,.95),rgba(31,18,53,.9))!important;
}
.bonus-card--top::before{background:linear-gradient(90deg,var(--fs-bonus-gold),var(--fs-bonus-pink),var(--fs-bonus-blue)) top left/100% 3px no-repeat!important;}
.bonus-card--top .bonus-card-v4__logo{width:92px!important;height:92px!important;border-radius:26px!important;}
.bonus-card--top .bonus-card-v4__offer{padding:18px!important;}
.bonus-card--top .bonus-card-v4__offer strong{font-size:clamp(1.42rem,2.25vw,2.05rem)!important;}
.bonus-card--top .bonus-card-v4__facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

.bonus-card--compact,
.bonus-card--live,
.bonus-card--discord,
.bonus-card--seo,
.bonus-card--chest{
  gap:13px!important;
  padding:18px!important;
  border-radius:24px!important;
}
.bonus-card--compact .bonus-card-v4__header,
.bonus-card--live .bonus-card-v4__header,
.bonus-card--discord .bonus-card-v4__header,
.bonus-card--seo .bonus-card-v4__header,
.bonus-card--chest .bonus-card-v4__header{
  grid-template-columns:1fr!important;
  gap:11px!important;
}
.bonus-card--compact .bonus-card-v4__status,
.bonus-card--live .bonus-card-v4__status,
.bonus-card--discord .bonus-card-v4__status,
.bonus-card--seo .bonus-card-v4__status,
.bonus-card--chest .bonus-card-v4__status{justify-content:flex-start!important;max-width:none!important;}
.bonus-card--compact .bonus-card-v4__brand,
.bonus-card--live .bonus-card-v4__brand,
.bonus-card--discord .bonus-card-v4__brand,
.bonus-card--seo .bonus-card-v4__brand,
.bonus-card--chest .bonus-card-v4__brand{gap:11px!important;}
.bonus-card--compact .bonus-card-v4__logo,
.bonus-card--live .bonus-card-v4__logo,
.bonus-card--discord .bonus-card-v4__logo,
.bonus-card--seo .bonus-card-v4__logo,
.bonus-card--chest .bonus-card-v4__logo{width:66px!important;height:66px!important;border-radius:19px!important;}
.bonus-card--compact .bonus-card-v4__offer,
.bonus-card--live .bonus-card-v4__offer,
.bonus-card--discord .bonus-card-v4__offer,
.bonus-card--seo .bonus-card-v4__offer,
.bonus-card--chest .bonus-card-v4__offer{padding:13px 14px!important;border-radius:18px!important;}
.bonus-card--compact .bonus-card-v4__offer strong,
.bonus-card--live .bonus-card-v4__offer strong,
.bonus-card--discord .bonus-card-v4__offer strong,
.bonus-card--seo .bonus-card-v4__offer strong,
.bonus-card--chest .bonus-card-v4__offer strong{font-size:1.06rem!important;line-height:1.15!important;}
.bonus-card--compact .bonus-card-v4__desc,
.bonus-card--live .bonus-card-v4__desc,
.bonus-card--discord .bonus-card-v4__desc,
.bonus-card--seo .bonus-card-v4__desc,
.bonus-card--chest .bonus-card-v4__desc{font-size:.88rem!important;line-height:1.48!important;}
.bonus-card--compact .bonus-card-v4__facts,
.bonus-card--live .bonus-card-v4__facts,
.bonus-card--discord .bonus-card-v4__facts,
.bonus-card--seo .bonus-card-v4__facts,
.bonus-card--chest .bonus-card-v4__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.bonus-card--compact .bonus-card-v4__facts div:nth-child(n+5),
.bonus-card--live .bonus-card-v4__facts div:nth-child(n+5),
.bonus-card--discord .bonus-card-v4__facts div:nth-child(n+5),
.bonus-card--seo .bonus-card-v4__facts div:nth-child(n+5),
.bonus-card--chest .bonus-card-v4__facts div:nth-child(n+5){display:none!important;}
.bonus-card--compact .bonus-card-v4__actions,
.bonus-card--live .bonus-card-v4__actions,
.bonus-card--discord .bonus-card-v4__actions,
.bonus-card--seo .bonus-card-v4__actions,
.bonus-card--chest .bonus-card-v4__actions{grid-template-columns:1fr!important;}
.bonus-card--compact .bonus-card-v4__secondary,
.bonus-card--live .bonus-card-v4__secondary,
.bonus-card--discord .bonus-card-v4__secondary,
.bonus-card--seo .bonus-card-v4__secondary,
.bonus-card--chest .bonus-card-v4__secondary{display:none!important;}
.bonus-card--live{background:radial-gradient(circle at 8% 0,rgba(255,63,201,.16),transparent 34%),linear-gradient(145deg,rgba(12,15,34,.94),rgba(23,13,43,.86))!important;}
.bonus-card--discord{background:radial-gradient(circle at 92% 0,rgba(88,101,242,.22),transparent 35%),linear-gradient(145deg,rgba(12,15,34,.94),rgba(19,15,48,.86))!important;}
.bonus-card--chest{background:radial-gradient(circle at 92% 0,rgba(255,200,87,.16),transparent 36%),linear-gradient(145deg,rgba(12,15,34,.94),rgba(25,17,40,.86))!important;}

/* Mini footer : propre, sans bloc lourd */
.bonus-card--footer{
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  box-shadow:none!important;
}
.bonus-card--footer::before{opacity:.35!important;background:linear-gradient(90deg,var(--fs-bonus-blue),var(--fs-bonus-pink)) top left/100% 1px no-repeat!important;}
.bonus-card--footer .bonus-card-v4__header{grid-template-columns:1fr!important;gap:7px!important;}
.bonus-card--footer .bonus-card-v4__brand{grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important;}
.bonus-card--footer .bonus-card-v4__logo{width:42px!important;height:42px!important;border-radius:13px!important;}
.bonus-card--footer .bonus-card-v4__title p,
.bonus-card--footer .bonus-card-v4__status,
.bonus-card--footer .bonus-card-v4__facts,
.bonus-card--footer .bonus-card-v4__secondary{display:none!important;}
.bonus-card--footer .bonus-card-v4__title h3{font-size:.95rem!important;line-height:1.1!important;}
.bonus-card--footer .bonus-card-v4__offer{padding:9px 10px!important;border-radius:13px!important;}
.bonus-card--footer .bonus-card-v4__offer::before{display:none!important;}
.bonus-card--footer .bonus-card-v4__offer span{display:none!important;}
.bonus-card--footer .bonus-card-v4__offer strong{padding-left:0!important;font-size:.84rem!important;line-height:1.2!important;}
.bonus-card--footer .bonus-card-v4__actions{grid-template-columns:1fr!important;}
.bonus-card--footer .bonus-card-v4__actions .btn{min-height:34px!important;padding:8px 10px!important;font-size:.76rem!important;}
.bonus-card--footer .bonus-card-v4__legal{justify-content:center!important;font-size:.68rem!important;min-height:24px!important;}

/* États */
.bonus-card-v4.is-verified{border-color:rgba(82,243,189,.23)!important;}
.bonus-card-v4.is-verified::before{background:linear-gradient(90deg,var(--fs-bonus-green),var(--fs-bonus-blue),var(--fs-bonus-pink)) top left/100% 2px no-repeat!important;}
.bonus-card-v4.is-check{border-color:rgba(255,200,87,.18)!important;}
.bonus-card-v4.is-expired,
.bonus-card-v4.is-paused{opacity:.82!important;filter:saturate(.82)!important;}
.bonus-card-v4.is-expired .bonus-card-v4__primary,
.bonus-card-v4.is-paused .bonus-card-v4__primary{background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.75)!important;box-shadow:none!important;}
.is-filtered-out{display:none!important;}
.bonus-empty-state{
  margin-top:18px!important;
  padding:28px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  text-align:center!important;
}

/* CTA comparatif accueil / tables */
.bonus-home-compare-cta,
.bonus-compare-table-v4,
.bonus-chest-rules-v4{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.026))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.26)!important;
}
.bonus-home-compare-cta{padding:clamp(18px,2vw,24px)!important;}
.bonus-home-compare-cta h3{margin:.75rem 0 .4rem!important;font-size:clamp(1.18rem,1.6vw,1.55rem)!important;letter-spacing:-.035em!important;}
.bonus-home-compare-cta p{color:var(--fs-bonus-muted)!important;line-height:1.58!important;}
.bonus-compare-table-v4{margin-top:clamp(22px,3vw,34px)!important;padding:clamp(18px,2vw,24px)!important;overflow:hidden!important;}
.bonus-compare-table-v4__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;}
.table-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;}
.bonus-comparison-table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:0 8px!important;}
.bonus-comparison-table th{padding:0 12px 6px!important;color:rgba(255,255,255,.53)!important;font-size:.7rem!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.bonus-comparison-table td{padding:12px!important;background:rgba(255,255,255,.045)!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.74)!important;}
.bonus-comparison-table td:first-child{border-left:1px solid rgba(255,255,255,.08)!important;border-radius:14px 0 0 14px!important;color:#fff!important;}
.bonus-comparison-table td:last-child{border-right:1px solid rgba(255,255,255,.08)!important;border-radius:0 14px 14px 0!important;}

/* Responsive bonus V5 */
@media (min-width:1280px){
  .bonus-grid,
  .casino-grid.bonus-grid,
  [data-bonus-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:1180px){
  .toolbar-fields.bonus-advanced-fields,
  .toolbar-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .bonus-live-grid-v4,
  .bonus-discord-grid-v4,
  .bonus-chest-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .bonus-home-layout-v4{grid-template-columns:1fr!important;}
  .bonus-card-v4__header{grid-template-columns:1fr!important;}
  .bonus-card-v4__status{justify-content:flex-start!important;max-width:none!important;}
}
@media (max-width:860px){
  .bonus-grid,
  .casino-grid.bonus-grid,
  [data-bonus-grid],
  .bonus-live-grid-v4,
  .bonus-discord-grid-v4,
  .bonus-chest-grid-v4{grid-template-columns:1fr!important;}
  .toolbar-fields.bonus-advanced-fields,
  .toolbar-fields{grid-template-columns:1fr 1fr!important;}
  .bonus-toolbar-footer{align-items:flex-start!important;flex-direction:column!important;}
  .bonus-card-v4__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .bonus-card-v4__actions{grid-template-columns:1fr!important;}
  .bonus-card-v4__secondary{min-height:42px!important;}
}
@media (max-width:560px){
  .bonus-toolbar-modern,
  .bonus-toolbar{padding:16px!important;border-radius:24px!important;}
  .filters[data-filter-group],
  .bonus-toggle-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .filters .chip,
  .bonus-toggle-filters label{width:100%!important;justify-content:center!important;text-align:center!important;min-height:38px!important;padding-inline:9px!important;font-size:.76rem!important;}
  .toolbar-fields.bonus-advanced-fields,
  .toolbar-fields{grid-template-columns:1fr!important;}
  .bonus-card-v4,
  .bonus-card-v5{padding:15px!important;border-radius:22px!important;gap:12px!important;}
  .bonus-card-v4__brand{gap:10px!important;}
  .bonus-card-v4__logo{width:60px!important;height:60px!important;border-radius:17px!important;}
  .bonus-card-v4__title p{font-size:.66rem!important;}
  .bonus-card-v4__title h3{font-size:1.12rem!important;}
  .bonus-card-v4__offer{padding:12px 13px!important;border-radius:17px!important;}
  .bonus-card-v4__offer span{font-size:.66rem!important;}
  .bonus-card-v4__offer strong{font-size:1.05rem!important;}
  .bonus-card-v4__facts{grid-template-columns:1fr!important;gap:7px!important;}
  .bonus-card-v4__facts div{padding:10px!important;}
  .bonus-card-v4__trust span{width:100%!important;justify-content:center!important;}
  .bonus-card--top .bonus-card-v4__logo{width:68px!important;height:68px!important;}
  .bonus-card--top .bonus-card-v4__offer strong{font-size:1.25rem!important;}
  .bonus-compare-table-v4__head{align-items:flex-start!important;flex-direction:column!important;}
}
@media (prefers-reduced-motion:reduce){
  .bonus-card-v4,
  .bonus-card-v5,
  .bonus-card-v4::after,
  .filters .chip,
  .bonus-card-v4__primary,
  .bonus-card-v4__secondary{transition:none!important;}
  .bonus-card-v4:hover,
  .bonus-card-v5:hover,
  .bonus-card-v4__primary:hover,
  .bonus-card-v4__secondary:hover{transform:none!important;}
  .bonus-card-v4:hover::after,
  .bonus-card-v5:hover::after{opacity:0!important;}
}


/* ==========================================================
   FamillySlot V6 — correction globale juin 2026
   Objectif : pages propres + bonus premium cohérents partout
   ========================================================== */
:root{
  --fs-v6-bg:#070817;
  --fs-v6-surface:rgba(17,20,44,.78);
  --fs-v6-surface-strong:rgba(23,27,58,.92);
  --fs-v6-line:rgba(255,255,255,.12);
  --fs-v6-line-soft:rgba(255,255,255,.075);
  --fs-v6-text:#f7f8ff;
  --fs-v6-muted:rgba(234,238,255,.68);
  --fs-v6-muted-2:rgba(234,238,255,.48);
  --fs-v6-blue:#35dcff;
  --fs-v6-pink:#ff46cd;
  --fs-v6-violet:#8b5cff;
  --fs-v6-green:#52f3bd;
  --fs-v6-gold:#ffd36e;
  --fs-v6-radius:28px;
  --fs-v6-radius-sm:18px;
  --fs-v6-shadow:0 24px 70px rgba(0,0,0,.34);
}
html,body{overflow-x:hidden!important;max-width:100%!important;}
body.site-shell{background:var(--fs-v6-bg)!important;color:var(--fs-v6-text)!important;}
.container,.fs-container{width:min(100% - 32px,1180px)!important;margin-inline:auto!important;padding-inline:0!important;max-width:1180px!important;}
.main-content{padding-top:0!important;}
.section,.fs-section{padding-block:clamp(38px,5vw,74px)!important;position:relative!important;}
.section-tight,.fs-section--compact{padding-block:clamp(26px,3.2vw,48px)!important;}
.page-hero,.fs-page-hero,.home-hero{padding-top:clamp(24px,3.6vw,48px)!important;padding-bottom:clamp(34px,5vw,76px)!important;}
.site-header + .main-content .page-hero:first-child,
.site-header + .main-content .fs-page:first-child,
.main-content > section:first-child{margin-top:0!important;}
.page-title,.hero-title,h1{letter-spacing:-.06em!important;line-height:.98!important;text-wrap:balance!important;}
.section-title,.section-header h2,h2{letter-spacing:-.045em!important;text-wrap:balance!important;}
.page-subtitle,.hero-subtitle,.section-text,.section-header p{color:var(--fs-v6-muted)!important;line-height:1.62!important;}
.page-actions,.hero-actions,.section-header-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
.btn,.fs-btn,button.chip,.chip{border-radius:999px!important;min-height:44px!important;font-weight:850!important;letter-spacing:-.015em!important;}
.btn svg,.btn img,.fs-btn svg,.fs-btn img{flex:0 0 auto!important;}
.card,.fs-card,.premium-card,.feature-card,.direct-card,.discord-feature-card,.vault-card,.chest-card,.legal-card{
  border:1px solid var(--fs-v6-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px)!important;
}
.page-card-grid,.cards-grid,.direct-grid,.grid-3,.grid-4,.grid-5{gap:clamp(14px,1.8vw,22px)!important;}

/* Navbar stable partout */
.site-header{position:sticky!important;top:0!important;z-index:1000!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:rgba(5,7,20,.82)!important;backdrop-filter:blur(22px) saturate(1.25)!important;}
.header-inner,.navbar-inner{min-height:76px!important;height:76px!important;display:flex!important;align-items:center!important;gap:16px!important;}
.brand.site-logo{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;}
.brand-mark.site-logo-mark{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:17px!important;overflow:hidden!important;}
.brand-text strong{font-size:1rem!important;letter-spacing:-.03em!important;}
.brand-text small{font-size:.72rem!important;color:var(--fs-v6-muted-2)!important;}
.nav.nav-2026{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;}
.nav.nav-2026 > a,.nav-dropdown-toggle{height:42px!important;padding:0 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;}
.nav.nav-2026 > a.is-active,.nav-dropdown.is-active .nav-dropdown-toggle{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.15)!important;}
.nav-dropdown-menu{border-radius:18px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(9,11,28,.96)!important;box-shadow:0 20px 50px rgba(0,0,0,.38)!important;}

/* Sections bonus : une identité propre sur toutes les pages */
.home-bonus-section,.bonus-filter-section,.live-bonus-strip-v4,.chest-bonus-partners-v4,.discord-bonus-v4,.seo-landing-hero + .section{isolation:isolate!important;}
.home-bonus-section::before,.bonus-filter-section::before,.live-bonus-strip-v4::before,.chest-bonus-partners-v4::before,.discord-bonus-v4::before{
  content:""!important;position:absolute!important;inset:8px max(16px,calc((100vw - 1180px)/2))!important;z-index:-1!important;border-radius:38px!important;
  background:radial-gradient(circle at 14% 8%,rgba(53,220,255,.095),transparent 34%),radial-gradient(circle at 88% 4%,rgba(255,70,205,.085),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important;
  border:1px solid rgba(255,255,255,.045)!important;pointer-events:none!important;
}
.inline-header,.section-header.inline-header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:clamp(18px,2.4vw,28px)!important;}
.section-kicker,.page-kicker,.eyebrow,.fs-section-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:.76rem!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.09em!important;color:var(--fs-v6-blue)!important;}

/* Toolbar bonus V6 */
.bonus-toolbar,.bonus-toolbar-modern{
  padding:clamp(18px,2.2vw,28px)!important;border-radius:32px!important;
  border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(20,23,52,.94),rgba(10,12,32,.78))!important;
  box-shadow:var(--fs-v6-shadow)!important;overflow:hidden!important;margin-bottom:clamp(20px,2.6vw,34px)!important;position:relative!important;
}
.bonus-toolbar::before,.bonus-toolbar-modern::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 12% 0,rgba(53,220,255,.16),transparent 30%),radial-gradient(circle at 88% 0,rgba(255,70,205,.13),transparent 30%)!important;pointer-events:none!important;}
.bonus-toolbar > *,.bonus-toolbar-modern > *{position:relative!important;z-index:1!important;}
.filters[data-filter-group]{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:18px 0!important;}
.filters .chip,.bonus-toggle-filters label{
  min-height:38px!important;padding:9px 13px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.76)!important;box-shadow:none!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
.filters .chip:hover,.bonus-toggle-filters label:hover{transform:translateY(-1px)!important;border-color:rgba(53,220,255,.32)!important;color:#fff!important;background:rgba(53,220,255,.09)!important;}
.filters .chip.is-active{color:#06101e!important;background:linear-gradient(135deg,var(--fs-v6-blue),var(--fs-v6-pink))!important;border-color:transparent!important;box-shadow:0 14px 30px rgba(53,220,255,.14)!important;}
.toolbar-fields.bonus-advanced-fields,.toolbar-fields{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;align-items:end!important;}
.field-control{display:grid!important;gap:7px!important;min-width:0!important;}
.field-control span{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.075em!important;color:var(--fs-v6-muted-2)!important;font-weight:900!important;}
.field-control input,.field-control select{width:100%!important;min-height:44px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(4,6,18,.72)!important;color:#fff!important;padding:0 12px!important;outline:none!important;}
.field-control input:focus,.field-control select:focus{border-color:rgba(53,220,255,.58)!important;box-shadow:0 0 0 4px rgba(53,220,255,.10)!important;}
.bonus-toggle-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;}
.bonus-toggle-filters input{accent-color:var(--fs-v6-pink)!important;}
.bonus-toolbar-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:14px!important;color:var(--fs-v6-muted)!important;}

/* Cards bonus V6 */
.bonus-grid,.casino-grid.bonus-grid,[data-bonus-grid]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(18px,2.2vw,26px)!important;align-items:stretch!important;}
.bonus-home-layout-v4{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;gap:clamp(18px,2.3vw,28px)!important;align-items:stretch!important;}
.bonus-home-side-v4,.footer-bonus-list-v4{display:grid!important;gap:14px!important;}
.bonus-live-grid-v4,.bonus-discord-grid-v4,.bonus-chest-grid-v4,.cards-grid:has(.fs-bonus-card){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,1.8vw,22px)!important;}
.fs-bonus-card{
  --card-accent:var(--fs-v6-blue);
  position:relative!important;display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important;min-height:100%!important;padding:clamp(18px,2vw,24px)!important;border-radius:30px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(18,21,48,.94),rgba(9,11,29,.88))!important;box-shadow:0 22px 70px rgba(0,0,0,.34)!important;color:#fff!important;isolation:isolate!important;transform:translateZ(0)!important;
}
.fs-bonus-card::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,var(--card-accent),var(--fs-v6-pink),var(--fs-v6-violet)) top left/100% 3px no-repeat!important;opacity:.88!important;pointer-events:none!important;}
.fs-bonus-card::after{content:""!important;position:absolute!important;inset:-1px!important;background:radial-gradient(circle at 15% 0,rgba(53,220,255,.16),transparent 31%),radial-gradient(circle at 94% 0,rgba(255,70,205,.13),transparent 34%)!important;opacity:.82!important;z-index:-1!important;pointer-events:none!important;}
.fs-bonus-card__shine{position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.10) 45%,transparent 60%)!important;transform:translateX(-125%)!important;opacity:0!important;pointer-events:none!important;transition:transform .85s ease,opacity .25s ease!important;}
.fs-bonus-card:hover{transform:translateY(-4px)!important;border-color:rgba(53,220,255,.24)!important;box-shadow:0 26px 78px rgba(0,0,0,.42),0 0 0 1px rgba(53,220,255,.08)!important;}
.fs-bonus-card:hover .fs-bonus-card__shine{transform:translateX(125%)!important;opacity:1!important;}
.fs-bonus-card__head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;}
.fs-bonus-card__brand{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:13px!important;align-items:center!important;min-width:0!important;}
.fs-bonus-card__logo{width:76px!important;height:76px!important;border-radius:22px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.24)!important;position:relative!important;}
.fs-bonus-card__logo::after{content:attr(data-logo-initials)!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-weight:950!important;font-size:1.05rem!important;color:rgba(255,255,255,.72)!important;background:linear-gradient(135deg,rgba(53,220,255,.14),rgba(255,70,205,.13))!important;z-index:-1!important;}
.fs-bonus-card__logo img{max-width:calc(82% * var(--casino-logo-zoom,1))!important;max-height:calc(82% * var(--casino-logo-zoom,1))!important;width:auto!important;height:auto!important;object-fit:contain!important;transform:translate(var(--casino-logo-x,0),var(--casino-logo-y,0))!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))!important;}
.fs-bonus-card__logo.has-logo-error img,.fs-bonus-card__logo:not(:has(img)) img{display:none!important;}
.fs-bonus-card__identity{min-width:0!important;display:grid!important;gap:4px!important;}
.fs-bonus-card__identity span{display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--fs-v6-muted-2)!important;font-size:.71rem!important;text-transform:uppercase!important;letter-spacing:.085em!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fs-bonus-card__identity h3{margin:0!important;font-size:clamp(1.12rem,1.45vw,1.42rem)!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#fff!important;overflow-wrap:anywhere!important;}
.fs-bonus-card__badges{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important;max-width:250px!important;}
.fs-bonus-card .fs-badge{min-height:28px!important;padding:6px 9px!important;border-radius:999px!important;font-size:.67rem!important;letter-spacing:.055em!important;text-transform:uppercase!important;font-weight:950!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.82)!important;}
.fs-badge--gold{background:linear-gradient(135deg,rgba(255,211,110,.20),rgba(255,70,205,.09))!important;color:#ffe7a4!important;border-color:rgba(255,211,110,.25)!important;}
.fs-badge--blue{background:rgba(53,220,255,.12)!important;color:#aaf4ff!important;border-color:rgba(53,220,255,.25)!important;}
.fs-badge--violet{background:rgba(139,92,255,.15)!important;color:#d7cbff!important;border-color:rgba(139,92,255,.28)!important;}
.fs-badge--pink{background:rgba(255,70,205,.13)!important;color:#ffd0f4!important;border-color:rgba(255,70,205,.25)!important;}
.fs-badge--green{background:rgba(82,243,189,.12)!important;color:#b9ffe9!important;border-color:rgba(82,243,189,.26)!important;}
.fs-badge--warning{background:rgba(255,211,110,.12)!important;color:#ffe5a4!important;border-color:rgba(255,211,110,.24)!important;}
.fs-bonus-card__offer{position:relative!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(53,220,255,.115),rgba(255,70,205,.09))!important;border:1px solid rgba(255,255,255,.12)!important;}
.fs-bonus-card__offer span{display:block!important;margin-bottom:6px!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:950!important;color:var(--fs-v6-blue)!important;}
.fs-bonus-card__offer strong{display:block!important;font-family:Sora,Inter,sans-serif!important;font-size:clamp(1.16rem,1.75vw,1.6rem)!important;line-height:1.12!important;letter-spacing:-.05em!important;color:#fff!important;text-wrap:balance!important;}
.fs-bonus-card__description{margin:0!important;color:var(--fs-v6-muted)!important;line-height:1.58!important;font-size:.95rem!important;}
.fs-bonus-card__facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
.fs-bonus-card__facts div{min-width:0!important;padding:12px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.052)!important;}
.fs-bonus-card__facts dt{margin:0 0 5px!important;font-size:.67rem!important;color:var(--fs-v6-muted-2)!important;text-transform:uppercase!important;letter-spacing:.075em!important;font-weight:950!important;}
.fs-bonus-card__facts dd{margin:0!important;font-size:.9rem!important;line-height:1.18!important;color:#fff!important;font-weight:900!important;overflow-wrap:anywhere!important;}
.fs-bonus-card__notice{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:auto!important;}
.fs-bonus-card__notice span,.fs-bonus-card__legal{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--fs-v6-muted)!important;font-size:.74rem!important;font-weight:800!important;}
.fs-bonus-card__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:0!important;}
.fs-bonus-card__actions .btn{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;min-height:44px!important;padding:10px 13px!important;font-size:.88rem!important;line-height:1.1!important;white-space:normal!important;}
.fs-bonus-card__primary{background:linear-gradient(135deg,var(--fs-v6-blue),var(--fs-v6-pink))!important;color:#05101f!important;border:0!important;box-shadow:0 14px 34px rgba(53,220,255,.16),0 14px 32px rgba(255,70,205,.11)!important;}
.fs-bonus-card__secondary{background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;}
.fs-bonus-card__conditions{margin-top:0!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.085)!important;color:var(--fs-v6-muted)!important;}
.fs-bonus-card__conditions summary{cursor:pointer!important;color:#fff!important;font-size:.86rem!important;font-weight:950!important;}
.fs-bonus-card__conditions p{margin:.7rem 0 .35rem!important;color:var(--fs-v6-muted)!important;line-height:1.55!important;font-size:.9rem!important;}
.fs-bonus-card__conditions small{color:var(--fs-v6-muted-2)!important;}
.fs-bonus-card.is-verified{--card-accent:var(--fs-v6-green)!important;border-color:rgba(82,243,189,.20)!important;}
.fs-bonus-card.is-check{--card-accent:var(--fs-v6-gold)!important;border-color:rgba(255,211,110,.18)!important;}
.fs-bonus-card.is-expired,.fs-bonus-card.is-paused{filter:saturate(.72)!important;opacity:.82!important;}

/* Variantes intelligentes par page */
.fs-bonus-card--top{padding:clamp(22px,2.7vw,34px)!important;border-radius:34px!important;background:radial-gradient(circle at 16% 0,rgba(255,211,110,.14),transparent 35%),linear-gradient(145deg,rgba(23,24,56,.96),rgba(28,16,52,.92))!important;}
.fs-bonus-card--top .fs-bonus-card__logo{width:92px!important;height:92px!important;border-radius:27px!important;}
.fs-bonus-card--top .fs-bonus-card__offer strong{font-size:clamp(1.45rem,2.3vw,2.1rem)!important;}
.fs-bonus-card--top .fs-bonus-card__facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.fs-bonus-card--compact,.fs-bonus-card--live,.fs-bonus-card--discord,.fs-bonus-card--chest,.fs-bonus-card--seo{padding:17px!important;border-radius:24px!important;gap:12px!important;}
.fs-bonus-card--compact .fs-bonus-card__head,.fs-bonus-card--live .fs-bonus-card__head,.fs-bonus-card--discord .fs-bonus-card__head,.fs-bonus-card--chest .fs-bonus-card__head,.fs-bonus-card--seo .fs-bonus-card__head{grid-template-columns:1fr!important;gap:10px!important;}
.fs-bonus-card--compact .fs-bonus-card__badges,.fs-bonus-card--live .fs-bonus-card__badges,.fs-bonus-card--discord .fs-bonus-card__badges,.fs-bonus-card--chest .fs-bonus-card__badges,.fs-bonus-card--seo .fs-bonus-card__badges{justify-content:flex-start!important;max-width:none!important;}
.fs-bonus-card--compact .fs-bonus-card__logo,.fs-bonus-card--live .fs-bonus-card__logo,.fs-bonus-card--discord .fs-bonus-card__logo,.fs-bonus-card--chest .fs-bonus-card__logo,.fs-bonus-card--seo .fs-bonus-card__logo{width:62px!important;height:62px!important;border-radius:18px!important;}
.fs-bonus-card--compact .fs-bonus-card__offer,.fs-bonus-card--live .fs-bonus-card__offer,.fs-bonus-card--discord .fs-bonus-card__offer,.fs-bonus-card--chest .fs-bonus-card__offer,.fs-bonus-card--seo .fs-bonus-card__offer{padding:12px!important;border-radius:17px!important;}
.fs-bonus-card--compact .fs-bonus-card__offer strong,.fs-bonus-card--live .fs-bonus-card__offer strong,.fs-bonus-card--discord .fs-bonus-card__offer strong,.fs-bonus-card--chest .fs-bonus-card__offer strong,.fs-bonus-card--seo .fs-bonus-card__offer strong{font-size:1.02rem!important;line-height:1.16!important;}
.fs-bonus-card--compact .fs-bonus-card__facts,.fs-bonus-card--live .fs-bonus-card__facts,.fs-bonus-card--discord .fs-bonus-card__facts,.fs-bonus-card--chest .fs-bonus-card__facts,.fs-bonus-card--seo .fs-bonus-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fs-bonus-card--compact .fs-bonus-card__facts div:nth-child(n+5),.fs-bonus-card--live .fs-bonus-card__facts div:nth-child(n+5),.fs-bonus-card--discord .fs-bonus-card__facts div:nth-child(n+5),.fs-bonus-card--chest .fs-bonus-card__facts div:nth-child(n+5),.fs-bonus-card--seo .fs-bonus-card__facts div:nth-child(n+5){display:none!important;}
.fs-bonus-card--compact .fs-bonus-card__actions,.fs-bonus-card--live .fs-bonus-card__actions,.fs-bonus-card--discord .fs-bonus-card__actions,.fs-bonus-card--chest .fs-bonus-card__actions,.fs-bonus-card--seo .fs-bonus-card__actions{grid-template-columns:1fr!important;}
.fs-bonus-card--compact .fs-bonus-card__secondary,.fs-bonus-card--live .fs-bonus-card__secondary,.fs-bonus-card--discord .fs-bonus-card__secondary,.fs-bonus-card--chest .fs-bonus-card__secondary,.fs-bonus-card--seo .fs-bonus-card__secondary{display:none!important;}
.fs-bonus-card--live{--card-accent:var(--fs-v6-pink)!important;}
.fs-bonus-card--discord{--card-accent:#5865f2!important;}
.fs-bonus-card--chest{--card-accent:var(--fs-v6-gold)!important;}
.fs-bonus-card--footer{padding:12px!important;border-radius:18px!important;gap:8px!important;box-shadow:none!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.026))!important;}
.fs-bonus-card--footer .fs-bonus-card__head{grid-template-columns:1fr!important;gap:7px!important;}
.fs-bonus-card--footer .fs-bonus-card__brand{gap:9px!important;}
.fs-bonus-card--footer .fs-bonus-card__logo{width:42px!important;height:42px!important;border-radius:13px!important;}
.fs-bonus-card--footer .fs-bonus-card__identity span,.fs-bonus-card--footer .fs-bonus-card__badges,.fs-bonus-card--footer .fs-bonus-card__facts{display:none!important;}
.fs-bonus-card--footer .fs-bonus-card__identity h3{font-size:.95rem!important;}
.fs-bonus-card--footer .fs-bonus-card__offer{padding:9px!important;border-radius:13px!important;}
.fs-bonus-card--footer .fs-bonus-card__offer span{display:none!important;}
.fs-bonus-card--footer .fs-bonus-card__offer strong{font-size:.84rem!important;line-height:1.2!important;}
.fs-bonus-card--footer .fs-bonus-card__actions{grid-template-columns:1fr!important;}
.fs-bonus-card--footer .fs-bonus-card__actions .btn{min-height:34px!important;padding:8px 10px!important;font-size:.76rem!important;}
.fs-bonus-card--footer .fs-bonus-card__legal{justify-content:center!important;font-size:.68rem!important;}

/* Bonus comparatif et états */
.is-filtered-out{display:none!important;}
.bonus-empty-state{padding:30px!important;text-align:center!important;border-radius:30px!important;}
.bonus-compare-table-v4,.bonus-home-compare-cta,.bonus-chest-rules-v4{border-radius:30px!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(20,23,52,.88),rgba(10,12,30,.72))!important;box-shadow:0 18px 56px rgba(0,0,0,.24)!important;}
.bonus-compare-table-v4{margin-top:clamp(22px,3vw,36px)!important;padding:clamp(18px,2vw,24px)!important;overflow:hidden!important;}
.bonus-compare-table-v4__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:16px!important;}
.table-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;}
.bonus-comparison-table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:0 8px!important;}
.bonus-comparison-table th{padding:0 12px 6px!important;color:var(--fs-v6-muted-2)!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.bonus-comparison-table td{padding:12px!important;background:rgba(255,255,255,.048)!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:var(--fs-v6-muted)!important;}
.bonus-comparison-table td:first-child{border-left:1px solid rgba(255,255,255,.08)!important;border-radius:15px 0 0 15px!important;color:#fff!important;}
.bonus-comparison-table td:last-child{border-right:1px solid rgba(255,255,255,.08)!important;border-radius:0 15px 15px 0!important;}

/* Live, coffres, Discord : sections moins lourdes */
.live-bonus-strip-v4 .section-text,.discord-bonus-v4 .section-text,.chest-bonus-partners-v4 .section-text{max-width:720px!important;}
.bonus-strip-note,.responsible-note{margin-top:14px!important;color:var(--fs-v6-muted-2)!important;font-size:.86rem!important;text-align:center!important;}
.chest-step-card,.discord-feature-card,.feature-card{border-radius:24px!important;padding:clamp(18px,2vw,24px)!important;}

/* Admin bonus/logo plus lisible */
.admin-shell,.admin-main,.admin-content{max-width:100%!important;overflow-x:hidden!important;}
.admin-card,.admin-form-card,.bonus-admin-card{border-radius:24px!important;}
.admin-table-wrap,.table-scroll,.responsive-table{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.admin-main input,.admin-main select,.admin-main textarea{max-width:100%!important;}
.logo-preview,.casino-logo-preview,.admin-logo-preview{overflow:hidden!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;}
.logo-preview img,.casino-logo-preview img,.admin-logo-preview img{object-fit:contain!important;max-width:100%!important;max-height:100%!important;}

@media (min-width:1280px){
  .bonus-grid,.casino-grid.bonus-grid,[data-bonus-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:1180px){
  .nav.nav-2026{position:fixed!important;inset:76px 16px auto 16px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;border-radius:24px!important;background:rgba(7,9,26,.97)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;}
  .nav.nav-2026.is-open{display:flex!important;}
  .nav.nav-2026 > a,.nav-dropdown-toggle{width:100%!important;justify-content:flex-start!important;}
  .header-actions{margin-left:auto!important;}
  .toolbar-fields.bonus-advanced-fields,.toolbar-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .bonus-home-layout-v4{grid-template-columns:1fr!important;}
  .bonus-live-grid-v4,.bonus-discord-grid-v4,.bonus-chest-grid-v4,.cards-grid:has(.fs-bonus-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .fs-bonus-card__head{grid-template-columns:1fr!important;}
  .fs-bonus-card__badges{justify-content:flex-start!important;max-width:none!important;}
}
@media (max-width:860px){
  .container,.fs-container{width:min(100% - 24px,1180px)!important;}
  .header-inner,.navbar-inner{height:68px!important;min-height:68px!important;}
  .brand-mark.site-logo-mark{width:44px!important;height:44px!important;flex-basis:44px!important;}
  .nav.nav-2026{inset:68px 12px auto 12px!important;}
  .page-hero,.fs-page-hero,.home-hero{padding-top:22px!important;padding-bottom:42px!important;}
  .inline-header,.section-header.inline-header{display:grid!important;align-items:start!important;}
  .bonus-grid,.casino-grid.bonus-grid,[data-bonus-grid],.bonus-live-grid-v4,.bonus-discord-grid-v4,.bonus-chest-grid-v4,.cards-grid:has(.fs-bonus-card){grid-template-columns:1fr!important;}
  .toolbar-fields.bonus-advanced-fields,.toolbar-fields{grid-template-columns:1fr 1fr!important;}
  .bonus-toolbar-footer{align-items:flex-start!important;flex-direction:column!important;}
  .fs-bonus-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .fs-bonus-card__actions{grid-template-columns:1fr!important;}
  .fs-bonus-card__secondary{min-height:42px!important;}
}
@media (max-width:560px){
  .container,.fs-container{width:min(100% - 20px,1180px)!important;}
  .brand-text small{display:none!important;}
  .section,.fs-section{padding-block:34px!important;}
  .filters[data-filter-group],.bonus-toggle-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .filters .chip,.bonus-toggle-filters label{width:100%!important;justify-content:center!important;text-align:center!important;min-height:38px!important;padding-inline:9px!important;font-size:.74rem!important;}
  .toolbar-fields.bonus-advanced-fields,.toolbar-fields{grid-template-columns:1fr!important;}
  .fs-bonus-card{padding:15px!important;border-radius:22px!important;gap:12px!important;}
  .fs-bonus-card__brand{gap:10px!important;}
  .fs-bonus-card__logo{width:58px!important;height:58px!important;border-radius:17px!important;}
  .fs-bonus-card__identity span{font-size:.65rem!important;}
  .fs-bonus-card__identity h3{font-size:1.1rem!important;}
  .fs-bonus-card__offer{padding:12px!important;border-radius:17px!important;}
  .fs-bonus-card__offer strong{font-size:1.03rem!important;}
  .fs-bonus-card__facts{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .fs-bonus-card__facts div{padding:10px!important;}
  .fs-bonus-card__notice span{width:100%!important;justify-content:center!important;}
  .fs-bonus-card--top .fs-bonus-card__logo{width:66px!important;height:66px!important;}
  .fs-bonus-card--top .fs-bonus-card__offer strong{font-size:1.22rem!important;}
  .bonus-compare-table-v4__head{align-items:flex-start!important;flex-direction:column!important;}
}
@media (prefers-reduced-motion:reduce){
  .fs-bonus-card,.fs-bonus-card__shine,.filters .chip,.btn{transition:none!important;}
  .fs-bonus-card:hover,.filters .chip:hover,.btn:hover{transform:none!important;}
  .fs-bonus-card:hover .fs-bonus-card__shine{opacity:0!important;}
}


/* =========================================================
   FamillySlot Juin 2026 — V7 Bonus polish ciblé
   Correction demandée : page Bonus filtres, accueil bonus,
   hero live card et bonus rapides footer en marquee fluide.
   ========================================================= */
:root{
  --fs-v7-ink:#f8fbff;
  --fs-v7-muted:rgba(232,238,255,.76);
  --fs-v7-soft:rgba(232,238,255,.58);
  --fs-v7-blue:#35dcff;
  --fs-v7-pink:#ff46cd;
  --fs-v7-violet:#8b5cff;
  --fs-v7-gold:#ffd36e;
  --fs-v7-green:#52f3bd;
  --fs-v7-card:rgba(13,16,38,.88);
  --fs-v7-card-2:rgba(23,18,52,.72);
  --fs-v7-line:rgba(255,255,255,.125);
  --fs-v7-shadow:0 26px 80px rgba(0,0,0,.36);
}

/* Page Bonus : bloc “Affiner les offres” replacé et rendu plus utile */
.bonus-filter-section{
  padding-top:clamp(12px,1.4vw,22px)!important;
  margin-top:clamp(-18px,-1.3vw,-8px)!important;
  position:relative!important;
  z-index:4!important;
}
.bonus-toolbar.bonus-toolbar-modern{
  max-width:1180px!important;
  margin-inline:auto!important;
  padding:clamp(16px,2vw,24px)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 10% 0,rgba(53,220,255,.18),transparent 34%),
    radial-gradient(circle at 92% 0,rgba(255,70,205,.15),transparent 32%),
    linear-gradient(145deg,rgba(15,18,46,.96),rgba(7,9,28,.92))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.38),0 0 0 1px rgba(53,220,255,.045)!important;
}
.bonus-filter-hero-v7{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(14px,2vw,24px)!important;
  align-items:center!important;
  max-width:none!important;
  padding:0 0 clamp(14px,1.4vw,18px)!important;
  border-bottom:1px solid rgba(255,255,255,.095)!important;
}
.bonus-filter-title-v7{display:grid!important;gap:7px!important;min-width:0!important;}
.bonus-filter-title-v7 h2{
  margin:0!important;
  font-size:clamp(1.42rem,2.4vw,2.15rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  text-wrap:balance!important;
}
.bonus-filter-title-v7 p{margin:0!important;max-width:760px!important;color:var(--fs-v7-muted)!important;line-height:1.5!important;}
.bonus-filter-summary-v7{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(72px,1fr))!important;
  gap:8px!important;
  min-width:min(340px,100%)!important;
}
.bonus-filter-summary-v7 span{
  display:grid!important;
  gap:2px!important;
  padding:11px 12px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  text-align:center!important;
}
.bonus-filter-summary-v7 strong{font-size:1.2rem!important;color:#fff!important;line-height:1!important;}
.bonus-filter-summary-v7 small{text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.64rem!important;color:var(--fs-v7-soft)!important;font-weight:900!important;}
.bonus-toolbar .filters[data-filter-group]{margin:clamp(13px,1.5vw,18px) 0!important;}
.bonus-toolbar .chip{border-radius:999px!important;}
.bonus-toolbar .toolbar-fields.bonus-advanced-fields{
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(3,5,17,.38)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.bonus-toggle-filters{margin-top:10px!important;}
.bonus-toolbar-footer{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

/* Accueil : refonte complète “Les meilleurs bonus à comparer rapidement” */
.home-bonus-section.home-bonus-v7{
  padding-block:clamp(42px,5vw,74px)!important;
  position:relative!important;
  overflow:hidden!important;
}
.home-bonus-section.home-bonus-v7::before{
  content:""!important;
  position:absolute!important;
  inset:18px max(14px,calc((100vw - 1220px)/2))!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(53,220,255,.13),transparent 34%),
    radial-gradient(circle at 84% 2%,rgba(255,70,205,.13),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))!important;
  border:1px solid rgba(255,255,255,.055)!important;
  pointer-events:none!important;
}
.home-bonus-v7__shell{position:relative!important;z-index:1!important;}
.home-bonus-v7__header{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:clamp(20px,2.6vw,32px)!important;
}
.home-bonus-v7__header h2{
  margin:.2rem 0 .55rem!important;
  font-size:clamp(1.8rem,3.5vw,3.25rem)!important;
  line-height:.96!important;
  letter-spacing:-.075em!important;
  max-width:800px!important;
  text-wrap:balance!important;
}
.home-bonus-v7__header p{margin:0!important;max-width:760px!important;color:var(--fs-v7-muted)!important;line-height:1.6!important;}
.home-bonus-v7__layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(310px,.72fr) minmax(260px,.48fr)!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
}
.home-bonus-v7__featured,.home-bonus-v7__rail,.home-bonus-v7__trust{min-width:0!important;}
.home-bonus-v7__featured{position:relative!important;}
.home-bonus-v7__rank{
  position:absolute!important;
  z-index:4!important;
  top:16px!important;
  right:16px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  color:#1d1400!important;
  background:linear-gradient(135deg,var(--fs-v7-gold),#fff1bd)!important;
  box-shadow:0 12px 30px rgba(255,211,110,.18)!important;
  font-size:.72rem!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.home-bonus-v7__rail{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.22)!important;
}
.home-bonus-v7__rail-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:3px 2px 8px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.home-bonus-v7__rail-head strong{color:#fff!important;font-size:1rem!important;}
.home-bonus-v7__rail-head span{color:var(--fs-v7-soft)!important;font-size:.78rem!important;font-weight:800!important;}
.home-bonus-v7__mini{position:relative!important;border-radius:24px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.home-bonus-v7__mini-rank{
  position:absolute!important;
  z-index:3!important;
  top:10px!important;
  right:10px!important;
  min-width:34px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(53,220,255,.14)!important;
  border:1px solid rgba(53,220,255,.24)!important;
  color:#bff7ff!important;
  font-size:.72rem!important;
  font-weight:1000!important;
}
.home-bonus-v7__mini .fs-bonus-card{min-height:auto!important;}
.home-bonus-v7__trust{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:clamp(18px,2vw,24px)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 20% 0,rgba(82,243,189,.13),transparent 34%),
    linear-gradient(145deg,rgba(15,18,44,.92),rgba(9,12,31,.80))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.24)!important;
}
.home-bonus-v7__trust h3{margin:0!important;font-size:clamp(1.25rem,1.8vw,1.7rem)!important;letter-spacing:-.045em!important;}
.home-bonus-v7__trust ul{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important;color:var(--fs-v7-muted)!important;}
.home-bonus-v7__trust li{display:flex!important;align-items:center!important;gap:9px!important;padding:10px!important;border-radius:16px!important;background:rgba(255,255,255,.052)!important;border:1px solid rgba(255,255,255,.08)!important;font-weight:800!important;font-size:.9rem!important;}
.home-bonus-v7__trust .btn{margin-top:auto!important;}

/* Card Live du hero accueil : rendu 2026 plus premium */
.hero-live-card.hero-live-card-v7{
  position:relative!important;
  min-height:440px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 20% 0,rgba(255,70,205,.22),transparent 34%),
    radial-gradient(circle at 84% 16%,rgba(53,220,255,.20),transparent 30%),
    linear-gradient(145deg,rgba(16,18,44,.98),rgba(6,8,24,.94))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
}
.hero-live-card-v7__glow{position:absolute!important;inset:-30%!important;background:conic-gradient(from 120deg,transparent,rgba(53,220,255,.18),transparent,rgba(255,70,205,.18),transparent)!important;filter:blur(24px)!important;opacity:.38!important;animation:heroLiveGlowV7 12s linear infinite!important;pointer-events:none!important;}
.hero-live-card-v7__top{position:relative!important;z-index:2!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:18px 18px 0!important;gap:10px!important;}
.hero-live-card-v7__tag{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:8px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:.78rem!important;font-weight:950!important;}
.hero-live-card-v7__screen{position:relative!important;z-index:1!important;margin:16px 18px 0!important;min-height:160px!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.105)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;overflow:hidden!important;}
.hero-live-card-v7__screen::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent)!important;transform:translateX(-100%)!important;animation:heroLiveScanV7 5.5s linear infinite!important;}
.hero-live-card-v7__pulse{width:88px!important;height:88px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(255,70,205,.42),rgba(53,220,255,.12) 58%,transparent 70%)!important;box-shadow:0 0 50px rgba(255,70,205,.18)!important;position:absolute!important;}
.hero-live-card-v7__pulse.is-live{animation:heroPulseV7 1.7s ease-in-out infinite!important;}
.hero-play-button-v7{position:relative!important;z-index:2!important;width:72px!important;height:72px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--fs-v7-blue),var(--fs-v7-pink))!important;color:#07101f!important;box-shadow:0 18px 48px rgba(255,70,205,.24),0 18px 48px rgba(53,220,255,.20)!important;}
.hero-live-card-v7__content{position:relative!important;z-index:2!important;padding:18px!important;display:grid!important;gap:12px!important;}
.hero-live-card-v7__eyebrow{color:var(--fs-v7-blue)!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:.72rem!important;font-weight:950!important;}
.hero-live-card-v7__content h3{margin:0!important;font-size:clamp(1.35rem,2vw,1.9rem)!important;line-height:1!important;letter-spacing:-.055em!important;}
.hero-live-card-v7__content p{margin:0!important;color:var(--fs-v7-muted)!important;line-height:1.48!important;}
.hero-live-card-v7__stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.hero-live-card-v7__stats span{padding:10px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;display:grid!important;gap:2px!important;text-align:center!important;}
.hero-live-card-v7__stats b{color:#fff!important;line-height:1!important;font-size:1.05rem!important;}
.hero-live-card-v7__stats small{font-size:.66rem!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--fs-v7-soft)!important;font-weight:900!important;}
.hero-live-card-v7__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.hero-live-card-v7__actions .btn{width:100%!important;justify-content:center!important;}
@keyframes heroLiveGlowV7{to{transform:rotate(1turn)}}
@keyframes heroLiveScanV7{0%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}
@keyframes heroPulseV7{0%,100%{transform:scale(.96);opacity:.86}50%{transform:scale(1.08);opacity:1}}

/* Footer : bonus rapides en lecture logo + offre, défilement fluide sans latence */
.footer-bonus-quick-v7{grid-column:1/-1!important;min-width:0!important;margin-top:clamp(8px,1vw,12px)!important;padding:18px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important;}
.footer-bonus-quick-v7__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:13px!important;}
.footer-bonus-quick-v7__head h3{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:1.05rem!important;color:#fff!important;}
.footer-bonus-quick-v7__head a{color:#bff7ff!important;font-weight:950!important;text-decoration:none!important;}
.footer-bonus-marquee-v7{position:relative!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;}
.footer-bonus-marquee-v7__track{display:flex!important;align-items:center!important;gap:10px!important;width:max-content!important;animation:bonusQuickMarqueeV7 32s linear infinite!important;will-change:transform!important;}
.footer-quick-bonus-card-v7{flex:0 0 auto!important;width:min(330px,78vw)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:18px!important;background:rgba(3,6,20,.55)!important;border:1px solid rgba(255,255,255,.105)!important;text-decoration:none!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important;}
.footer-quick-bonus-card-v7__logo{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;overflow:hidden!important;position:relative!important;background:linear-gradient(135deg,rgba(53,220,255,.13),rgba(255,70,205,.13))!important;border:1px solid rgba(255,255,255,.12)!important;}
.footer-quick-bonus-card-v7__logo::after{content:attr(data-logo-initials)!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-weight:1000!important;color:rgba(255,255,255,.64)!important;z-index:0!important;}
.footer-quick-bonus-card-v7__logo img{position:relative!important;z-index:1!important;max-width:82%!important;max-height:82%!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.24))!important;}
.footer-quick-bonus-card-v7__logo.has-logo-error img{display:none!important;}
.footer-quick-bonus-card-v7__copy{min-width:0!important;display:grid!important;gap:3px!important;}
.footer-quick-bonus-card-v7__copy strong{font-size:.92rem!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.footer-quick-bonus-card-v7__copy small{font-size:.78rem!important;line-height:1.2!important;color:var(--fs-v7-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.footer-quick-bonus-card-v7__arrow{width:28px!important;height:28px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(53,220,255,.18),rgba(255,70,205,.14))!important;color:#fff!important;font-weight:1000!important;}
.footer-bonus-quick-v7__note{margin:12px 0 0!important;color:var(--fs-v7-soft)!important;font-size:.82rem!important;text-align:center!important;}
@keyframes bonusQuickMarqueeV7{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Bonus card polish V7 : moins lourd, plus propre */
.home-bonus-v7 .fs-bonus-card,
.bonus-grid .fs-bonus-card,
.live-bonus-strip-v4 .fs-bonus-card,
.chest-bonus-partners-v4 .fs-bonus-card,
.discord-bonus-v4 .fs-bonus-card{
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(15,18,43,.96),rgba(8,11,29,.91))!important;
}
.home-bonus-v7 .fs-bonus-card__badges .fs-badge:nth-child(n+4),
.fs-bonus-card--compact .fs-bonus-card__badges .fs-badge:nth-child(n+3),
.fs-bonus-card--live .fs-bonus-card__badges .fs-badge:nth-child(n+3),
.fs-bonus-card--discord .fs-bonus-card__badges .fs-badge:nth-child(n+3),
.fs-bonus-card--chest .fs-bonus-card__badges .fs-badge:nth-child(n+3),
.fs-bonus-card--seo .fs-bonus-card__badges .fs-badge:nth-child(n+3){display:none!important;}
.home-bonus-v7__rail .fs-bonus-card__notice,
.home-bonus-v7__rail .fs-bonus-card__legal{display:none!important;}
.home-bonus-v7__rail .fs-bonus-card__offer strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.home-bonus-v7__rail .fs-bonus-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.home-bonus-v7__rail .fs-bonus-card__facts div:nth-child(n+3){display:none!important;}
.home-bonus-v7 .fs-bonus-card--top .fs-bonus-card__description{font-size:1rem!important;}

@media (max-width:1180px){
  .home-bonus-v7__layout{grid-template-columns:1fr!important;}
  .home-bonus-v7__rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .home-bonus-v7__rail-head{grid-column:1/-1!important;}
  .hero-live-card.hero-live-card-v7{min-height:0!important;}
}
@media (max-width:860px){
  .bonus-filter-section{margin-top:0!important;padding-top:14px!important;}
  .bonus-filter-hero-v7{grid-template-columns:1fr!important;}
  .bonus-filter-summary-v7{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;width:100%!important;}
  .home-bonus-v7__header{display:grid!important;align-items:start!important;}
  .home-bonus-v7__header .btn{width:100%!important;justify-content:center!important;}
  .home-bonus-v7__rail{grid-template-columns:1fr!important;}
  .hero-live-card-v7__stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:560px){
  .bonus-toolbar.bonus-toolbar-modern{border-radius:22px!important;padding:14px!important;}
  .bonus-filter-title-v7 h2{font-size:1.38rem!important;letter-spacing:-.045em!important;}
  .bonus-filter-summary-v7 span{padding:9px 8px!important;border-radius:14px!important;}
  .home-bonus-section.home-bonus-v7{padding-block:34px!important;}
  .home-bonus-v7__header h2{font-size:1.8rem!important;}
  .home-bonus-v7__rail,.home-bonus-v7__trust{border-radius:24px!important;padding:12px!important;}
  .hero-live-card.hero-live-card-v7{border-radius:26px!important;}
  .hero-live-card-v7__screen{margin:12px!important;min-height:132px!important;border-radius:22px!important;}
  .hero-live-card-v7__content{padding:14px!important;}
  .hero-live-card-v7__actions{grid-template-columns:1fr!important;}
  .footer-bonus-quick-v7{padding:14px!important;border-radius:22px!important;}
  .footer-quick-bonus-card-v7{width:278px!important;}
  .footer-bonus-marquee-v7__track{animation-duration:26s!important;}
}
@media (prefers-reduced-motion:reduce){
  .hero-live-card-v7__glow,.hero-live-card-v7__screen::before,.footer-bonus-marquee-v7__track{animation:none!important;}
}

/* =========================================================
   FamillySlot Juin 2026 — V8 CSS global premium final
   Objectif : cohérence totale pages publiques, fonds plus riches,
   couleurs autour des cards, responsive propre, zéro overflow.
   Chargé en dernier dans famillyslot-june-2026.css.
   ========================================================= */
:root{
  --fs-v8-bg-0:#040513;
  --fs-v8-bg-1:#07091d;
  --fs-v8-bg-2:#100b2d;
  --fs-v8-cyan:#35dcff;
  --fs-v8-blue:#4a7dff;
  --fs-v8-pink:#ff45cf;
  --fs-v8-violet:#8b5cff;
  --fs-v8-gold:#ffd56f;
  --fs-v8-green:#52f3bd;
  --fs-v8-red:#ff5d85;
  --fs-v8-text:#f8fbff;
  --fs-v8-muted:rgba(236,242,255,.74);
  --fs-v8-soft:rgba(236,242,255,.56);
  --fs-v8-line:rgba(255,255,255,.125);
  --fs-v8-line-strong:rgba(255,255,255,.20);
  --fs-v8-card-a:rgba(16,19,48,.88);
  --fs-v8-card-b:rgba(10,12,33,.78);
  --fs-v8-card-c:rgba(22,14,54,.72);
  --fs-v8-glow-cyan:rgba(53,220,255,.20);
  --fs-v8-glow-pink:rgba(255,69,207,.18);
  --fs-v8-glow-violet:rgba(139,92,255,.18);
  --fs-v8-shadow:0 24px 70px rgba(0,0,0,.34);
  --fs-v8-shadow-soft:0 18px 48px rgba(0,0,0,.25);
  --fs-v8-radius-xl:34px;
  --fs-v8-radius-lg:28px;
  --fs-v8-radius-md:22px;
  --fs-v8-ease:cubic-bezier(.22,1,.36,1);
}

html{background:var(--fs-v8-bg-0)!important;}
body.site-shell{
  color:var(--fs-v8-text)!important;
  background:
    radial-gradient(circle at 16% -8%,rgba(53,220,255,.18),transparent 30vw),
    radial-gradient(circle at 88% 4%,rgba(255,69,207,.16),transparent 31vw),
    radial-gradient(circle at 50% 54%,rgba(139,92,255,.10),transparent 42vw),
    linear-gradient(180deg,var(--fs-v8-bg-0) 0%,var(--fs-v8-bg-1) 46%,#050615 100%)!important;
  isolation:isolate!important;
}
.site-background{
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(53,220,255,.095),transparent 28%),
    radial-gradient(circle at 92% 14%,rgba(255,69,207,.085),transparent 30%),
    radial-gradient(circle at 55% 78%,rgba(139,92,255,.075),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important;
}
.bg-gradient-orb{filter:blur(2px)!important;opacity:.9!important;}
.orb-one{background:radial-gradient(circle,rgba(53,220,255,.20),transparent 64%)!important;}
.orb-two{background:radial-gradient(circle,rgba(255,69,207,.18),transparent 65%)!important;}
.orb-three{background:radial-gradient(circle,rgba(139,92,255,.16),transparent 68%)!important;}
.bg-grid,.energy-grid{
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:58px 58px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 82%)!important;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 82%)!important;
}
.bg-noise{opacity:.22!important;mix-blend-mode:soft-light!important;}
.page-glow{
  position:fixed!important;
  inset:auto -16vw -34vh -16vw!important;
  height:62vh!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at 50% 100%,rgba(53,220,255,.13),rgba(255,69,207,.08) 38%,transparent 72%)!important;
  filter:blur(12px)!important;
}
.main-content,.site-footer,.site-header{position:relative!important;z-index:2!important;}
.main-content{background:linear-gradient(180deg,transparent,rgba(4,5,19,.20) 42%,rgba(4,5,19,.36))!important;}

/* Rythme vertical plus homogène sur toutes les pages */
.page-hero,.home-hero,.fs-page-hero,.legal-page.section,.seo-landing-hero{
  position:relative!important;
  padding-top:clamp(18px,2.2vw,30px)!important;
  padding-bottom:clamp(34px,4.2vw,60px)!important;
}
.section,.fs-section{position:relative!important;}
.section-header,.fs-section-header,.inline-header,.home-bonus-v7__header{
  margin-bottom:clamp(18px,2.5vw,32px)!important;
}
.section-title,.fs-section-title,.page-title,.hero-title{
  color:#fff!important;
  text-shadow:0 18px 52px rgba(0,0,0,.34)!important;
}
.section-text,.fs-section-text,.page-subtitle,.hero-subtitle,.lead{
  color:var(--fs-v8-muted)!important;
}
.section-kicker,.fs-section-kicker,.page-kicker,.eyebrow,.hero-kicker,.bonus-kicker,.discord-kicker{
  color:#dffaff!important;
  border-color:rgba(53,220,255,.24)!important;
  background:linear-gradient(135deg,rgba(53,220,255,.12),rgba(255,69,207,.08))!important;
  box-shadow:0 10px 30px rgba(53,220,255,.07)!important;
}

/* Fond premium derrière les grands blocs */
.home-hero-shell,.page-hero-grid,.live-hero__grid,.legal-layout,.seo-landing-hero .page-hero-grid{
  position:relative!important;
}
.home-hero-shell::before,.page-hero-grid::before,.live-hero__grid::before,.legal-layout::before,.seo-landing-hero .page-hero-grid::before{
  content:""!important;
  position:absolute!important;
  inset:clamp(-10px,-1vw,-4px)!important;
  border-radius:clamp(30px,4vw,48px)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(53,220,255,.10),transparent 34%),
    radial-gradient(circle at 88% 0,rgba(255,69,207,.08),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005))!important;
  border:1px solid rgba(255,255,255,.045)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Cards : plus de couleur autour, mais lisible et cohérent */
.fs-card,.premium-card,.glass-card,.feature-card,.direct-card,.hero-mini-card,.live-panel,.chest-card,.vault-card,.cta-panel,.responsible-card,.responsible-notice,.page-hero-panel,.legal-content,.legal-callout,.seo-trust-card,.not-found-card,.bonus-toolbar.bonus-toolbar-modern,.bonus-compare-table-v4,.footer-bonus-quick-v7{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg,rgba(53,220,255,.26),rgba(255,69,207,.22),rgba(139,92,255,.20)) border-box!important;
  box-shadow:var(--fs-v8-shadow-soft), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.fs-card::before,.premium-card::before,.glass-card::before,.feature-card::before,.direct-card::before,.hero-mini-card::before,.live-panel::before,.chest-card::before,.vault-card::before,.cta-panel::before,.responsible-card::before,.responsible-notice::before,.page-hero-panel::before,.legal-content::before,.legal-callout::before,.seo-trust-card::before,.not-found-card::before,.bonus-toolbar.bonus-toolbar-modern::before,.bonus-compare-table-v4::before,.footer-bonus-quick-v7::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    radial-gradient(circle at 10% 0,rgba(53,220,255,.105),transparent 35%),
    radial-gradient(circle at 95% 8%,rgba(255,69,207,.095),transparent 36%),
    radial-gradient(circle at 50% 100%,rgba(139,92,255,.06),transparent 44%)!important;
  opacity:.96!important;
  pointer-events:none!important;
}
.fs-card::after,.premium-card::after,.glass-card::after,.feature-card::after,.direct-card::after,.hero-mini-card::after,.live-panel::after,.chest-card::after,.vault-card::after,.cta-panel::after,.page-hero-panel::after{
  content:""!important;
  position:absolute!important;
  inset:auto 16px 0 16px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(53,220,255,.46),rgba(255,69,207,.32),transparent)!important;
  opacity:.72!important;
  pointer-events:none!important;
}
.fs-card:hover,.premium-card:hover,.glass-card:hover,.feature-card:hover,.direct-card:hover,.hero-mini-card:hover,.chest-card:hover,.vault-card:hover{
  border-color:rgba(255,255,255,.19)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.33),0 0 34px rgba(53,220,255,.075),0 0 42px rgba(255,69,207,.055)!important;
}

/* Variations colorées selon type de card */
.direct-card:nth-child(4n+1),.feature-card:nth-child(4n+1),.chest-step-card:nth-child(4n+1){--fs-card-accent:var(--fs-v8-cyan);}
.direct-card:nth-child(4n+2),.feature-card:nth-child(4n+2),.chest-step-card:nth-child(4n+2){--fs-card-accent:var(--fs-v8-pink);}
.direct-card:nth-child(4n+3),.feature-card:nth-child(4n+3),.chest-step-card:nth-child(4n+3){--fs-card-accent:var(--fs-v8-violet);}
.direct-card:nth-child(4n+4),.feature-card:nth-child(4n+4),.chest-step-card:nth-child(4n+4){--fs-card-accent:var(--fs-v8-green);}
.card-icon,.mini-icon-wrap,.fs-icon-wrap,.responsible-card__icon{
  background:linear-gradient(135deg,rgba(53,220,255,.18),rgba(255,69,207,.13))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 32px rgba(53,220,255,.10)!important;
}

/* Bonus V8 : cards plus nettes, colorées, moins tassées */
.fs-bonus-card{
  --bonus-card-edge:rgba(53,220,255,.22);
  --bonus-card-edge-2:rgba(255,69,207,.18);
  min-width:0!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    linear-gradient(145deg,rgba(16,20,50,.96),rgba(8,10,31,.92)) padding-box,
    linear-gradient(135deg,var(--bonus-card-edge),var(--bonus-card-edge-2),rgba(139,92,255,.18)) border-box!important;
  box-shadow:0 22px 64px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.025) inset!important;
  padding:clamp(16px,1.75vw,22px)!important;
  gap:clamp(12px,1.35vw,17px)!important;
}
.fs-bonus-card.is-verified{--bonus-card-edge:rgba(82,243,189,.34);--bonus-card-edge-2:rgba(53,220,255,.22);}
.fs-bonus-card.is-check{--bonus-card-edge:rgba(255,213,111,.30);--bonus-card-edge-2:rgba(255,69,207,.18);}
.fs-bonus-card.is-expired,.fs-bonus-card.is-paused{--bonus-card-edge:rgba(255,93,133,.28);--bonus-card-edge-2:rgba(139,92,255,.16);}
.fs-bonus-card::before{
  background:
    radial-gradient(circle at 12% 0,rgba(53,220,255,.13),transparent 36%),
    radial-gradient(circle at 92% 5%,rgba(255,69,207,.10),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 48%)!important;
}
.fs-bonus-card__shine{
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.10) 45%,transparent 62%)!important;
  opacity:.55!important;
}
.fs-bonus-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.42),0 0 34px rgba(53,220,255,.10),0 0 46px rgba(255,69,207,.08)!important;
}
.fs-bonus-card__head{align-items:flex-start!important;gap:12px!important;}
.fs-bonus-card__brand{min-width:0!important;gap:12px!important;}
.fs-bonus-card__logo{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 35% 8%,rgba(255,255,255,.20),transparent 38%),
    linear-gradient(145deg,rgba(53,220,255,.14),rgba(255,69,207,.105))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 38px rgba(0,0,0,.30)!important;
}
.fs-bonus-card__logo img{
  max-width:78%!important;
  max-height:78%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 9px 14px rgba(0,0,0,.30))!important;
}
.fs-bonus-card__identity span{
  color:var(--fs-v8-soft)!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  font-weight:950!important;
}
.fs-bonus-card__identity h3{
  color:#fff!important;
  letter-spacing:-.045em!important;
}
.fs-bonus-card__badges{gap:7px!important;justify-content:flex-end!important;}
.fs-badge,.badge,.page-badges span,.hero-badges span,.fs-badges span{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.075)!important;
  color:#f7fbff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.fs-badge--gold{background:linear-gradient(135deg,rgba(255,213,111,.24),rgba(255,255,255,.08))!important;border-color:rgba(255,213,111,.34)!important;color:#fff3c1!important;}
.fs-badge--green{background:linear-gradient(135deg,rgba(82,243,189,.18),rgba(255,255,255,.06))!important;border-color:rgba(82,243,189,.32)!important;color:#c8ffe9!important;}
.fs-badge--blue{background:linear-gradient(135deg,rgba(53,220,255,.18),rgba(255,255,255,.06))!important;border-color:rgba(53,220,255,.32)!important;color:#c9f7ff!important;}
.fs-badge--violet{background:linear-gradient(135deg,rgba(139,92,255,.22),rgba(255,255,255,.06))!important;border-color:rgba(139,92,255,.32)!important;color:#e2d8ff!important;}
.fs-badge--pink,.fs-badge--warning{background:linear-gradient(135deg,rgba(255,69,207,.18),rgba(255,213,111,.10))!important;border-color:rgba(255,69,207,.28)!important;color:#ffd9f6!important;}
.fs-bonus-card__offer{
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:
    radial-gradient(circle at 0 0,rgba(53,220,255,.11),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  padding:clamp(13px,1.5vw,17px)!important;
}
.fs-bonus-card__offer span{color:#bff7ff!important;font-weight:950!important;}
.fs-bonus-card__offer strong{
  color:#fff!important;
  font-size:clamp(1.1rem,1.7vw,1.42rem)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}
.fs-bonus-card__description{color:var(--fs-v8-muted)!important;line-height:1.56!important;}
.fs-bonus-card__facts{gap:8px!important;}
.fs-bonus-card__facts div{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.052)!important;
  padding:10px 11px!important;
}
.fs-bonus-card__facts dt{color:var(--fs-v8-soft)!important;font-size:.68rem!important;letter-spacing:.075em!important;}
.fs-bonus-card__facts dd{color:#fff!important;font-weight:950!important;}
.fs-bonus-card__notice{
  gap:7px!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(3,5,18,.32)!important;
}
.fs-bonus-card__notice span{border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.80)!important;}
.fs-bonus-card__actions{gap:9px!important;align-items:center!important;}
.fs-bonus-card__primary{box-shadow:0 14px 34px rgba(53,220,255,.13),0 14px 34px rgba(255,69,207,.10)!important;}
.fs-bonus-card__conditions{
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.04)!important;
  padding:9px 11px!important;
}
.fs-bonus-card__conditions summary{color:#eaf6ff!important;font-weight:950!important;}
.fs-bonus-card__legal{color:var(--fs-v8-soft)!important;}

/* Variantes bonus par page : moins répétitives */
.fs-bonus-card--top{
  min-height:100%!important;
  background:
    radial-gradient(circle at 15% 0,rgba(255,213,111,.13),transparent 34%),
    linear-gradient(145deg,rgba(17,20,50,.98),rgba(8,10,31,.94))!important;
}
.fs-bonus-card--top .fs-bonus-card__logo{width:86px!important;height:86px!important;border-radius:26px!important;}
.fs-bonus-card--top .fs-bonus-card__offer strong{font-size:clamp(1.25rem,2.2vw,1.72rem)!important;}
.fs-bonus-card--compact,.fs-bonus-card--live,.fs-bonus-card--chest,.fs-bonus-card--discord,.fs-bonus-card--seo,.fs-bonus-card--mini,.fs-bonus-card--footer{
  border-radius:24px!important;
  padding:13px!important;
  gap:10px!important;
}
.fs-bonus-card--compact .fs-bonus-card__logo,.fs-bonus-card--live .fs-bonus-card__logo,.fs-bonus-card--chest .fs-bonus-card__logo,.fs-bonus-card--discord .fs-bonus-card__logo,.fs-bonus-card--seo .fs-bonus-card__logo{width:56px!important;height:56px!important;border-radius:17px!important;}
.fs-bonus-card--compact .fs-bonus-card__offer,.fs-bonus-card--live .fs-bonus-card__offer,.fs-bonus-card--chest .fs-bonus-card__offer,.fs-bonus-card--discord .fs-bonus-card__offer,.fs-bonus-card--seo .fs-bonus-card__offer{padding:11px!important;border-radius:18px!important;}
.fs-bonus-card--compact .fs-bonus-card__offer strong,.fs-bonus-card--live .fs-bonus-card__offer strong,.fs-bonus-card--chest .fs-bonus-card__offer strong,.fs-bonus-card--discord .fs-bonus-card__offer strong,.fs-bonus-card--seo .fs-bonus-card__offer strong{font-size:1rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.fs-bonus-card--compact .fs-bonus-card__description,.fs-bonus-card--live .fs-bonus-card__description,.fs-bonus-card--chest .fs-bonus-card__description,.fs-bonus-card--discord .fs-bonus-card__description{display:none!important;}
.fs-bonus-card--compact .fs-bonus-card__facts,.fs-bonus-card--live .fs-bonus-card__facts,.fs-bonus-card--chest .fs-bonus-card__facts,.fs-bonus-card--discord .fs-bonus-card__facts,.fs-bonus-card--seo .fs-bonus-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fs-bonus-card--compact .fs-bonus-card__facts div:nth-child(n+3),.fs-bonus-card--live .fs-bonus-card__facts div:nth-child(n+3),.fs-bonus-card--chest .fs-bonus-card__facts div:nth-child(n+3),.fs-bonus-card--discord .fs-bonus-card__facts div:nth-child(n+3){display:none!important;}
.fs-bonus-card--mini,.fs-bonus-card--footer{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;}
.fs-bonus-card--mini .fs-bonus-card__head,.fs-bonus-card--footer .fs-bonus-card__head{display:contents!important;}
.fs-bonus-card--mini .fs-bonus-card__badges,.fs-bonus-card--mini .fs-bonus-card__description,.fs-bonus-card--mini .fs-bonus-card__facts,.fs-bonus-card--mini .fs-bonus-card__notice,.fs-bonus-card--mini .fs-bonus-card__conditions,.fs-bonus-card--footer .fs-bonus-card__badges,.fs-bonus-card--footer .fs-bonus-card__description,.fs-bonus-card--footer .fs-bonus-card__facts,.fs-bonus-card--footer .fs-bonus-card__notice,.fs-bonus-card--footer .fs-bonus-card__conditions{display:none!important;}

/* Page Accueil : bonus et live card plus premium */
.home-bonus-section.home-bonus-v7::before{
  background:
    radial-gradient(circle at 8% 8%,rgba(53,220,255,.18),transparent 31%),
    radial-gradient(circle at 86% 0,rgba(255,69,207,.16),transparent 32%),
    radial-gradient(circle at 52% 100%,rgba(139,92,255,.10),transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;
  border-color:rgba(255,255,255,.075)!important;
}
.home-bonus-v7__rail,.home-bonus-v7__trust{
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg,rgba(53,220,255,.22),rgba(255,69,207,.17)) border-box!important;
}
.hero-live-card.hero-live-card-v7{
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    radial-gradient(circle at 15% 0,rgba(53,220,255,.20),transparent 36%),
    radial-gradient(circle at 92% 0,rgba(255,69,207,.17),transparent 34%),
    linear-gradient(150deg,rgba(18,22,54,.96),rgba(6,8,26,.94))!important;
  box-shadow:0 28px 88px rgba(0,0,0,.40),0 0 46px rgba(53,220,255,.08)!important;
}
.hero-live-card-v7__screen{background:radial-gradient(circle at 50% 50%,rgba(255,69,207,.24),rgba(53,220,255,.10) 45%,rgba(3,5,18,.92) 100%)!important;}

/* Page Bonus : toolbar et grille plus cohérents */
.bonus-filter-section{padding-bottom:clamp(10px,1.2vw,18px)!important;}
.bonus-toolbar.bonus-toolbar-modern{
  border-radius:32px!important;
  background:
    radial-gradient(circle at 7% 0,rgba(53,220,255,.22),transparent 33%),
    radial-gradient(circle at 96% 2%,rgba(255,69,207,.18),transparent 34%),
    linear-gradient(145deg,rgba(16,20,50,.96),rgba(6,8,27,.94))!important;
}
.bonus-toolbar .field-control input,.bonus-toolbar .field-control select{
  min-height:46px!important;
  border-radius:16px!important;
  background:rgba(4,6,20,.56)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.bonus-toolbar .field-control input:focus,.bonus-toolbar .field-control select:focus{
  border-color:rgba(53,220,255,.52)!important;
  box-shadow:0 0 0 3px rgba(53,220,255,.105)!important;
}
.bonus-grid,[data-bonus-grid]{align-items:stretch!important;}
.bonus-grid .fs-bonus-card{height:100%!important;}
.bonus-empty-state{border-radius:30px!important;text-align:center!important;}
.bonus-compare-table-v4 .table-scroll{border-radius:20px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(3,5,18,.34)!important;}
.bonus-comparison-table th{color:#cdefff!important;background:rgba(53,220,255,.06)!important;}
.bonus-comparison-table td{border-color:rgba(255,255,255,.07)!important;}

/* Live / Coffres / Discord : sections bonus et CTA avec couleurs mieux intégrées */
.live-bonus-strip-v4,.chest-bonus-partners-v4,.discord-bonus-v4{
  position:relative!important;
  overflow:hidden!important;
}
.live-bonus-strip-v4::before,.chest-bonus-partners-v4::before,.discord-bonus-v4::before{
  content:""!important;
  position:absolute!important;
  inset:16px max(12px,calc((100vw - 1220px)/2))!important;
  border-radius:40px!important;
  background:
    radial-gradient(circle at 12% 0,rgba(53,220,255,.11),transparent 36%),
    radial-gradient(circle at 88% 0,rgba(255,69,207,.10),transparent 35%)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  pointer-events:none!important;
}
.live-bonus-grid-v4,.bonus-chest-grid-v4,.bonus-discord-grid-v4{position:relative!important;z-index:1!important;}
.live-center-card,.discord-visual-card,.chest-hero-panel,.bonus-compare-panel{
  background:
    radial-gradient(circle at 15% 0,rgba(53,220,255,.15),transparent 36%),
    radial-gradient(circle at 92% 10%,rgba(255,69,207,.11),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
}

/* Footer : fond et bonus rapides plus qualitatifs */
.site-footer{
  background:
    radial-gradient(circle at 10% 0,rgba(53,220,255,.13),transparent 32%),
    radial-gradient(circle at 90% 0,rgba(255,69,207,.11),transparent 32%),
    linear-gradient(180deg,rgba(7,8,24,.42),rgba(3,4,14,.98))!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.footer-grid > section{
  min-width:0!important;
}
.footer-bonus-marquee-v7__track{animation-duration:28s!important;}
.footer-quick-bonus-card-v7{
  background:
    linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.028)) padding-box,
    linear-gradient(135deg,rgba(53,220,255,.22),rgba(255,69,207,.16)) border-box!important;
  border:1px solid transparent!important;
  transition:transform .18s var(--fs-v8-ease),box-shadow .18s var(--fs-v8-ease)!important;
}
.footer-quick-bonus-card-v7:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 24px rgba(53,220,255,.08)!important;}

/* Pages légales et contenu texte : cohérence premium sans surcharge */
.legal-layout{gap:clamp(16px,2.2vw,28px)!important;}
.legal-nav{border-radius:24px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;}
.legal-nav a{border-radius:14px!important;}
.legal-nav a.is-active,.legal-nav a:hover{background:linear-gradient(135deg,rgba(53,220,255,.14),rgba(255,69,207,.10))!important;color:#fff!important;}
.legal-content h2,.legal-content h3{color:#fff!important;letter-spacing:-.035em!important;}
.legal-content p,.legal-content li{color:var(--fs-v8-muted)!important;line-height:1.68!important;}

/* Cohérence boutons */
.btn,.fs-btn,button.btn,a.btn{
  border-radius:999px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.btn-primary,.fs-btn--primary{
  background:linear-gradient(135deg,var(--fs-v8-cyan),var(--fs-v8-pink))!important;
  color:#06101f!important;
  border:0!important;
  box-shadow:0 16px 42px rgba(53,220,255,.15),0 16px 42px rgba(255,69,207,.12)!important;
}
.btn-secondary,.fs-btn--secondary,.btn-discord{
  background:linear-gradient(135deg,rgba(139,92,255,.22),rgba(53,220,255,.10))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.btn-ghost,.fs-btn--rumble,.fs-btn--rumble-link{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.btn:hover,.fs-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.06)!important;}

/* Responsive global */
@media (max-width:1180px){
  .home-hero-shell::before,.page-hero-grid::before,.live-hero__grid::before,.legal-layout::before{inset:-6px!important;border-radius:34px!important;}
  .fs-bonus-card__head{display:grid!important;grid-template-columns:1fr!important;}
  .fs-bonus-card__badges{justify-content:flex-start!important;}
}
@media (max-width:900px){
  .page-hero,.home-hero,.fs-page-hero{padding-top:18px!important;padding-bottom:38px!important;}
  .section,.fs-section{padding-block:clamp(32px,6vw,50px)!important;}
  .page-card-grid,.grid-3,.grid-4,.grid-5,.direct-grid,.chest-grid,.quest-chest-grid{grid-template-columns:1fr!important;}
  .fs-card,.premium-card,.glass-card,.feature-card,.direct-card,.chest-card,.vault-card,.cta-panel,.page-hero-panel{border-radius:24px!important;}
}
@media (max-width:620px){
  :root{--fs-page-gutter:14px;}
  .container,.fs-container{width:calc(100% - 28px)!important;}
  .section-header,.fs-section-header,.inline-header{gap:10px!important;}
  .page-title,.hero-title{font-size:clamp(2rem,12vw,2.75rem)!important;}
  .section-title,.fs-section-title{font-size:clamp(1.55rem,8vw,2.1rem)!important;}
  .fs-bonus-card{border-radius:22px!important;padding:14px!important;}
  .fs-bonus-card__logo{width:58px!important;height:58px!important;border-radius:18px!important;}
  .fs-bonus-card__brand{align-items:center!important;}
  .fs-bonus-card__offer strong{font-size:1.04rem!important;}
  .fs-bonus-card__facts{grid-template-columns:1fr 1fr!important;}
  .fs-bonus-card__actions{grid-template-columns:1fr!important;}
  .fs-bonus-card__actions .btn{width:100%!important;}
  .bonus-filter-summary-v7{grid-template-columns:1fr!important;}
  .footer-bonus-marquee-v7{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;}
  .footer-quick-bonus-card-v7{width:286px!important;}
}
@media (max-width:390px){
  .container,.fs-container{width:calc(100% - 22px)!important;}
  .fs-bonus-card__facts{grid-template-columns:1fr!important;}
  .hero-live-card-v7__stats{grid-template-columns:1fr!important;}
  .footer-quick-bonus-card-v7{width:268px!important;}
}
@media (prefers-reduced-motion:reduce){
  .fs-card,.premium-card,.glass-card,.feature-card,.direct-card,.chest-card,.vault-card,.fs-bonus-card,.btn,.fs-btn,.footer-quick-bonus-card-v7{transition:none!important;}
  .fs-card:hover,.premium-card:hover,.glass-card:hover,.feature-card:hover,.direct-card:hover,.chest-card:hover,.vault-card:hover,.fs-bonus-card:hover,.btn:hover,.fs-btn:hover,.footer-quick-bonus-card-v7:hover{transform:none!important;}
  .fs-bonus-card__shine,.footer-bonus-marquee-v7__track,.hero-live-card-v7__glow,.hero-live-card-v7__screen::before{animation:none!important;}
}



/* =========================================================
   FamillySlot — V9 corrections ciblées utilisateur
   Background carrés restauré, cards modernisées, Bonus/Accueil/Live/Coffres finalisés.
   ========================================================= */
:root{
  --fs-v9-cyan:#35dcff;
  --fs-v9-blue:#557cff;
  --fs-v9-pink:#ff45cf;
  --fs-v9-violet:#8b5cff;
  --fs-v9-gold:#ffd56f;
  --fs-v9-ink:#040617;
  --fs-v9-panel:rgba(10,13,35,.84);
  --fs-v9-line:rgba(255,255,255,.13);
}

/* Background : carrés visibles + profondeur moderne, sans supprimer les orbs */
.site-background::before,
.energy-grid::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(53,220,255,.095) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,69,207,.075) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px)!important;
  background-size:96px 96px,96px 96px,24px 24px,24px 24px!important;
  background-position:center top!important;
  opacity:.46!important;
  mask-image:radial-gradient(ellipse at 50% 12%,#000 0%,rgba(0,0,0,.86) 42%,transparent 88%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 12%,#000 0%,rgba(0,0,0,.86) 42%,transparent 88%)!important;
}
.site-background::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,rgba(53,220,255,.18),transparent 18%) 8% 11%/112px 112px no-repeat,
    linear-gradient(135deg,rgba(255,69,207,.13),transparent 18%) 88% 18%/138px 138px no-repeat,
    linear-gradient(135deg,rgba(139,92,255,.12),transparent 18%) 62% 72%/126px 126px no-repeat!important;
  opacity:.74!important;
  filter:blur(.1px)!important;
}
.bg-grid,.energy-grid{
  opacity:.34!important;
  background-image:
    linear-gradient(rgba(53,220,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,69,207,.06) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
}
body.site-shell{
  background:
    radial-gradient(circle at 12% -12%,rgba(53,220,255,.20),transparent 28vw),
    radial-gradient(circle at 88% 0,rgba(255,69,207,.18),transparent 30vw),
    radial-gradient(circle at 50% 48%,rgba(139,92,255,.12),transparent 42vw),
    linear-gradient(180deg,#050616 0%,#090b22 48%,#050616 100%)!important;
}

/* Cards : background plus actuel, bordure colorée visible, surface moins plate */
.fs-card,.premium-card,.glass-card,.feature-card,.direct-card,.hero-mini-card,.live-panel,.chest-card,.vault-card,.cta-panel,.responsible-card,.page-hero-panel,.legal-content,.legal-callout,.seo-trust-card,.not-found-card,.bonus-toolbar.bonus-toolbar-modern,.bonus-compare-table-v4{
  background:
    radial-gradient(circle at 12% 0,rgba(53,220,255,.145),transparent 34%) padding-box,
    radial-gradient(circle at 96% 8%,rgba(255,69,207,.12),transparent 35%) padding-box,
    linear-gradient(150deg,rgba(18,22,56,.93),rgba(7,9,30,.88) 58%,rgba(17,10,42,.82)) padding-box,
    linear-gradient(135deg,rgba(53,220,255,.44),rgba(255,69,207,.31),rgba(139,92,255,.38)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 24px 76px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.fs-card::before,.premium-card::before,.glass-card::before,.feature-card::before,.direct-card::before,.hero-mini-card::before,.live-panel::before,.chest-card::before,.vault-card::before,.cta-panel::before,.responsible-card::before,.page-hero-panel::before,.legal-content::before,.legal-callout::before,.seo-trust-card::before,.not-found-card::before,.bonus-toolbar.bonus-toolbar-modern::before,.bonus-compare-table-v4::before{
  background:
    linear-gradient(90deg,rgba(53,220,255,.36),rgba(255,69,207,.26),rgba(139,92,255,.30)) top/100% 2px no-repeat,
    radial-gradient(circle at 16% 0,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 44%)!important;
  opacity:1!important;
}
.fs-card:hover,.premium-card:hover,.glass-card:hover,.feature-card:hover,.direct-card:hover,.hero-mini-card:hover,.chest-card:hover,.vault-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(53,220,255,.12),0 0 42px rgba(255,69,207,.08)!important;
}

/* Accueil : premier bonus sans vide, hiérarchie top bonus plus compacte */
.home-bonus-v7__layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,.74fr)!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
}
.home-bonus-v7__featured{
  display:grid!important;
  min-height:0!important;
}
.home-bonus-v7__featured .fs-bonus-card--top{
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto auto!important;
  align-content:start!important;
  gap:12px!important;
  padding:clamp(18px,2.1vw,26px)!important;
  border-radius:30px!important;
}
.home-bonus-v7__featured .fs-bonus-card__head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
}
.home-bonus-v7__featured .fs-bonus-card__brand{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
}
.home-bonus-v7__featured .fs-bonus-card__badges{
  justify-content:flex-start!important;
  max-width:none!important;
}
.home-bonus-v7__featured .fs-bonus-card__description{
  display:none!important;
}
.home-bonus-v7__featured .fs-bonus-card__facts{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.home-bonus-v7__featured .fs-bonus-card__facts div:nth-child(n+4){display:none!important;}
.home-bonus-v7__featured .fs-bonus-card__notice{
  margin-top:0!important;
}
.home-bonus-v7__featured .fs-bonus-card__conditions{
  display:none!important;
}
.home-bonus-v7__rail{
  align-content:start!important;
  gap:12px!important;
}
.home-bonus-v7__trust{display:grid!important;align-content:start!important;gap:14px!important;}

/* Page Bonus : bloc Affiner mieux placé et moins massif */
.bonus-filter-section{
  padding-top:clamp(10px,1.5vw,20px)!important;
}
.bonus-toolbar-v9{
  padding:clamp(16px,2vw,24px)!important;
  border-radius:30px!important;
  margin-top:0!important;
}
.bonus-filter-hero-v9{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(12px,2vw,22px)!important;
  align-items:center!important;
  margin-bottom:16px!important;
}
.bonus-filter-title-v9 h2{
  margin:4px 0 6px!important;
  font-size:clamp(1.45rem,2.1vw,2.05rem)!important;
  letter-spacing:-.055em!important;
}
.bonus-filter-title-v9 p{margin:0!important;max-width:720px!important;color:rgba(236,242,255,.72)!important;line-height:1.55!important;}
.bonus-filter-summary-v9{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(78px,1fr))!important;
  gap:8px!important;
}
.bonus-filter-summary-v9 span{
  min-height:68px!important;
  padding:10px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.028))!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.bonus-filter-summary-v9 strong{font-size:1.2rem!important;color:#fff!important;line-height:1!important;}
.bonus-filter-summary-v9 small{text-transform:uppercase!important;letter-spacing:.08em!important;color:rgba(236,242,255,.58)!important;font-weight:900!important;font-size:.66rem!important;}

/* Boutons rapides filtre : vrais boutons premium, actif par checkbox */
.bonus-toggle-filters-v9{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:14px!important;
}
.bonus-toggle-filters-v9 label{
  position:relative!important;
  min-height:44px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#eaf6ff!important;
  font-weight:950!important;
  font-size:.82rem!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03)) padding-box,
    linear-gradient(135deg,rgba(53,220,255,.24),rgba(255,69,207,.16)) border-box!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s!important;
}
.bonus-toggle-filters-v9 label::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg,rgba(53,220,255,.18),rgba(255,69,207,.14))!important;
  opacity:0!important;
  transition:opacity .18s!important;
}
.bonus-toggle-filters-v9 label > *{position:relative!important;z-index:1!important;}
.bonus-toggle-filters-v9 input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.bonus-toggle-filters-v9 label span{
  width:26px!important;height:26px!important;border-radius:999px!important;display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;
}
.bonus-toggle-filters-v9 label:has(input:checked){
  color:#05101f!important;
  background:linear-gradient(135deg,var(--fs-v9-cyan),var(--fs-v9-pink))!important;
  box-shadow:0 16px 40px rgba(53,220,255,.20),0 16px 38px rgba(255,69,207,.16)!important;
}
.bonus-toggle-filters-v9 label:has(input:checked)::before{opacity:.35!important;}
.bonus-toggle-filters-v9 label:hover{transform:translateY(-2px)!important;filter:saturate(1.08)!important;}

/* Comparatif points essentiels : plus lisible, plus premium */
.bonus-compare-v9{
  margin-top:clamp(24px,3vw,38px)!important;
  padding:clamp(18px,2.2vw,28px)!important;
}
.bonus-compare-v9 .bonus-compare-table-v4__head{
  align-items:flex-start!important;
  margin-bottom:clamp(14px,2vw,22px)!important;
}
.bonus-compare-v9 .section-kicker{width:max-content!important;}
.bonus-compare-v9 h3{font-size:clamp(1.45rem,2.2vw,2.05rem)!important;letter-spacing:-.06em!important;margin:.35rem 0 .35rem!important;}
.bonus-compare-v9 p{margin:0!important;color:rgba(236,242,255,.72)!important;max-width:720px!important;line-height:1.55!important;}
.bonus-compare-v9__actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.bonus-compare-v9__actions span{
  min-height:40px!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.11)!important;color:rgba(236,242,255,.78)!important;font-weight:900!important;
}
.bonus-compare-v9__actions strong{color:#fff!important;}
.bonus-compare-v9 .table-scroll{border-radius:24px!important;background:rgba(3,5,18,.46)!important;border:1px solid rgba(255,255,255,.10)!important;padding:8px!important;}
.bonus-comparison-table{border-spacing:0 10px!important;}
.bonus-comparison-table th{padding:10px 12px!important;color:#bff7ff!important;background:transparent!important;}
.bonus-comparison-table td{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;}
.bonus-comparison-table tr:hover td{background:linear-gradient(135deg,rgba(53,220,255,.09),rgba(255,69,207,.055))!important;color:#fff!important;}

/* Page Coffres : section principale plus compréhensible */
.page-coffres .section-header:has(#chest-bonus-title),
.chest-bonus-partners-v4{display:none!important;}
.page-coffres .section-header .section-title{
  text-wrap:balance!important;
}
.chest-grid .vault-card,.quest-chest-grid .vault-card,.chest-card{
  background:
    radial-gradient(circle at 12% 0,rgba(255,213,111,.13),transparent 33%) padding-box,
    radial-gradient(circle at 96% 0,rgba(53,220,255,.10),transparent 36%) padding-box,
    linear-gradient(150deg,rgba(18,22,56,.94),rgba(9,10,30,.88)) padding-box,
    linear-gradient(135deg,rgba(255,213,111,.36),rgba(53,220,255,.24),rgba(255,69,207,.20)) border-box!important;
}
.vault-card .chest-progress,.chest-card .chest-progress{height:12px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;}
.vault-card .chest-progress span,.chest-card .chest-progress span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--fs-v9-gold),var(--fs-v9-pink),var(--fs-v9-cyan))!important;box-shadow:0 0 18px rgba(255,213,111,.25)!important;}

/* Live : player API Rumble intégré, section bonus supprimée côté template */
.rumble-live-player{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  border-radius:24px!important;
  overflow:hidden!important;
  margin:14px 0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#030511!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 34px rgba(53,220,255,.10)!important;
}
.rumble-live-player iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;display:block!important;background:#030511!important;}
.rumble-live-fallback{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px 12px!important;
  align-items:center!important;
  padding:13px!important;
  margin:14px 0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(53,220,255,.10),rgba(255,69,207,.075))!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
.rumble-live-fallback span{grid-row:span 2!important;}
.rumble-live-fallback strong{color:#fff!important;line-height:1.1!important;}
.rumble-live-fallback small{color:rgba(236,242,255,.66)!important;line-height:1.35!important;}
.live-bonus-strip-v4{display:none!important;}

@media (max-width:1180px){
  .home-bonus-v7__layout{grid-template-columns:1fr!important;}
  .home-bonus-v7__rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .home-bonus-v7__trust{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  .bonus-filter-hero-v9{grid-template-columns:1fr!important;}
  .bonus-filter-summary-v9{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .bonus-toggle-filters-v9{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .bonus-toggle-filters-v9 label{justify-content:center!important;min-width:0!important;padding-inline:10px!important;}
  .bonus-compare-v9__actions{justify-content:flex-start!important;}
  .home-bonus-v7__rail{grid-template-columns:1fr!important;}
  .home-bonus-v7__featured .fs-bonus-card__facts{grid-template-columns:1fr 1fr!important;}
  .home-bonus-v7__featured .fs-bonus-card__facts div:nth-child(n+3){display:none!important;}
}
@media (max-width:430px){
  .site-background::before,.energy-grid::before{background-size:72px 72px,72px 72px,18px 18px,18px 18px!important;opacity:.36!important;}
  .bonus-toggle-filters-v9{grid-template-columns:1fr!important;}
  .bonus-filter-summary-v9 span{min-height:58px!important;}
  .rumble-live-fallback{grid-template-columns:1fr!important;text-align:center!important;}
}
@media (prefers-reduced-motion:reduce){
  .site-background::before,.energy-grid::before{animation:none!important;}
}