/* ================================================================
   Déclinaison responsive de la composition de référence.
   Cette feuille remplace la première direction mobile sans toucher
   à la composition desktop fidèle activée à partir de 1200 px.
   ================================================================ */

@media (max-width:1199px){
  .desktop-break{ display:none; }
  .mobile-site{ width:100%; overflow:hidden; background:#fffdfc; }
  .mobile-site main{ width:100%; }
  .mobile-site main > section,
  .mobile-footer{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    zoom:1 !important;
    transform:none !important;
  }

  /* Header : même crème, même marque et mêmes boutons que la référence. */
  .mobile-header{
    left:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:64px;
    padding:6px 14px;
    transform:none !important;
    background:rgba(252,248,243,.96);
    border-bottom:1px solid rgba(123,30,34,.1);
    box-shadow:0 4px 18px rgba(33,27,24,.06);
  }
  .mobile-brand{ width:122px; height:50px; }
  .mobile-brand img{ width:116px; max-height:50px; }
  .mobile-menu-btn{ width:40px; height:40px; background:var(--bordeaux); }

  /* Hero : la carte ivoire et le tableau de bord restent les deux preuves
     visuelles centrales, comme sur la frame desktop. */
  .mobile-hero{
    position:relative;
    min-height:900px;
    height:auto;
    padding:88px 16px 42px;
    display:grid !important;
    align-items:center !important;
    overflow:hidden;
    background:url("assets/img/hero-mobile-20260720.webp") center/cover no-repeat;
  }
  .hero-desktop-canvas,
  .mobile-hero__content{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    transform:none !important;
  }
  .hero-desktop-canvas{ position:static !important; }
  .mobile-hero__veil{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    width:auto !important;
    height:auto !important;
    transform:none !important;
    background:linear-gradient(180deg,rgba(49,20,14,.08),rgba(49,20,14,.36));
  }
  .mobile-hero__content{ z-index:1 !important; }
  .hero-copy{
    position:relative !important;
    inset:auto !important;
    width:min(100%,520px) !important;
    height:auto !important;
    margin:0 auto !important;
    padding:26px 22px 24px !important;
    color:var(--gris) !important;
    background:rgba(255,253,250,.93) !important;
    border:1px solid rgba(255,255,255,.72);
    border-radius:12px !important;
    box-shadow:0 18px 48px rgba(33,27,24,.2);
    backdrop-filter:blur(5px);
  }
  .mobile-eyebrow,
  .mobile-proof{ display:none !important; }
  .hero-copy h1{
    position:static !important;
    width:auto !important;
    margin:0 !important;
    color:var(--bordeaux) !important;
    font:500 clamp(34px,9.4vw,46px)/1.08 var(--serif) !important;
    letter-spacing:-.025em !important;
    text-align:left !important;
  }
  .hero-copy h1 span{ display:block; }
  .hero-ornament{
    position:static !important;
    display:block !important;
    width:64px !important;
    height:2px !important;
    margin:18px 0 !important;
    background:var(--or) !important;
  }
  .hero-copy > p:not(.mobile-proof){
    position:static !important;
    width:auto !important;
    margin:0 !important;
    color:var(--gris) !important;
    font:400 15px/1.55 var(--sans) !important;
    text-align:left !important;
  }
  .mobile-actions{
    position:static !important;
    width:100% !important;
    margin:22px 0 0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .mobile-actions .mobile-button{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:48px !important;
    margin:0 !important;
    padding:11px 16px !important;
    border-radius:999px !important;
    font:700 14px/1.2 var(--sans) !important;
  }
  .mobile-actions .mobile-button--light{
    color:var(--bordeaux) !important;
    background:#fffdfc !important;
    border:1px solid rgba(123,30,34,.18) !important;
  }
  .mobile-apercu{
    position:relative !important;
    inset:auto !important;
    width:min(100%,520px) !important;
    height:auto !important;
    min-height:286px !important;
    margin:20px auto 0 !important;
    padding:42px 12px 12px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.86) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.9) !important;
    box-shadow:0 18px 48px rgba(33,27,24,.18) !important;
    backdrop-filter:blur(5px);
  }
  .mobile-apercu__barre{
    position:absolute !important;
    inset:0 0 auto !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    padding:0 12px !important;
    border-bottom:1px solid rgba(33,27,24,.08);
  }
  .mobile-apercu__barre i{ position:static !important; width:7px !important; height:7px !important; }
  .mobile-apercu__barre span{ position:static !important; margin-left:auto !important; font-size:9px !important; }
  .mobile-apercu__grid{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .mobile-apercu__grid article,
  .mobile-apercu__grid article:nth-child(n){
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    height:auto !important;
    min-height:62px !important;
    padding:9px 10px !important;
    border-radius:9px !important;
  }
  .mobile-apercu__grid article:nth-child(3){ grid-column:1 / -1 !important; min-height:72px !important; }
  .mobile-apercu__grid article .k,
  .mobile-apercu__grid article strong{
    position:static !important;
    display:block !important;
    margin:0 !important;
  }
  .mobile-apercu__grid article .k{ font-size:8.5px !important; line-height:1.25 !important; }
  .mobile-apercu__grid article strong{ margin:3px 0 2px !important; font-size:18px !important; line-height:1 !important; }
  .mobile-apercu .jauge{ position:static !important; width:100% !important; height:4px !important; margin-top:5px !important; }

  /* Pourquoi Mon Chai : même hiérarchie et mêmes cartes fonctionnelles. */
  .mobile-intro{
    position:relative !important;
    height:auto !important;
    padding:68px 20px 44px !important;
    background:#fffdfc !important;
    text-align:center !important;
  }
  .mobile-intro > .mobile-kicker{ display:none !important; }
  .mobile-intro h2{
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    max-width:720px !important;
    margin:0 auto !important;
    transform:none !important;
    color:var(--bordeaux) !important;
    font:600 clamp(27px,7vw,38px)/1.18 var(--sans) !important;
  }
  .mobile-intro h2::after{
    content:"";
    position:static !important;
    display:block;
    width:min(100%,520px) !important;
    height:1px !important;
    margin:18px auto 0 !important;
    transform:none !important;
    background:var(--or) !important;
  }
  .mobile-intro > p{
    position:static !important;
    width:auto !important;
    max-width:680px !important;
    margin:18px auto 0 !important;
    transform:none !important;
    color:var(--bordeaux) !important;
    font:600 14px/1.55 "Manrope",var(--sans) !important;
    letter-spacing:0 !important;
  }
  .mobile-benefices{
    position:static !important;
    width:100% !important;
    max-width:720px !important;
    margin:28px auto 0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .mobile-benefices article,
  .mobile-benefices article:nth-child(n){
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:108px !important;
    margin:0 !important;
    padding:17px 18px !important;
    display:grid !important;
    grid-template-columns:68px 1fr !important;
    align-items:center !important;
    gap:16px !important;
    border:1px solid rgba(223,183,128,.62) !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 7px 18px rgba(67,28,24,.05) !important;
  }
  .mobile-benefices article > *{ opacity:1 !important; pointer-events:auto !important; }
  .mobile-benefices .mobile-icone{
    width:62px !important;
    height:62px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    background-color:transparent !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
  }
  .mobile-benefices article:nth-child(1) .mobile-icone{
    background-image:url("assets/svg/pourquoi-carte-1.svg") !important;
    background-size:349.2647% 125.7353% !important;
    background-position:5.3097% 48.5714% !important;
  }
  .mobile-benefices article:nth-child(2) .mobile-icone{
    background-image:url("assets/svg/pourquoi-carte-2.svg") !important;
    background-size:349.2647% 125.7353% !important;
    background-position:5.6047% 48.5714% !important;
  }
  .mobile-benefices article:nth-child(3) .mobile-icone{
    background-image:url("assets/svg/pourquoi-carte-3.svg") !important;
    background-size:349.2647% 125.7353% !important;
    background-position:6.4897% 42.8571% !important;
  }
  .mobile-benefices .mobile-icone svg{ display:none !important; }
  .mobile-benefices h3{ color:var(--bordeaux) !important; font:700 17px/1.2 var(--sans) !important; text-align:left !important; }
  .mobile-benefices p{ margin-top:5px !important; color:var(--gris) !important; font:500 12px/1.4 var(--sans) !important; text-align:left !important; }

  /* Modules : grille compacte reprenant les pictogrammes et états de la
     référence, avec le panneau de détail conservé au toucher. */
  .mobile-modules{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    padding:34px 14px 64px !important;
    background:#fffdfc !important;
  }
  .mobile-modules > .mobile-kicker{
    position:static !important;
    width:100% !important;
    margin:0 auto 28px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    transform:none !important;
    color:var(--bordeaux) !important;
    font:500 22px/1 var(--serif) !important;
    letter-spacing:1px !important;
    text-transform:none !important;
  }
  .mobile-modules > .mobile-kicker::before,
  .mobile-modules > .mobile-kicker::after{ content:""; flex:1; height:1px; background:var(--or); }
  .mobile-modules > h2{ display:block !important; margin:0 auto !important; color:var(--bordeaux) !important; text-align:center; font:500 30px/1.15 var(--serif) !important; }
  .mobile-modules > p{ display:block !important; margin:10px auto 24px !important; color:var(--gris) !important; text-align:center; font-size:13px !important; }
  .mobile-modules__liste{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .mm{
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    overflow:visible !important;
    border:1px solid rgba(223,183,128,.5) !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 5px 14px rgba(65,23,21,.06) !important;
  }
  .mm__toggle,
  .mm__toggle[data-module]{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:132px !important;
    padding:13px 5px 11px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#fff !important;
  }
  .mm__toggle::before,
  .mm__toggle::after{ content:none !important; display:none !important; }
  .mm__toggle .mobile-icone{
    position:static !important;
    width:72px !important;
    height:72px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    clip:auto !important;
    display:block !important;
    border:0 !important;
    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }
  .mm__toggle .mobile-icone svg{ display:none !important; }
  .mm__nom{
    position:static !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    clip:auto !important;
    color:var(--bordeaux) !important;
    font:700 11px/1.15 "Manrope",var(--sans) !important;
    white-space:normal !important;
    text-align:center !important;
  }
  .mm__fleche{ display:block !important; position:absolute !important; left:50% !important; top:auto !important; bottom:5px !important; width:12px !important; height:12px !important; transform:translateX(-50%) !important; background:url("assets/svg/fleche.svg") center/contain no-repeat !important; }
  .mm__trait{ display:none !important; }
  .mm__panneau,
  .mm__panneau[hidden]{
    position:absolute !important;
    left:4px !important;
    right:4px !important;
    top:calc(100% - 5px) !important;
    z-index:20 !important;
    width:auto !important;
    height:auto !important;
    min-height:112px !important;
    padding:18px 12px !important;
    display:none !important;
    border:1px solid rgba(223,183,128,.72) !important;
    border-radius:8px !important;
    background:#fffdfc !important;
    box-shadow:0 14px 26px rgba(43,15,17,.18) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }
  .mm.est-fige .mm__panneau,
  .mm:focus-within .mm__panneau{ display:block !important; }
  .mm.est-fige,
  .mm:focus-within{
    z-index:30 !important;
    margin-bottom:132px !important;
  }
  .mm.est-fige .mm__panneau,
  .mm:focus-within .mm__panneau{
    top:calc(100% + 8px) !important;
    right:auto !important;
    width:calc(300% + 20px) !important;
    min-height:112px !important;
  }
  .mm:nth-child(3n + 1) .mm__panneau{ left:0 !important; }
  .mm:nth-child(3n + 2) .mm__panneau{ left:calc(-100% - 10px) !important; }
  .mm:nth-child(3n) .mm__panneau{ left:calc(-200% - 20px) !important; }
  .mm__panneau ul{ position:static !important; width:auto !important; margin:0 !important; }
  .mm__panneau li{ padding-left:16px !important; color:var(--bordeaux) !important; font:700 13px/1.45 "Manrope",var(--sans) !important; }
  .mm__panneau li::before{ left:0 !important; top:5px !important; width:4px !important; height:4px !important; }

  /* Assistant : photographie plein cadre + deux cartes ivoire. */
  .mobile-ai{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    padding:82px 18px 96px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.3)),url("assets/img/assistant-fond-20260720.webp") center/cover no-repeat !important;
  }
  .mobile-ai::before{ content:none !important; }
  .mobile-ai > *{ position:relative !important; inset:auto !important; width:min(100%,680px) !important; height:auto !important; margin:0 auto !important; }
  .mobile-ai__visual{
    min-height:350px !important;
    padding:20px !important;
    border-radius:14px !important;
    background:rgba(255,253,252,.94) !important;
    box-shadow:0 18px 48px rgba(33,27,24,.18) !important;
  }
  .mobile-ai__bubble,
  .mobile-ai__answer{ max-width:88% !important; padding:8px 10px !important; font-size:10px !important; }
  .mobile-ai__suggestions{ grid-template-columns:1fr 1fr !important; gap:6px !important; }
  .mobile-ai__suggestions span{ padding:8px !important; font-size:9px !important; }
  .mobile-ai__input{ padding:10px !important; font-size:9px !important; }
  .mobile-ai > div:last-child{
    padding:28px 24px 30px !important;
    color:var(--gris) !important;
    background:rgba(255,253,250,.92) !important;
    border:1px solid rgba(255,255,255,.72);
    border-radius:0 !important;
    box-shadow:0 18px 48px rgba(33,27,24,.16);
    backdrop-filter:blur(4px);
  }
  .mobile-ai .mobile-kicker{ display:none !important; }
  .mobile-ai h2{ color:var(--bordeaux) !important; font:700 30px/1.12 var(--sans) !important; }
  .mobile-ai > div:last-child > p{ margin-top:14px !important; color:var(--bordeaux) !important; font:500 14px/1.5 var(--sans) !important; }
  .mobile-ai .mobile-list{ margin-top:22px !important; gap:14px !important; color:var(--bordeaux) !important; }
  .mobile-ai .mobile-list li{ min-height:24px !important; padding-left:34px !important; font-size:12px !important; line-height:1.4 !important; }
  .mobile-ai .mobile-list li::before{ top:-2px !important; width:24px !important; height:24px !important; color:var(--or) !important; background:#fff !important; font:700 14px/24px var(--sans) !important; }

  /* Offre : mêmes panneaux rectangulaires et même feuille de séparation. */
  .mobile-offer{
    position:relative !important;
    height:auto !important;
    padding:62px 16px 70px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    background:#fffdfc !important;
  }
  .mobile-offer > .mobile-kicker{ display:none !important; }
  .mobile-offer > h2,
  .mobile-offer > .mobile-offer__subtitle,
  .mobile-offer > .mobile-offer__dates,
  .mobile-offer__pitch,
  .mobile-offer__card,
  .mobile-primeurs{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:760px !important;
    height:auto !important;
    min-height:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;
  }
  .mobile-offer > h2{ order:0; margin:0 auto !important; color:var(--bordeaux) !important; text-align:center !important; font:500 34px/1.1 var(--serif) !important; }
  .mobile-offer__underline::after{ height:3px !important; bottom:-4px !important; }
  .mobile-offer > .mobile-offer__subtitle{ order:1; margin-top:0 !important; color:var(--bordeaux) !important; text-align:center !important; font-size:13px !important; line-height:1.4 !important; }
  .mobile-offer > .mobile-offer__dates{ order:2; margin:8px auto 4px !important; display:flex !important; align-items:center !important; gap:12px !important; color:var(--bordeaux) !important; text-align:center !important; font:500 18px/1.2 var(--serif) !important; white-space:nowrap; }
  .mobile-offer > .mobile-offer__dates::before,
  .mobile-offer > .mobile-offer__dates::after{ content:"" !important; position:static !important; flex:1; width:auto !important; height:1px !important; background:var(--bordeaux) !important; }
  .mobile-offer__pitch{ order:3; padding:22px 18px !important; border:0 !important; border-radius:0 !important; color:#fff !important; background:var(--or) !important; box-shadow:none !important; }
  .mobile-offer__pitch h3{ font:700 24px/1.05 var(--sans) !important; }
  .mobile-offer__pitch > p{ margin-top:10px !important; font-size:13px !important; line-height:1.45 !important; }
  .mobile-offer__pitch ol{ margin-top:18px !important; gap:7px !important; }
  .mobile-offer__pitch li{ min-height:58px !important; padding:10px 10px 10px 45px !important; border-radius:3px !important; font-size:11px !important; }
  .mobile-offer__pitch li::before{ left:10px !important; width:25px !important; height:25px !important; font:700 12px/25px var(--sans) !important; }
  .mobile-offer__card{ order:4; padding:16px 16px 18px !important; display:grid !important; grid-template-columns:1fr !important; gap:14px !important; border:1px solid rgba(123,30,34,.16) !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
  .mobile-offer__price{ padding:11px 12px 9px !important; border:0 !important; background:#f5e8d6 !important; box-shadow:0 3px 5px rgba(0,0,0,.14) !important; }
  .mobile-offer__price strong{ font-size:52px !important; }
  .mobile-offer__badge{ top:10px !important; right:10px !important; background:transparent !important; }
  .mobile-offer__mention{ margin-top:0 !important; color:var(--bordeaux) !important; font-size:11px !important; }
  .mobile-offer__inclus{ margin:0 !important; color:var(--encre) !important; font:700 17px/1.2 "Manrope",var(--sans) !important; white-space:nowrap; }
  .mobile-offer__card .mobile-list{ margin:0 !important; gap:9px !important; }
  .mobile-offer__card .mobile-list li{ padding-left:24px !important; font:600 13px/1.35 "Manrope",var(--sans) !important; }
  .mobile-offer__card .mobile-button{ width:min(100%,384px) !important; min-height:48px !important; margin:8px auto 0 !important; border-radius:999px !important; font:700 14px/1.15 var(--sans) !important; }
  .mobile-offer__card small{ display:none !important; }
  .mobile-primeurs{ order:5; margin-top:18px !important; padding:54px 0 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; text-align:center !important; }
  .mobile-primeurs::before{ content:"" !important; position:absolute !important; top:14px !important; left:0 !important; width:100% !important; height:1px !important; background:linear-gradient(to right,var(--or) 0 43%,transparent 43% 57%,var(--or) 57% 100%) !important; }
  .mobile-primeurs::after{ content:"" !important; position:absolute !important; top:0 !important; left:50% !important; width:30px !important; height:31px !important; transform:translateX(-50%) !important; background:#fffdfc url("assets/img/feuille-tarifs-60-20260720.webp") center/contain no-repeat !important; }
  .mobile-primeurs > h3{ font:500 25px/1.1 var(--serif) !important; }
  .mobile-primeurs__suite{ margin-top:5px !important; font-size:13px !important; }
  .mobile-primeurs__card{
    position:relative !important;
    margin-top:16px !important;
    padding:14px 12px !important;
    display:grid !important;
    grid-template-columns:minmax(145px,.92fr) minmax(0,1.08fr) !important;
    grid-template-rows:auto auto auto auto !important;
    column-gap:12px !important;
    row-gap:4px !important;
    border:1px solid rgba(223,183,128,.75) !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:0 4px 4px rgba(0,0,0,.14) !important;
    text-align:left !important;
  }
  .mobile-primeurs__nom{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:start !important;
    justify-self:start !important;
    margin:0 !important;
    padding:0 0 5px !important;
    font:500 18px/1.1 var(--serif) !important;
  }
  .mobile-primeurs__prix{
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:center !important;
    margin:0 !important;
    color:var(--bordeaux) !important;
    font:700 20px/1 var(--sans) !important;
    white-space:nowrap !important;
  }
  .mobile-primeurs__note{
    grid-column:1 !important;
    grid-row:3 !important;
    align-self:end !important;
    margin:0 !important;
    color:var(--gris) !important;
    font-size:10px !important;
    line-height:1.35 !important;
    text-align:left !important;
  }
  .mobile-primeurs .mobile-list{
    grid-column:2 !important;
    grid-row:1 / 4 !important;
    align-self:center !important;
    margin:0 !important;
    gap:5px !important;
  }
  .mobile-primeurs .mobile-list li{ padding-left:16px !important; font-size:9.5px !important; line-height:1.3 !important; }
  .mobile-primeurs__details{
    position:static !important;
    grid-column:1 / -1 !important;
    grid-row:4 !important;
    justify-self:center !important;
    align-self:center !important;
    width:auto !important;
    min-width:180px !important;
    margin:10px 0 0 !important;
    padding:11px 20px !important;
    border-radius:999px !important;
    font:700 12px/1.2 var(--sans) !important;
  }

  /* À propos : photographie, carte ivoire et citation — même scène que desktop. */
  .mobile-apropos{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    padding:64px 18px 80px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(20,12,8,.08),rgba(20,12,8,.32)),url("assets/img/apropos-fond-20260720.webp") center/cover no-repeat !important;
  }
  .mobile-apropos::after{ content:none !important; }
  .mobile-apropos__carte{
    position:relative !important;
    inset:auto !important;
    width:min(100%,680px) !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:26px 22px 30px !important;
    color:var(--gris) !important;
    background:rgba(255,253,250,.94) !important;
    border:1px solid rgba(255,255,255,.74) !important;
    border-radius:0 !important;
    box-shadow:0 18px 46px rgba(28,17,12,.22) !important;
  }
  .mobile-apropos__carte h2{ position:relative !important; font:500 36px/1.08 var(--serif) !important; }
  .mobile-apropos__carte h2::after{ width:120px !important; bottom:-9px !important; height:2px !important; }
  .mobile-fondateurs{ margin:22px 0 14px !important; }
  .mobile-fondateurs img{ width:74px !important; height:74px !important; }
  .mobile-apropos__carte > p{ margin-top:13px !important; max-width:none !important; color:var(--gris) !important; font-size:13px !important; line-height:1.55 !important; }
  .mobile-france{ font-size:11px !important; }
  .mobile-signature{ position:static !important; width:auto !important; margin-top:22px !important; text-align:right !important; font-size:17px !important; }
  .mobile-citation{
    position:relative !important;
    inset:auto !important;
    width:min(100%,600px) !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    color:#fff !important;
    background:none !important;
  }
  .mobile-citation__guillemet{ height:50px !important; margin:0 !important; color:#fff !important; font:700 72px/.75 Georgia,serif !important; }
  .mobile-citation blockquote{ padding-left:18px !important; border-left:3px solid var(--or) !important; color:#fff !important; font:500 italic 30px/1.2 var(--serif) !important; text-shadow:0 4px 16px rgba(0,0,0,.42) !important; }

  /* FAQ et actualités : mêmes fonds, filets et cartes, simplement empilés. */
  .mobile-faq{ padding:64px 18px 72px !important; background:#fff9f3 !important; }
  .mobile-faq > .mobile-kicker{ display:none !important; }
  .mobile-faq > h2{ margin:0 auto 28px !important; color:#52221f !important; text-align:center !important; font:700 30px/1.15 var(--sans) !important; }
  .mobile-faq__grid{ grid-template-columns:1fr !important; gap:9px !important; max-width:760px !important; margin:0 auto !important; }
  .mobile-faq__col{ gap:9px !important; }
  .mobile-faq details{ border:1px solid rgba(223,183,128,.52) !important; border-radius:5px !important; background:#fff !important; box-shadow:none !important; }
  .mobile-faq summary{ min-height:44px !important; padding:12px 42px 12px 14px !important; color:var(--bordeaux) !important; font-size:12px !important; }
  .mobile-faq details p{ padding:0 14px 14px !important; font-size:12px !important; }

  .mobile-news{ padding:62px 16px 70px !important; background:#fffdfc !important; }
  .mobile-news > .mobile-kicker{ display:none !important; }
  .mobile-news > h2{ margin:0 auto 30px !important; color:#52221f !important; text-align:center !important; font:500 34px/1.15 var(--serif) !important; }
  .mobile-news__layout{ grid-template-columns:1fr !important; gap:18px !important; max-width:760px !important; margin:0 auto !important; }
  .mobile-news__principal,
  .mobile-news__secondaires{ gap:14px !important; }
  .mobile-news__card{ border:1px solid rgba(223,183,128,.42) !important; border-radius:7px !important; box-shadow:0 7px 18px rgba(55,25,22,.07) !important; }
  .mobile-news__principal .mobile-news__card{ grid-template-rows:190px auto !important; }
  .mobile-news__principal .mobile-news__photo img{ height:190px !important; }
  .mobile-news__card > div:not(.mobile-news__photo){ padding:16px !important; }
  .mobile-news .mobile-news__card h3{ font-size:18px !important; white-space:normal !important; }
  .mobile-news .mobile-news__card p{ font-size:12px !important; }
  .mobile-news .mobile-news__date{ font-size:12px !important; }
  .mobile-news__secondaires .mobile-news__card{
    grid-template-columns:1fr !important;
    grid-template-rows:170px auto !important;
  }
  .mobile-news__secondaires .mobile-news__card > div{
    grid-column:1 !important; grid-row:2 !important;
  }
  .mobile-news__secondaires .mobile-news__card > img{
    grid-column:1 !important; grid-row:1 !important;
    width:100% !important; height:170px !important; min-height:0 !important;
  }
  .mobile-news__instagram-link{ width:100% !important; height:auto !important; min-height:132px !important; transform:none !important; }
  .mobile-news__instagram-link{ grid-template-columns:auto 1fr !important; }
  .mobile-news__instagram-handle{ grid-column:2; }

  /* Footer : même logo bichrome, même dégradé et mêmes familles de liens. */
  .mobile-footer{
    padding:40px 22px 24px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    text-align:left !important;
  }
  .mobile-footer__marque{ display:block !important; text-align:center !important; }
  .mobile-footer__marque > img{ display:block !important; margin:0 auto !important; }
  .mobile-footer__marque > p{ max-width:520px; margin:12px auto 0 !important; color:#fff !important; text-align:center !important; }
  .mobile-footer__badges{ justify-content:center !important; margin-top:16px !important; }
  .mobile-footer__liens{
    padding:20px 0 !important;
    grid-template-columns:1fr 1fr;
    gap:12px 18px !important;
    border-top:1px solid rgba(255,255,255,.58);
    border-bottom:1px solid rgba(255,255,255,.32);
  }
  .mobile-footer__liens a,
  .mobile-footer__liens button{ font-weight:700 !important; }
  .mobile-footer__liens a:last-of-type{ grid-column:1 / -1; justify-self:center; text-align:center; }
  .mobile-footer__suivre{ display:grid !important; justify-items:center; gap:10px !important; }
  .mobile-footer__suivre strong{ width:min(100%,200px); padding-bottom:8px; border-bottom:1px solid #fff; text-align:center; }
  .mobile-footer__social{ display:flex !important; justify-content:center !important; margin:0 !important; }
  .mobile-footer .mobile-footer__credit{ margin:0 !important; color:rgba(255,255,255,.72) !important; text-align:center !important; }
}

@media (min-width:700px) and (max-width:1199px){
  .mobile-hero{ min-height:790px; padding-left:28px; padding-right:28px; }
  .mobile-hero__content{ display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important; align-items:center !important; gap:20px !important; }
  .hero-copy,
  .mobile-apercu{ width:100% !important; margin:0 !important; }
  .hero-copy{ grid-column:1 !important; grid-row:1 !important; }
  .mobile-apercu{ grid-column:2 !important; grid-row:1 !important; align-self:center !important; }
  .mobile-apercu{ min-height:360px !important; }
  .mobile-benefices{ grid-template-columns:repeat(3,1fr) !important; max-width:1100px !important; }
  .mobile-benefices article,
  .mobile-benefices article:nth-child(n){ grid-template-columns:54px 1fr !important; min-height:126px !important; padding:14px !important; }
  .mobile-benefices .mobile-icone{ width:50px !important; height:50px !important; }
  .mobile-modules__liste{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; max-width:1080px !important; margin:0 auto !important; }
  .mm.est-fige .mm__panneau,
  .mm:focus-within .mm__panneau{ width:calc(500% + 40px) !important; }
  .mm:nth-child(5n + 1) .mm__panneau{ left:0 !important; }
  .mm:nth-child(5n + 2) .mm__panneau{ left:calc(-100% - 10px) !important; }
  .mm:nth-child(5n + 3) .mm__panneau{ left:calc(-200% - 20px) !important; }
  .mm:nth-child(5n + 4) .mm__panneau{ left:calc(-300% - 30px) !important; }
  .mm:nth-child(5n) .mm__panneau{ left:calc(-400% - 40px) !important; }
  .mm__panneau ul{ display:flex !important; align-items:center !important; justify-content:space-around !important; gap:20px !important; min-height:74px !important; }
  .mobile-ai{ grid-template-columns:1fr 1fr !important; align-items:center !important; gap:22px !important; padding-left:28px !important; padding-right:28px !important; }
  .mobile-ai > *{ width:100% !important; }
  .mobile-offer{ grid-template-columns:1fr 1fr !important; column-gap:16px !important; }
  .mobile-offer > h2,
  .mobile-offer > .mobile-offer__subtitle,
  .mobile-offer > .mobile-offer__dates,
  .mobile-primeurs{ grid-column:1 / -1 !important; }
  .mobile-offer__pitch{ grid-column:1 !important; grid-row:4 !important; height:100% !important; }
  .mobile-offer__card{ grid-column:2 !important; grid-row:4 !important; height:100% !important; }
  .mobile-primeurs__card{
    min-height:174px !important;
    padding:18px 20px !important;
    grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr) minmax(170px,.7fr) !important;
    grid-template-rows:auto auto auto !important;
    column-gap:18px !important;
    align-items:center !important;
  }
  .mobile-primeurs__nom{ font-size:24px !important; }
  .mobile-primeurs__prix{ font-size:32px !important; }
  .mobile-primeurs__note{ font-size:11px !important; }
  .mobile-primeurs .mobile-list{ grid-column:2 !important; grid-row:1 / 4 !important; gap:7px !important; }
  .mobile-primeurs .mobile-list li{ font-size:11px !important; }
  .mobile-primeurs__details{
    grid-column:3 !important;
    grid-row:1 / 4 !important;
    justify-self:stretch !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .mobile-apropos{ grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important; align-items:center !important; padding-left:30px !important; padding-right:30px !important; }
  .mobile-apropos__carte,
  .mobile-citation{ width:100% !important; }
  .mobile-faq__grid{ grid-template-columns:1fr 1fr !important; align-items:start !important; }
  .mobile-news__layout{ grid-template-columns:1fr 1fr !important; }
  .mobile-footer{ grid-template-columns:1.2fr .95fr .75fr !important; align-items:stretch !important; text-align:left !important; }
  .mobile-footer__marque{ text-align:left !important; }
  .mobile-footer__marque > img{ margin-left:0 !important; }
  .mobile-footer__marque > p{ text-align:left !important; }
  .mobile-footer__badges{ justify-content:flex-start !important; }
  .mobile-footer__liens{
    grid-template-columns:1fr !important;
    align-content:center !important;
    border-top:0;
    border-bottom:0;
    border-left:1px solid rgba(255,255,255,.58);
    padding:6px 0 6px 28px !important;
  }
  .mobile-footer__liens a:last-of-type{ grid-column:1; justify-self:start; text-align:left; }
  .mobile-footer__suivre{ align-content:center !important; }
  .mobile-footer__credit{ grid-column:1 / -1 !important; }
}

@media (max-width:359px){
  .mobile-primeurs__card{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:7px !important;
  }
  .mobile-primeurs__nom,
  .mobile-primeurs__prix,
  .mobile-primeurs__note,
  .mobile-primeurs .mobile-list,
  .mobile-primeurs__details{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .mobile-primeurs .mobile-list{ margin-top:6px !important; }
}

/* Les publications restent secondaires et compactes par rapport aux actualités éditoriales. */
@media (max-width:1199px){
  .mobile-news__secondaires{ grid-template-rows:auto !important; align-content:start !important; }
}

@media (min-width:1200px){
  .mobile-news{
    height:auto; min-height:1081px; padding:70px 0 80px;
  }
  .mobile-news > h2{
    position:relative; top:auto; left:auto; width:100%;
  }
  .mobile-news__layout{
    position:relative; left:auto; top:auto; width:1664px; height:auto;
    margin:110px auto 0; grid-template-columns:767px minmax(0,1fr); align-items:start;
  }
  .mobile-news__secondaires{
    grid-template-columns:1fr; grid-template-rows:260px 260px; align-items:start;
  }
  .mobile-news__secondaires .mobile-news__card{
    grid-template-columns:minmax(0,1fr) 120px;
  }
  .mobile-news__secondaires .mobile-news__card > img{
    width:120px; height:100%;
  }
  .mobile-news__secondaires .mobile-news__card h3{
    white-space:normal;
  }
  .mobile-news__instagram-link{
    grid-column:auto; width:100%; height:234px; min-height:0; transform:translateY(8px);
  }
}