/* ============================================================
   MUSHTARIK — LANDING PAGE « Offres de lancement »
   Sections autour de la section packs (.mkl). Design clair du site,
   dégradé de marque, responsive + RTL. Scopé sous .lnd-*.
   ============================================================ */

.lnd-sec{ padding:clamp(32px,4.4vw,54px) 20px; position:relative; }
/* Espaces réduits entre les sections sur la page dédiée (section packs incluse). */
body[data-page="offre-lancement"] .section.mkl{ padding-top:clamp(30px,4vw,50px); padding-bottom:clamp(30px,4vw,50px); }
.lnd-in{ max-width:1180px; margin:0 auto; }
.lnd-center{ text-align:center; }
.lnd-eyebrow{
  display:inline-flex; align-items:center; gap:8px; margin:0 auto 16px;
  font-family:Sora,sans-serif; font-weight:700; font-size:.74rem; letter-spacing:.09em; text-transform:uppercase;
  color:var(--brand); background:color-mix(in srgb,var(--brand),transparent 90%);
  border:1px solid color-mix(in srgb,var(--brand),transparent 78%); padding:7px 15px; border-radius:999px;
}
.lnd-eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 0 color-mix(in srgb,var(--brand),transparent 40%); animation:lnd-pulse 2s infinite; }
@keyframes lnd-pulse{ 0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand),transparent 40%);} 70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--brand),transparent 100%);} 100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand),transparent 100%);} }
.lnd-h2{ font-family:Sora,sans-serif; font-size:clamp(1.7rem,3.6vw,2.6rem); font-weight:800; line-height:1.14; letter-spacing:-.02em; color:var(--text-strong); margin:0 0 12px; }
.lnd-h2 em, .lnd-grad{ font-style:normal; background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.lnd-lead{ font-size:clamp(1rem,1.5vw,1.12rem); color:var(--text-soft); max-width:600px; margin:0 auto; line-height:1.6; }
/* Le thème force `main p{text-align:justify!important}` — on recentre les libellés/sous-titres de la landing. */
.lnd-count-lead, .lnd-brands__label, .lnd-lead, .lnd-final p{ text-align:center !important; }
.lnd-hero__col .lnd-hero__sub{ text-align:start !important; }
/* Avis : le nom passe devant la photo — nom (pleine ligne) puis avatar + note. */
#lnd-reviews .rev__top{ flex-wrap:wrap; column-gap:10px; row-gap:9px; }
#lnd-reviews .rev__id{ order:-1; flex:1 1 100%; }
#lnd-reviews .rev__avatar{ order:0; }
#lnd-reviews .rev__rate{ order:1; flex:0 1 auto; margin-inline-start:0; }

/* Boutons */
.lnd-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; cursor:pointer; text-decoration:none; font-family:Sora,sans-serif; font-weight:700; font-size:1rem; padding:15px 28px; border-radius:16px; border:0; transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s; }
.lnd-btn--primary{ color:#fff; background:var(--grad); box-shadow:0 14px 34px -14px color-mix(in srgb,var(--brand),transparent 25%); }
.lnd-btn--primary:hover{ transform:translateY(-2px); filter:brightness(1.06); }
.lnd-btn--ghost{ color:var(--text-strong); background:var(--surface); border:1.6px solid var(--border); }
.lnd-btn--ghost:hover{ transform:translateY(-2px); border-color:color-mix(in srgb,var(--brand),transparent 55%); }

/* ---------- HERO (bannière 2 colonnes : texte à gauche, visuel à droite) ---------- */
.lnd-hero{ padding:clamp(26px,3.6vw,48px) 20px clamp(18px,2.6vw,32px); position:relative; overflow:hidden; }
.lnd-hero::before{ content:""; position:absolute; inset:-30% 20% auto 20%; height:460px; background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--brand),transparent 86%),transparent 70%); filter:blur(10px); pointer-events:none; z-index:0; }
.lnd-hero__wrap{ position:relative; z-index:1; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; column-gap:clamp(28px,4.5vw,60px); align-items:center; }
.lnd-hero__col{ text-align:start; }
.lnd-hero__title{ font-family:Sora,sans-serif; font-size:clamp(2rem,4.6vw,3.3rem); font-weight:800; line-height:1.08; letter-spacing:-.03em; color:var(--text-strong); margin:0 0 16px; }
.lnd-hero__sub{ font-size:clamp(1rem,1.6vw,1.2rem); color:var(--text-soft); max-width:560px; margin:0 0 26px; line-height:1.55; }
.lnd-hero__cta{ display:flex; gap:12px; justify-content:flex-start; flex-wrap:wrap; margin-bottom:22px; }
.lnd-hero__trust{ display:flex; gap:8px 22px; justify-content:flex-start; flex-wrap:wrap; font-size:.9rem; color:var(--text-soft); }
.lnd-hero__trust span{ display:inline-flex; align-items:center; gap:7px; }
.lnd-hero__trust b{ color:var(--text-strong); font-weight:700; }
.lnd-hero__trust .star{ color:#f59e0b; }
/* Compte à rebours aligné à gauche dans la colonne texte */
.lnd-hero__col .lnd-count-wrap{ text-align:start; }
.lnd-hero__col .lnd-count-lead{ text-align:start !important; }
.lnd-hero__col .lnd-count{ margin:0; }
/* Visuel : photo sans fond (le blanc se fond via multiply) + flottement + halo pulsé.
   Aucun ancêtre n'isole le blend (pas de perspective/transform) → le blanc disparaît vraiment. */
.lnd-hero__visual{ position:relative; }
.lnd-hero__visual::after{ content:""; position:absolute; left:12%; right:12%; bottom:6%; height:26px; z-index:-1; border-radius:50%;
  background:radial-gradient(60% 100% at 50% 50%,color-mix(in srgb,var(--brand),transparent 55%),transparent 72%); filter:blur(14px);
  animation:lnd-heroGlow 6s ease-in-out infinite; pointer-events:none; }
.lnd-hero__frame{ position:relative; background:transparent; }
.lnd-hero__img{ display:block; width:100%; height:auto; mix-blend-mode:multiply; animation:lnd-heroFloat 6s ease-in-out infinite; }
/* Thème sombre : le multiply assombrirait la photo → on la pose sur une carte blanche nette. */
:root[data-theme="dark"] .lnd-hero__frame{ background:#fff; border-radius:22px; box-shadow:0 30px 70px -34px rgba(0,0,0,.6); }
:root[data-theme="dark"] .lnd-hero__img{ mix-blend-mode:normal; border-radius:16px; }
@keyframes lnd-heroFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
@keyframes lnd-heroGlow{ 0%,100%{ opacity:.55; transform:scaleX(1); } 50%{ opacity:.9; transform:scaleX(1.12); } }
/* Empilement mobile : visuel au-dessus, texte centré */
@media (max-width:860px){
  .lnd-hero__wrap{ grid-template-columns:1fr; row-gap:26px; }
  .lnd-hero__col{ text-align:center; order:2; }
  .lnd-hero__visual{ order:1; max-width:360px; margin:0 auto; }
  .lnd-hero__sub{ margin-inline:auto; }
  .lnd-hero__col .lnd-hero__sub{ text-align:center !important; }
  .lnd-hero__cta, .lnd-hero__trust{ justify-content:center; }
  .lnd-hero__col .lnd-count-wrap{ text-align:center; }
  .lnd-hero__col .lnd-count-lead{ text-align:center !important; }
  .lnd-hero__col .lnd-count{ margin:0 auto; }
}

/* Compte à rebours */
.lnd-count-wrap{ margin-top:26px; text-align:center; }
.lnd-count-lead{ font-size:.76rem; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); font-weight:600; margin:0 0 10px; text-align:center; }
.lnd-count{ display:inline-flex; gap:10px; margin:0 auto; padding:12px 18px; border-radius:16px; background:var(--grad); border:0; box-shadow:0 14px 34px -12px color-mix(in srgb,var(--brand),transparent 35%); }
.lnd-count__unit{ display:flex; flex-direction:column; align-items:center; min-width:50px; }
.lnd-count__n{ font-family:Sora,sans-serif; font-weight:800; font-size:1.7rem; color:#fff; font-variant-numeric:tabular-nums; line-height:1; text-shadow:0 1px 6px rgba(0,0,0,.18); }
.lnd-count__l{ font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.82); margin-top:4px; font-weight:600; }
.lnd-count__sep{ font-family:Sora,sans-serif; font-weight:800; font-size:1.5rem; color:rgba(255,255,255,.55); align-self:flex-start; line-height:1.05; }

/* Bande de marques — tuiles 3D façon icônes d'apps, sur un bandeau sombre, défilement continu. */
.lnd-brands{ margin-top:36px; text-align:center; max-width:1180px; margin-inline:auto; }
.lnd-brands__label{ text-align:center; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:0 0 16px; font-weight:600; }
/* Sans fond ni cadre : logos nus, défilement + effet coverflow (agrandi au centre). */
.lnd-brands__band{ position:relative; }
.lnd-brands__viewport{ overflow:hidden; padding:22px 0; -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.lnd-brands__row{ display:flex; flex-wrap:nowrap; width:max-content; align-items:center; animation:lnd-marquee 36s linear infinite; }
.lnd-brands__band:hover .lnd-brands__row{ animation-play-state:paused; }
/* transform/opacity pilotés par JS (effet coverflow : grossit au centre) */
.lnd-brand{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; margin-inline-end:40px; transform-origin:center center; will-change:transform,opacity; }
.lnd-brand__tile{ display:grid; place-items:center; background:none; border:0; box-shadow:none; }
.lnd-brand__tile img{ width:58px; height:58px; object-fit:contain; border-radius:14px; }
@keyframes lnd-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ---------- BÉNÉFICES (cartes colorées + animées, style IPTV « appareils ») ---------- */
.lnd-benefits__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:clamp(26px,3vw,38px); }
/* Reproduction fidèle du comportement des cartes « appareils » IPTV :
   vague lumineuse continue (12s, ne s'arrête jamais, n'attend pas le survol) ;
   le survol ajoute seulement un léger soulèvement + une barre soulignée. */
.lnd-benefit{
  --dc:var(--brand); position:relative; overflow:hidden;
  background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:26px 22px; box-shadow:var(--hi);
  animation:lnd-cardlight 12s ease-in-out infinite; will-change:background,box-shadow;
  transition:transform .28s var(--ease), border-color .28s, box-shadow .28s, background .28s;
}
.lnd-benefit::after{ content:""; position:absolute; left:12%; right:12%; bottom:0; height:3px; border-radius:3px 3px 0 0; background:var(--dc); transform:scaleX(0); transition:transform .3s var(--ease); }
.lnd-benefit:hover{ transform:translateY(-4px); border-color:var(--dc); }
.lnd-benefit:hover::after{ transform:scaleX(1); }
.lnd-benefit__ic{ position:relative; z-index:1; width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:color-mix(in srgb,var(--dc),transparent 88%); color:var(--dc); margin-bottom:14px; animation:lnd-icfloat 3.4s ease-in-out infinite; }
.lnd-benefit__ic svg{ width:25px; height:25px; }
.lnd-benefit h3{ position:relative; z-index:1; font-family:Sora,sans-serif; font-size:1.05rem; font-weight:700; color:var(--text-strong); margin:0 0 6px; }
.lnd-benefit p{ position:relative; z-index:1; font-size:.9rem; color:var(--text-soft); line-height:1.5; margin:0; }
/* décalage régulier de la vague (4 cartes réparties sur 12s) */
.lnd-benefit:nth-child(1){ animation-delay:0s } .lnd-benefit:nth-child(1) .lnd-benefit__ic{ animation-delay:0s }
.lnd-benefit:nth-child(2){ animation-delay:3s } .lnd-benefit:nth-child(2) .lnd-benefit__ic{ animation-delay:.28s }
.lnd-benefit:nth-child(3){ animation-delay:6s } .lnd-benefit:nth-child(3) .lnd-benefit__ic{ animation-delay:.56s }
.lnd-benefit:nth-child(4){ animation-delay:9s } .lnd-benefit:nth-child(4) .lnd-benefit__ic{ animation-delay:.84s }
@keyframes lnd-cardlight{ 0%,22.7%,100%{ background:var(--surface); box-shadow:var(--hi); } 11.3%{ background:color-mix(in srgb,var(--dc) 20%,var(--surface)); box-shadow:0 0 0 2px var(--dc),0 16px 42px -8px color-mix(in srgb,var(--dc),transparent 18%); } }
@keyframes lnd-icfloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }

