:root{
    --papier:#f5f0e8;
    --papier-fonce:#ece3d4;
    --ocre:#b8860b;
    --ocre-clair:#d4a53a;
    --encre:#3a2e22;
    --brun:#4a3728;
    --garrigue:#6b7355;
    --garrigue-fonce:#4d5340;
    --bordeaux:#8c3a2b;
    --bordeaux-clair:#a8543f;
    --blanc-casse:#fdfbf6;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:Georgia,'Times New Roman',serif;
    background:var(--papier);
    color:var(--encre);
    line-height:1.6;
    overflow-x:hidden;
  }
  h1,h2,h3{font-weight:normal;line-height:1.2}
  /* Typographie : pas de mots orphelins */
  h1,h2,h3{text-wrap:balance}
  p,li,.cuvee-histoire,.cuvee-nez{text-wrap:pretty}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1200px;margin:0 auto;padding:0 24px}

  /* Grain papier */
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.4;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  }

  /* ===== HEADER ===== */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(245,240,232,.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(184,134,11,.2);
    transition:padding .3s;
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1200px;margin:0 auto;position:relative}
  .logo{display:flex;align-items:center;gap:14px;color:var(--brun)}
  .logo .med-img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
  .logo-lettrage img{height:26px;display:block;object-fit:contain}
  .logo small{display:block;font-size:.55rem;letter-spacing:.22em;color:var(--ocre);text-transform:uppercase;margin-top:5px}
  nav ul{display:flex;gap:28px;list-style:none;align-items:center}
  nav a{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brun);transition:color .2s;position:relative;padding-bottom:2px}
  nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--bordeaux);transition:width .3s}
  nav a:hover::after{width:100%}
  nav a:hover{color:var(--bordeaux)}
  .nav-cta{background:var(--encre);color:var(--papier)!important;padding:9px 18px;border-radius:2px;font-size:.75rem}
  .nav-cta:hover{background:#F2B8A6;color:var(--encre)!important}
  nav li.has-sub{position:relative}
  nav ul.sub{display:none;position:absolute;top:100%;left:-16px;min-width:238px;flex-direction:column;gap:0;background:var(--papier);border:1px solid rgba(184,134,11,.28);border-radius:2px;box-shadow:0 14px 30px rgba(58,46,34,.16);padding:6px 0;z-index:120}
  nav li.has-sub:hover>ul.sub,nav li.has-sub:focus-within>ul.sub{display:flex}
  nav ul.sub a{display:block;padding:11px 20px;font-size:.74rem;letter-spacing:.1em;white-space:nowrap}
  nav ul.sub a::after{display:none}
  nav ul.sub a:hover{background:rgba(184,134,11,.1);color:var(--bordeaux)}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
  .burger span{width:26px;height:2px;background:var(--brun)}

  /* ===== HERO ===== */
  .hero{
    position:relative;min-height:100vh;display:flex;align-items:center;
    background:linear-gradient(rgba(58,46,34,.35),rgba(58,46,34,.5)),url('../images/img-5961b0f62abf.jpg') center 40%/cover no-repeat;
    padding-top:80px;
  }
  .hero-content{position:relative;z-index:3;color:var(--blanc-casse);max-width:680px}
  .hero .eyebrow{
    display:inline-block;font-size:.92rem;font-weight:bold;letter-spacing:.24em;text-transform:uppercase;
    color:#f2b8a6;border-left:3px solid var(--bordeaux-clair);padding-left:14px;margin-bottom:24px;text-shadow:0 1px 8px rgba(0,0,0,.45);
  }
  .hero h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:22px;text-shadow:0 2px 20px rgba(0,0,0,.4)}
  .hero h1 em{font-style:italic;color:var(--ocre-clair)}
  .hero p{font-size:clamp(1.05rem,1.6vw,1.3rem);margin-bottom:36px;max-width:560px;text-shadow:0 1px 10px rgba(0,0,0,.5);line-height:1.7}
  .hero-btns{display:flex;gap:16px;flex-wrap:wrap}
  .hero-btns .btn{padding:17px 34px}
  .btn{
    display:inline-flex;align-items:center;gap:8px;padding:15px 30px;font-size:.95rem;font-weight:bold;
    letter-spacing:.1em;text-transform:uppercase;border-radius:2px;transition:all .25s;cursor:pointer;border:none;font-family:inherit;
  }
  .btn-primary{background:var(--bordeaux);color:var(--papier)}
  .btn-primary:hover{background:#F2B8A6;color:var(--encre);transform:translateY(-2px)}
  .btn-ghost{background:rgba(253,251,246,.1);color:var(--blanc-casse);border:1px solid rgba(253,251,246,.5)}
  .btn-ghost:hover{background:rgba(253,251,246,.2);border-color:var(--blanc-casse)}

  /* Miélo animé dans le hero */
  .mielo-fly{
    position:absolute;z-index:5;width:180px;top:30%;left:-240px;
    animation:traverse 6s cubic-bezier(.4,.05,.5,1) 1s forwards;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));pointer-events:none;
  }
  @keyframes traverse{
    0%{left:-240px;top:32%;opacity:0;transform:rotate(-6deg) scale(.9)}
    12%{opacity:1}
    45%{top:18%;transform:rotate(3deg) scale(1.05)}
    80%{opacity:1}
    100%{left:110%;top:26%;opacity:0;transform:rotate(-4deg) scale(.95)}
  }
  @keyframes bob{0%,100%{margin-top:0}50%{margin-top:-14px}}

  .scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;color:var(--blanc-casse);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.8;text-align:center}
  .scroll-hint::after{content:"";display:block;width:1px;height:34px;background:var(--blanc-casse);margin:10px auto 0;animation:scrollpulse 2s ease-in-out infinite}
  @keyframes scrollpulse{0%,100%{opacity:.3;height:20px}50%{opacity:1;height:34px}}

  /* ===== BANDE CHIFFRES CLÉS ===== */
  .chiffres{background:var(--bordeaux);color:var(--papier);padding:38px 0;position:relative;z-index:2;overflow:hidden}
  .mielo-chiffres{position:absolute;bottom:-10px;left:2%;width:110px;opacity:.9;z-index:3;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
  @media(max-width:900px){.mielo-chiffres{display:none}}
  .chiffres::before{content:"";position:absolute;inset:0;background:url('../images/img-466638a5ef68.png') repeat;background-size:900px auto;opacity:.12;mix-blend-mode:screen}
  .chiffres-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:2;text-align:center}
  /* La bande a 4 colonnes deborde un viewport 390px et .chiffres est en overflow:hidden :
     le 4e chiffre (bio / miels certifies) etait purement et simplement coupe. */
  @media(max-width:640px){
    .chiffres-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}
    .chiffre .num{font-size:2rem}
    .chiffre .lab{font-size:.74rem;letter-spacing:.1em}
  }
  .chiffre{display:flex;flex-direction:column;gap:4px}
  .chiffre .num{font-size:2.4rem;color:var(--papier);line-height:1}
  .chiffre .lab{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,232,.8)}

  /* ===== SECTION GÉNÉRIQUE ===== */
  section{position:relative;z-index:2}
  .section-pad{padding:100px 0}
  .section-head{text-align:center;max-width:720px;margin:0 auto 60px}
  .section-head .kicker{font-size:.88rem;font-weight:bold;letter-spacing:.24em;text-transform:uppercase;color:var(--ocre);margin-bottom:16px;display:block}
  .section-head h2{font-size:clamp(1.9rem,3.5vw,2.8rem);color:var(--brun);margin-bottom:18px}
  .section-head p{font-size:1.1rem;color:var(--garrigue-fonce)}

  /* ===== BLOC RUCHES (coeur de métier) ===== */
  .ruches{background:var(--blanc-casse);border-top:1px solid rgba(184,134,11,.15);border-bottom:1px solid rgba(184,134,11,.15)}
  .ruches-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
  .ruches-img{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(58,46,34,.18)}
  .ruches-img img{width:100%;display:block}
  .ruches-txt{position:relative}
  .mielo-metier{display:block;width:130px;margin:0 0 10px -6px}
  @media(max-width:900px){.mielo-metier{width:100px}}
  .ruches-txt h2{font-size:clamp(1.9rem,3.2vw,2.6rem);color:var(--brun);margin-bottom:20px}
  .ruches-txt h2 em{font-style:italic;color:var(--ocre)}
  .ruches-txt .lead{font-size:1.15rem;color:var(--garrigue-fonce);margin-bottom:26px}
  .franc{background:var(--papier);border-left:3px solid var(--ocre);padding:22px 26px;border-radius:0 4px 4px 0;margin-bottom:28px}
  .franc strong{color:var(--brun);font-size:1.05rem;display:block;margin-bottom:8px}
  .franc p{font-size:.98rem;color:var(--encre);margin:0}

  /* Deux offres */
  .formules-band{background:var(--bordeaux);background-image:url('../images/img-e353e39ef8d5.png');background-size:520px auto;background-repeat:repeat;border-radius:8px;padding:36px 32px;display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:46px}
  .formule-card{position:relative;display:block;background:var(--blanc-casse);border:1px solid rgba(184,134,11,.25);border-radius:6px;padding:34px 30px 30px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}
  .formule-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(30,10,6,.35);border-color:var(--ocre)}
  .formule-card .logo-formule{height:110px;display:block;margin:0 auto 18px;object-fit:contain}
  .formule-card .tag{font-size:.8rem;font-weight:bold;letter-spacing:.18em;text-transform:uppercase;color:var(--ocre);margin-bottom:10px}
  .formule-card h3{font-size:1.55rem;color:var(--brun);margin-bottom:6px}
  .formule-card .zone{font-size:.88rem;color:var(--garrigue);font-style:italic;margin-bottom:16px}
  .formule-card .lien{font-size:.85rem;font-weight:bold;letter-spacing:.1em;text-transform:uppercase;color:var(--bordeaux);transition:color .25s}
  .formule-card:hover .lien{color:var(--bordeaux-clair)}
  @media(max-width:760px){.formules-band{grid-template-columns:1fr}}
  .offres{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px}
  .offre{background:var(--papier);border:1px solid rgba(184,134,11,.25);border-radius:4px;padding:34px;transition:all .3s;position:relative;overflow:hidden}
  .offre:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(58,46,34,.14);border-color:var(--ocre)}
  .offre .tag{font-size:.8rem;font-weight:bold;letter-spacing:.18em;text-transform:uppercase;color:var(--ocre);margin-bottom:12px}
  .offre-logo{height:90px;display:block;margin:0 0 18px 0;object-fit:contain}
  .offre h3{font-size:1.6rem;color:var(--brun);margin-bottom:6px}
  .offre .zone{font-size:.86rem;color:var(--garrigue);font-style:italic;margin-bottom:18px}
  .offre .prix{font-size:1.5rem;color:var(--ocre);margin-bottom:2px}
  .offre .prix small{font-size:.8rem;color:var(--garrigue)}
  .offre .prix-note{font-size:.82rem;color:var(--garrigue-fonce);font-style:italic;margin-bottom:4px}
  .offre .min{font-size:.78rem;color:var(--garrigue);margin-bottom:20px}
  .offre ul{list-style:none;margin-bottom:24px}
  .offre li{font-size:.92rem;padding:7px 0 7px 30px;position:relative;border-bottom:1px solid rgba(184,134,11,.1)}
  .offre li .ic{position:absolute;left:0;font-size:1rem}
  .offre .btn{width:100%;justify-content:center}

  /* ===== BLOG (moteur d'acquisition) ===== */
  .blog{background:#14100b;position:relative}
  .blog::before{content:"";position:absolute;inset:0;background:url('../images/img-532e54bc191c.jpg') repeat;background-size:1400px auto;opacity:1;pointer-events:none;z-index:1}
  .blog .wrap{position:relative;z-index:2}
  .post-date.une{color:var(--bordeaux);font-weight:bold}
  .post.feat .post-cat{background:var(--bordeaux);color:var(--papier)}
  .blog-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px}
  .blog-head h2{font-size:clamp(1.9rem,3.5vw,2.8rem);color:var(--blanc-casse)}
  .blog-head .kicker{font-size:.88rem;font-weight:bold;letter-spacing:.24em;text-transform:uppercase;color:var(--ocre-clair);margin-bottom:12px;display:block}
  .blog-head p{color:rgba(253,251,246,.72);max-width:440px;margin-top:8px}
  .blog-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
  .post{background:var(--blanc-casse);border-radius:4px;overflow:hidden;box-shadow:0 6px 24px rgba(58,46,34,.08);transition:all .3s;display:flex;flex-direction:column}
  .post:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(58,46,34,.16)}
  .post-img{height:200px;overflow:hidden;position:relative}
  .post-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
  .post:hover .post-img img{transform:scale(1.06)}
  .post-cat{position:absolute;top:14px;left:14px;background:var(--ocre);color:var(--encre);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:2px}
  .post-body{padding:24px;flex:1;display:flex;flex-direction:column}
  .post .feat{grid-row:span 1}
  .post.feat .post-img{height:100%}
  .post-date{font-size:.74rem;color:var(--garrigue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
  .post h3{font-size:1.25rem;color:var(--brun);margin-bottom:12px;line-height:1.35}
  .post p{font-size:.92rem;color:var(--garrigue-fonce);margin-bottom:16px;flex:1}
  .post .read{font-size:.82rem;color:var(--ocre);letter-spacing:.08em;text-transform:uppercase}
  .post.feat{grid-row:1/3;grid-column:1}
  .post.feat h3{font-size:1.7rem}
  .blog-cta{text-align:center;margin-top:44px}

  /* ===== POURQUOI NOUS ===== */
  .why{background:var(--garrigue-fonce);color:var(--papier);position:relative;overflow:hidden}
  .mielo-corner{position:absolute;bottom:0;right:2%;width:160px;opacity:.9;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));z-index:1}
  @media(max-width:900px){.mielo-corner{width:100px;opacity:.5}}
  .why .section-head h2{color:var(--papier)}
  .why .section-head .kicker{color:var(--ocre-clair)}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
  .why-card{text-align:center}
  .why-card .ic{width:90px;height:90px;margin:0 auto 22px;border-radius:50%;overflow:hidden;border:2px solid var(--ocre);background:var(--papier)}
  .why-card .ic img{width:100%;height:100%;object-fit:cover}
  .why-card h3{font-size:1.35rem;color:var(--ocre-clair);margin-bottom:12px}
  .why-card p{font-size:.96rem;color:rgba(245,240,232,.85);line-height:1.7}

  /* ===== PRODUITS (crédibilité) ===== */
  .produits-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
  .produits-txt .kicker{font-size:.88rem;font-weight:bold;letter-spacing:.24em;text-transform:uppercase;color:var(--ocre);margin-bottom:16px;display:block}
  .produits-txt h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--brun);margin-bottom:20px}
  .produits-txt h2 em{font-style:italic;color:var(--ocre)}
  .produits-txt p{font-size:1.05rem;color:var(--garrigue-fonce);margin-bottom:18px}
  .medailles{display:flex;gap:14px;margin:24px 0;flex-wrap:wrap}
  .medaille{background:var(--papier);border:1px solid var(--ocre);border-radius:2px;padding:8px 16px;font-size:.82rem;color:var(--brun)}
  .produits-img{border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(58,46,34,.2)}
  .produits-img img{width:100%;display:block}

  /* ===== BANDE PRESSE ===== */
  .presse{background:var(--blanc-casse);padding:64px 0;border-top:1px solid rgba(184,134,11,.15)}
  .presse-intro{text-align:center;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ocre);margin-bottom:34px}
  .presse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}
  .presse blockquote{font-size:1.3rem;color:var(--brun);font-style:italic;line-height:1.4;border:none;position:relative}
  .presse blockquote cite{display:block;font-style:normal;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--garrigue);margin-top:12px}
  .presse blockquote:not(:last-child){border-right:1px solid rgba(184,134,11,.2)}

  /* ===== SLIDER CUVÉES ===== */
  .cuvees-slider{margin-top:70px;overflow:hidden;width:100%;position:relative}
  .cuvees-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}
  .cuvees-track::-webkit-scrollbar{display:none}
  .cuvee{scroll-snap-align:center;min-width:100%;flex:0 0 100%;box-sizing:border-box;display:grid;grid-template-columns:.8fr 1.2fr;gap:0;border-radius:6px;overflow:hidden;box-shadow:0 16px 44px rgba(58,46,34,.16)}
  .cuvee-visuel{background:linear-gradient(135deg,var(--c),var(--c2));display:flex;align-items:center;justify-content:center;padding:26px;position:relative}
  .cuvee-fenetre{position:relative;z-index:2;width:100%;height:100%;min-height:220px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .cuvee-fenetre img{width:100%;height:100%;object-fit:cover;display:block}
  .cuvee-visuel::before{content:"";position:absolute;inset:0;background:url('../images/img-466638a5ef68.png') repeat;background-size:520px auto;opacity:.32;mix-blend-mode:screen}
  .cuvee-lettre{font-size:5rem;color:rgba(255,255,255,.9);font-style:italic;font-family:Georgia,serif;position:relative;z-index:2;text-shadow:0 4px 20px rgba(0,0,0,.2)}
  .cuvee-badge{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.92);color:var(--c);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:2px;z-index:3;font-weight:bold}
  .cuvee-txt{background:var(--blanc-casse);padding:44px 46px;display:flex;flex-direction:column;justify-content:center}
  .cuvee-type{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c);margin-bottom:8px}
  .cuvee-txt h3{font-size:2.2rem;color:var(--brun);margin-bottom:16px}
  .cuvee-histoire{font-style:italic;color:var(--garrigue-fonce);font-size:1.05rem;line-height:1.6;margin-bottom:16px}
  .cuvee-nez{font-size:.92rem;color:var(--encre);margin-bottom:14px}
  .cuvee-accord{font-size:.9rem;color:var(--brun);font-weight:bold}
  .cuvees-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}
  .cuvees-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--ocre);background:var(--papier);color:var(--brun);font-size:1.5rem;cursor:pointer;transition:all .2s;line-height:1}
  .cuvees-nav button:hover{background:var(--ocre);color:var(--papier)}
  .cuvees-dots{display:flex;gap:10px}
  .cuvees-dots span{width:12px;height:12px;border-radius:50%;background:var(--dc,rgba(184,134,11,.35));opacity:.35;cursor:pointer;transition:all .2s}
  .cuvees-dots span.on{opacity:1;transform:scale(1.35)}
  
  @media(max-width:768px){.cuvee{grid-template-columns:1fr}.cuvee-visuel{min-height:230px}.cuvee-lettre{font-size:3.5rem}.cuvees-nav button{width:52px;height:52px;font-size:1.3rem}.cuvees-dots span{width:14px;height:14px}}}

  /* ===== CTA FINAL ===== */
  .cta-final{background:linear-gradient(rgba(58,46,34,.85),rgba(58,46,34,.9)),url('../images/img-da176e74c8e2.jpg') center/cover;color:var(--papier);text-align:center;position:relative;overflow:hidden}
  .mielo-zen{position:absolute;bottom:0;right:4%;width:170px;opacity:.95;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));z-index:1}
  .cta-final .wrap{position:relative;z-index:2}
  @media(max-width:768px){.mielo-zen{width:100px;opacity:.6}}
  .cta-final h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px}
  .cta-final p{font-size:1.2rem;max-width:600px;margin:0 auto 34px;color:rgba(245,240,232,.9)}

  /* ===== FOOTER ===== */
  footer{background:var(--encre);color:rgba(245,240,232,.75);padding:70px 0 30px}
  .foot-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr 1.8fr;gap:40px;margin-bottom:50px}
  .contacts-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  @media(max-width:520px){.contacts-duo{grid-template-columns:1fr}}
  .foot-brand .logo{margin-bottom:18px}
  .foot-logo{display:flex;align-items:center;gap:12px}
  .foot-logo .med-img{width:52px;height:52px;object-fit:contain;background:var(--blanc-casse);border-radius:50%;padding:3px}
  .foot-logo .foot-typo{height:22px;object-fit:contain}
  .foot-brand p{font-size:.9rem;line-height:1.7;max-width:280px}
  footer h4{color:var(--ocre-clair);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px}
  footer ul{list-style:none}
  footer li{margin-bottom:10px}
  footer li a{font-size:.9rem;transition:color .2s}
  footer li a:hover{color:var(--ocre-clair)}
  .foot-contact p{font-size:.88rem;margin-bottom:8px;line-height:1.6}
  .foot-bottom{border-top:1px solid rgba(245,240,232,.15);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem;color:rgba(245,240,232,.5)}
  .foot-bottom a{color:rgba(245,240,232,.5)}
  .foot-bottom a:hover{color:var(--ocre-clair)}

  /* ===== RESPONSIVE ===== */
  @media(max-width:900px){
    nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:var(--papier);flex-direction:column;gap:0;padding:10px 0;border-bottom:2px solid var(--ocre);box-shadow:0 14px 30px rgba(58,46,34,.18)}
    nav ul.open{display:flex}
    nav ul li{width:100%}
    nav a{display:block;padding:14px 26px;font-size:.95rem}
    .nav-cta{margin:10px 26px;text-align:center}
    nav ul.sub{display:flex;position:static;background:transparent;border:none;box-shadow:none;padding:0;min-width:0}
    nav ul.sub a{padding:11px 26px 11px 46px;font-size:.85rem;opacity:.85}
    .burger{display:flex}
    .ruches-grid,.produits-grid{grid-template-columns:1fr;gap:36px}
    .offres{grid-template-columns:1fr}
    .blog-grid{grid-template-columns:1fr}
    .post.feat{grid-row:auto;grid-column:auto}
    .why-grid{grid-template-columns:1fr;gap:34px}
    .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
    .mielo-fly{width:90px}
  }
  @media(max-width:520px){
    .foot-grid{grid-template-columns:1fr}
    .hero-btns{flex-direction:column}
    .btn{width:100%;justify-content:center}
    /* CTA e-mail : l'adresse en capitales + interlettrage deborde un viewport 390px */
    .cta-final .btn{max-width:100%;padding:15px 16px;font-size:.8rem;letter-spacing:.05em;overflow-wrap:anywhere}
  }