/* ---------- ÉTAPES (mêmes cartes colorées + animées) ---------- */
.lnd-steps{ background:linear-gradient(180deg, color-mix(in srgb,var(--brand),transparent 96%), transparent); }
.lnd-steps__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:clamp(26px,3vw,40px); }
.lnd-step{
  --dc:var(--brand); position:relative; overflow:hidden;
  background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:30px 24px 26px; box-shadow:var(--hi);
  animation:lnd-cardlight 12s ease-in-out infinite; will-change:background,box-shadow;
  transition:transform .28s var(--ease), border-color .28s, box-shadow .28s, background .28s;
}
.lnd-step::after{ content:""; position:absolute; left:12%; right:12%; bottom:0; height:3px; border-radius:3px 3px 0 0; background:var(--dc); transform:scaleX(0); transition:transform .3s var(--ease); }
.lnd-step:hover{ transform:translateY(-4px); border-color:var(--dc); }
.lnd-step:hover::after{ transform:scaleX(1); }
.lnd-step__n{ position:relative; z-index:1; font-family:Sora,sans-serif; font-weight:800; font-size:1.05rem; color:#fff; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,var(--dc),color-mix(in srgb,var(--dc),#fff 22%)); margin-bottom:14px; box-shadow:0 8px 20px -8px color-mix(in srgb,var(--dc),transparent 30%); animation:lnd-icfloat 3.4s ease-in-out infinite; }
.lnd-step h3{ position:relative; z-index:1; font-family:Sora,sans-serif; font-size:1.1rem; font-weight:700; color:var(--text-strong); margin:0 0 6px; }
.lnd-step p{ position:relative; z-index:1; font-size:.92rem; color:var(--text-soft); line-height:1.5; margin:0; }
.lnd-step:nth-child(1){ animation-delay:0s } .lnd-step:nth-child(1) .lnd-step__n{ animation-delay:0s }
.lnd-step:nth-child(2){ animation-delay:4s } .lnd-step:nth-child(2) .lnd-step__n{ animation-delay:.3s }
.lnd-step:nth-child(3){ animation-delay:8s } .lnd-step:nth-child(3) .lnd-step__n{ animation-delay:.6s }

/* ---------- AVIS ---------- */
.lnd-reviews__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:clamp(26px,3vw,40px); }
.lnd-review{ background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:24px 22px; box-shadow:var(--hi); display:flex; flex-direction:column; }
.lnd-review__stars{ color:#f59e0b; font-size:1rem; letter-spacing:2px; margin-bottom:10px; }
.lnd-review__txt{ font-size:.96rem; color:var(--text); line-height:1.55; margin:0 0 16px; flex:1; }
.lnd-review__who{ display:flex; align-items:center; gap:11px; }
.lnd-review__av{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-family:Sora,sans-serif; font-weight:800; color:#fff; background:var(--grad); font-size:1rem; }
.lnd-review__name{ font-weight:700; color:var(--text-strong); font-size:.92rem; }
.lnd-review__role{ font-size:.8rem; color:var(--muted); }

/* ---------- FAQ (grille 3/3 alignée, cartes animées façon accueil) ---------- */
.lnd-faq__list{ max-width:1120px; margin:clamp(24px,3vw,36px) auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:start; }
.lnd-faq__item{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius,16px); overflow:hidden; box-shadow:var(--shadow-sm,var(--hi)); animation:lnd-faqdrift 9s ease-in-out infinite; transition:transform .3s var(--ease), border-color .3s, box-shadow .35s, background .3s; }
.lnd-faq__item:nth-child(1){ animation-delay:-.4s } .lnd-faq__item:nth-child(2){ animation-delay:-1.5s } .lnd-faq__item:nth-child(3){ animation-delay:-3.1s }
.lnd-faq__item:nth-child(4){ animation-delay:-4.6s } .lnd-faq__item:nth-child(5){ animation-delay:-6s } .lnd-faq__item:nth-child(6){ animation-delay:-7.6s }
.lnd-faq__item:hover{ animation-play-state:paused; transform:translateY(-4px); border-color:var(--brand-3,#a855f7); box-shadow:var(--shadow-md,0 18px 40px -18px rgba(16,24,40,.22)); }
.lnd-faq__item.is-open{ animation-play-state:paused; transform:none; border-color:color-mix(in srgb,var(--brand),transparent 45%); background:linear-gradient(135deg,color-mix(in srgb,var(--brand),transparent 90%),color-mix(in srgb,#60a5fa,transparent 92%)); box-shadow:0 16px 36px -16px color-mix(in srgb,var(--brand),transparent 45%); }
.lnd-faq__q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:start; cursor:pointer; appearance:none; border:0; background:transparent; font-family:Sora,sans-serif; font-weight:600; font-size:.98rem; line-height:1.35; color:var(--text-strong); padding:17px 18px; }
.lnd-faq__q .ic{ flex:none; width:20px; height:20px; color:var(--brand); transition:transform .35s var(--ease); }
.lnd-faq__item.is-open .lnd-faq__q .ic{ transform:rotate(135deg); }
.lnd-faq__a{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.lnd-faq__a p{ margin:0; padding:0 18px 17px; color:var(--text-soft); font-size:.9rem; line-height:1.6; }
@keyframes lnd-faqdrift{ 0%,100%{ transform:translate(0); box-shadow:var(--shadow-sm,var(--hi)),0 12px 30px -18px color-mix(in srgb,var(--brand),transparent 50%); } 25%{ transform:translateY(-4px); } 50%{ transform:translate(3px); box-shadow:var(--shadow-sm,var(--hi)),0 12px 30px -18px color-mix(in srgb,#60a5fa,transparent 50%); } 75%{ transform:translateY(3px); } }

/* ---------- CTA FINAL ---------- */
.lnd-final{ padding:clamp(30px,4.2vw,52px) 20px; }
.lnd-final__box{ max-width:960px; margin:0 auto; text-align:center; border-radius:28px; padding:clamp(34px,5vw,58px) 26px; background:var(--grad); position:relative; overflow:hidden; box-shadow:0 30px 70px -30px color-mix(in srgb,var(--brand),transparent 30%); }
.lnd-final__box::after{ content:""; position:absolute; inset:0; background:radial-gradient(60% 80% at 80% 0%, rgba(255,255,255,.22), transparent 60%); pointer-events:none; }
.lnd-final h2{ position:relative; font-family:Sora,sans-serif; font-size:clamp(1.6rem,3.4vw,2.4rem); font-weight:800; color:#fff; margin:0 0 12px; letter-spacing:-.02em; }
.lnd-final p{ position:relative; color:rgba(255,255,255,.9); font-size:1.05rem; margin:0 auto 24px; max-width:520px; }
.lnd-final .lnd-btn{ position:relative; background:#fff; color:var(--brand); }
.lnd-final .lnd-btn:hover{ transform:translateY(-2px); filter:none; box-shadow:0 16px 34px -14px rgba(0,0,0,.3); }

/* ---------- Reveal ---------- */
.lnd-anim [data-lnd-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.lnd-anim [data-lnd-reveal].is-in{ opacity:1; transform:none; }

/* ---------- Responsive ---------- */
@media (max-width:940px){
  .lnd-benefits__grid{ grid-template-columns:repeat(2,1fr); }
  .lnd-steps__grid{ grid-template-columns:1fr; max-width:520px; margin-inline:auto; }
  .lnd-faq__list{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  .lnd-benefits__grid{ grid-template-columns:1fr; }
  .lnd-faq__list{ grid-template-columns:1fr; }
  .lnd-hero__cta .lnd-btn{ width:100%; }
}
@media (prefers-reduced-motion:reduce){
  .lnd-anim [data-lnd-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
  .lnd-eyebrow .dot,
  .lnd-benefit, .lnd-benefit__ic,
  .lnd-step, .lnd-step__n,
  .lnd-faq__item, .lnd-brands__row,
  .lnd-hero__img, .lnd-hero__visual::after{ animation:none !important; }
  .lnd-hero__frame{ transform:none !important; }
  /* Repli marques sans mouvement : centré, sur plusieurs lignes, sans doublon. */
  .lnd-brands__viewport{ overflow:visible; -webkit-mask:none; mask:none; }
  .lnd-brands__row{ flex-wrap:wrap; justify-content:center; width:auto; gap:20px 10px; }
  .lnd-brand[aria-hidden="true"]{ display:none; }
}

/* =========================================================
   AJOUTS — Barre countdown épinglée, badges avantages,
   section « nos produits » cliquable
   ========================================================= */

/* --- Barre « L'offre se termine dans » épinglée en haut --- */
body[data-page="offre-lancement"] .header{ position:static; }
.lnd-countbar{
  position:sticky; top:0; z-index:55;
  background:var(--grad);
  box-shadow:0 12px 30px -16px color-mix(in srgb, var(--brand), transparent 25%);
}
.lnd-countbar__in{
  max-width:1180px; margin-inline:auto; padding:9px 18px;
  display:flex; align-items:center; justify-content:center; gap:8px 16px; flex-wrap:wrap;
}
.lnd-countbar__lead{
  font-family:Sora,sans-serif; font-weight:700; font-size:.92rem; color:#fff;
  letter-spacing:.01em; text-shadow:0 1px 6px rgba(0,0,0,.18);
}
.lnd-count.lnd-count--bar{
  background:transparent; box-shadow:none; padding:0; border-radius:0; gap:8px;
}
.lnd-count--bar .lnd-count__unit{ min-width:40px; }
.lnd-count--bar .lnd-count__n{ font-size:1.2rem; }
.lnd-count--bar .lnd-count__l{ font-size:.55rem; margin-top:2px; }
.lnd-count--bar .lnd-count__sep{ font-size:1.05rem; align-self:center; }
@media(max-width:520px){
  .lnd-countbar__in{ gap:6px 10px; padding:7px 12px; }
  .lnd-countbar__lead{ font-size:.8rem; }
  .lnd-count--bar .lnd-count__unit{ min-width:32px; }
  .lnd-count--bar .lnd-count__n{ font-size:1.02rem; }
}

/* --- 4 avantages liés aux packs (badges bleus, même style/anim que la page IPTV) --- */
.lnd-hero__adv{ display:flex; flex-direction:column; gap:10px; margin:0 0 24px; }
.lnd-hero__adv .trustbadges.lnd-adv__row{ margin-top:0; justify-content:flex-start; gap:10px 26px; }
@media(max-width:960px){
  .lnd-hero__adv{ align-items:center; }
  .lnd-hero__adv .trustbadges.lnd-adv__row{ justify-content:center; }
}

/* --- Section « Découvre nos produits » : tuiles cliquables --- */
.lnd-brands--products{ margin-top:6px; }
.lnd-brands--products .lnd-brand{ cursor:pointer; text-decoration:none; }
.lnd-brands--products .lnd-brand__tile img{ transition:filter .2s ease; }
.lnd-brands--products .lnd-brand:hover .lnd-brand__tile img{ filter:brightness(1.07) saturate(1.05); }

/* --- Section produits : grille de cartes façon catalogue (logo + nom + durée + bouton) --- */
.lnd-prodgrid{ max-width:1120px; margin:0 auto; }
a.popcard, a.popcard:hover{ text-decoration:none; }
.lnd-prodgrid .popcard__cta{ cursor:pointer; }
.lnd-prod-more{ margin-top:28px; }

/* --- Section produits : cartes catalogue DANS la bande animée (marquee + coverflow) --- */
.lnd-brands--products .lnd-brands__viewport{ padding:34px 0; }
.lnd-brands--products .lnd-brand{ margin-inline-end:22px; will-change:transform,opacity; }
.lnd-brands--products .lnd-brand .popcard{ width:210px; }
@media(max-width:520px){
  .lnd-brands--products .lnd-brand .popcard{ width:172px; }
  .lnd-brands--products .lnd-brand{ margin-inline-end:16px; }
}

/* --- Bande de statistiques sous le hero (sans cadre, sur le fond) --- */
.lnd-stats{ padding:30px 16px 6px; }
.lnd-stats__in{ max-width:1120px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:22px 52px; }
.lnd-stat{ display:flex; flex-direction:column; align-items:center; text-align:center; min-width:110px; }
.lnd-stat__n{ font-family:Sora,sans-serif; font-weight:800; font-size:clamp(1.7rem,3.2vw,2.4rem); line-height:1; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lnd-stat__l{ margin-top:8px; font-size:.86rem; color:var(--text-soft); font-weight:600; }
@media(max-width:520px){ .lnd-stats__in{ gap:20px 24px; } .lnd-stat{ min-width:40%; } }

/* =========================================================
   AMÉLIORATIONS LANCEMENT (v21)
   ========================================================= */

/* 1) Photo hero : fixe (aucun flottement) + agrandie */
.lnd-hero__img{ animation:none !important; mix-blend-mode:normal; }
.lnd-hero__visual::after{ animation:none !important; }
.lnd-hero__wrap{ grid-template-columns:1fr 1.18fr; }
@media (max-width:860px){
  .lnd-hero__wrap{ grid-template-columns:1fr; }
  .lnd-hero__visual{ max-width:480px; }
}

/* 5) Un peu plus de largeur (contenu moins compressé au milieu) */
.lnd-in{ max-width:1300px; }
.lnd-hero__wrap{ max-width:1300px; }
.lnd-brands{ max-width:1300px; }
.lnd-prodgrid{ max-width:1280px; }

/* 2) 4 avantages : 2 par ligne, alignés (grille 2 colonnes) */
.lnd-hero__adv{ display:grid; grid-template-columns:repeat(2,max-content); gap:10px 30px; margin:2px 0 24px; }
@media (max-width:860px){ .lnd-hero__adv{ justify-content:center; } }
@media (max-width:400px){ .lnd-hero__adv{ grid-template-columns:1fr; justify-items:center; } }

/* 3) Barre countdown : « L'offre se termine dans » au-dessus du temps, centré, un peu plus grand */
.lnd-countbar__in{ flex-direction:column; gap:5px; }
.lnd-countbar__lead{ font-size:1rem; }
.lnd-count--bar .lnd-count__unit{ min-width:44px; }
.lnd-count--bar .lnd-count__n{ font-size:1.3rem; }
@media (max-width:520px){ .lnd-countbar__lead{ font-size:.86rem; } .lnd-count--bar .lnd-count__n{ font-size:1.08rem; } }

/* =========================================================
   AMÉLIORATIONS LANCEMENT (v22)
   ========================================================= */

/* 1) « Profitez du lancement. » sur une seule ligne */
.lnd-hero__title em{ white-space:nowrap; }
@media (max-width:480px){ .lnd-hero__title em{ white-space:normal; } }

/* 3) Espace entre le banner et « Les marques incluses dans les packs » */
.lnd-hero .lnd-brands{ margin-top:60px; }
/* 4) Espace entre « Les marques incluses » et les packs */
.lnd-hero{ padding-bottom:clamp(40px,5vw,64px); }

/* 5) « Comment ça marche » : glow plus rapide (≈3s/étape, comme la page IPTV) */
.lnd-step{ animation-duration:9s !important; }
.lnd-step:nth-child(2){ animation-delay:3s !important; }
.lnd-step:nth-child(3){ animation-delay:6s !important; }

/* 6) « Découvre nos produits » : plus d'espace entre les cartes */
.lnd-brands--products .lnd-brand{ margin-inline-end:40px; }
@media (max-width:520px){ .lnd-brands--products .lnd-brand{ margin-inline-end:26px; } }

/* =========================================================
   AMÉLIORATIONS LANCEMENT (v23)
   ========================================================= */

/* « Comment ça marche » : surbrillance nette pilotée en JS (3s/étape, comme IPTV),
   on remplace l'ancien fondu ambiant (lnd-cardlight) trop lent */
.lnd-step{ animation:none !important; transition:background .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease), transform .28s var(--ease); }
.lnd-step.is-active{
  background:color-mix(in srgb,var(--dc) 16%,var(--surface));
  border-color:color-mix(in srgb,var(--dc),transparent 45%);
  box-shadow:0 0 0 2px var(--dc), 0 18px 44px -10px color-mix(in srgb,var(--dc),transparent 18%);
}
.lnd-step.is-active::after{ transform:scaleX(1); }

/* =========================================================
   AMÉLIORATIONS LANCEMENT (v24)
   ========================================================= */

/* 1) « Profitez du lancement. » aux couleurs de la charte Mushtarik (dégradé) */
.lnd-hero__title em{ font-style:normal; background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

/* 3) Suppression de la bande/ligne de couleur entre les packs et « Comment ça marche »
   → toutes les sections reposent sur le même fond de page */
.lnd-steps{ background:transparent !important; }

/* =========================================================
   AMÉLIORATIONS LANCEMENT (v25)
   ========================================================= */

/* 1) Solo / Duo / Trio en dégradé de la charte dans la description */
.lnd-hero__sub .mk-word{
  font-style:normal; font-weight:800;
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

/* 2) Barre countdown : colorée mais translucide (on voit le fond défiler derrière) */
.lnd-countbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--brand), transparent 22%),
    color-mix(in srgb, #e0529c, transparent 22%),
    color-mix(in srgb, #f97316, transparent 22%)) !important;
  -webkit-backdrop-filter:blur(9px) saturate(1.15);
  backdrop-filter:blur(9px) saturate(1.15);
}

/* 3) L'en-tête (langue/devise) doit passer AU-DESSUS de la barre du temps
   -> ses listes déroulantes ne sont plus cachées derrière la bande */
body[data-page="offre-lancement"] .header{ position:relative; z-index:120; }

/* 5) Cartes produits : marquee plus lent dans « Découvre nos produits » */
.lnd-brands--products .lnd-brands__row{ animation-duration:58s; }

/* 6) Sous-titre produits sur une seule ligne (grands écrans) */
@media (min-width:1000px){
  #lnd-products .lnd-lead{ white-space:nowrap; max-width:none; }
}

/* =========================================================
   AMÉLIORATIONS LANCEMENT (v26)
   ========================================================= */
/* 1) Même espace banner<->marques et marques<->packs */
.lnd-hero .lnd-brands{ margin-top:clamp(40px,5vw,60px); }
.lnd-hero{ padding-bottom:clamp(40px,5vw,60px) !important; }
#launch{ padding-top:0 !important; }