/* =============================================
   RESPONSIVE — MMF Investment
============================================= */

@media(max-width:1200px){
  .hero-title{font-size:44px;}
  .why-grid{grid-template-columns:repeat(3,1fr);}
  .ftr-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;}
  .ftr-brand{grid-column:1/-1;}
  .testi-row{grid-template-columns:1fr 1fr;gap:16px;}
}

@media(max-width:1024px){
  .hero-title{font-size:36px;}
  .plans-layout{grid-template-columns:1fr;}
  .hiw-layout{grid-template-columns:1fr;}
  .hiw-phone{display:none;}
  .testi-row{grid-template-columns:1fr;}
}

@media(max-width:900px){
  .sec-grid{grid-template-columns:1fr;gap:14px;}
  .plans-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .steps-row{flex-wrap:wrap;gap:16px;}
  .step-arr{display:none;}
  .step-box{flex:0 0 calc(50% - 8px);}
  /* Crypto compact 4 cols sur tablette */
  .crypto-row{grid-template-columns:repeat(4,1fr);}
}

@media(max-width:768px){
  /* Sections — réduire les espaces */
  #sectors,#hiw,#plans,#why,#testi,#about,#affil,#manifesto{padding:48px 0!important;}
  #about .about-pillars{grid-template-columns:1fr!important;}
  #about .about-values{grid-template-columns:repeat(2,1fr)!important;}
  .s-head{margin-bottom:28px;}

  /* Navbar */
  .nav-links,.nav-r{display:none;}
  .nav-mob-right{display:flex;}
  .nav-c{padding:0 16px;justify-content:space-between;}
  .nav-logo img{height:60px;}

  /* Hero */
  .hero-ov{
    background:linear-gradient(
      180deg,
      rgba(7,7,7,0.72) 0%,
      rgba(7,7,7,0.45) 50%,
      rgba(7,7,7,0.75) 100%
    );
  }
  .hero-title{font-size:28px;letter-spacing:-.3px;}
  .hero-desc{font-size:13px;}
  .hero-trust{gap:12px;flex-direction:column;align-items:flex-start;}
  .hero-btns{flex-direction:column;align-items:stretch;gap:10px;}
  .hero-btns .btn-gold,.hero-btns .btn-outline{justify-content:center;}

  /* Stats 2 colonnes */
  .stats-c{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;}
  .stat-sep{display:none;}

  /* Secteurs mobile — fond image plein */
  .sec-grid{grid-template-columns:1fr;gap:16px;}
  .sec-card{
    min-height:220px;
    display:flex;flex-direction:column;justify-content:flex-end;
  }
  .sec-bg{
    position:absolute;inset:0;
    width:100%;height:100%;
    background-size:cover;background-position:center;
  }
  .sec-ov{
    display:block;
    position:absolute;inset:0;
    background:linear-gradient(to top,rgba(7,7,7,.97) 0%,rgba(7,7,7,.55) 50%,rgba(7,7,7,.05) 100%);
  }
  .sec-body{padding:16px 16px 18px;}
  .sec-desc{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

  /* Plans */
  .plans-grid{grid-template-columns:1fr;}

  /* Why */
  .why-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .why-it{padding:16px 10px;}

  /* Testi */
  .testi-row{grid-template-columns:1fr;}

  /* Newsletter */
  .nl-wrap{flex-direction:column;align-items:flex-start;}
  .nl-form{width:100%;max-width:100%;}

  /* Footer */
  .ftr-grid{grid-template-columns:1fr 1fr;gap:18px;}
  .ftr-brand{grid-column:1/-1;text-align:center;}
  .ftr-brand p{max-width:100%;}
  .ftr-brand .ftr-logo,.ftr-brand .ftr-logo-txt{display:block;margin-left:auto;margin-right:auto;}
  .ftr-soc{justify-content:center;}
  .ftr-col{text-align:center;}
  .ftr-col ul li a:hover{padding-left:0;}
  .ftr-btm{flex-direction:column;text-align:center;align-items:center;}
  .ftr-crypto{flex-wrap:wrap;justify-content:center;gap:6px;}

  /* Affiliation highlights — 1 colonne sur mobile */
  .affil-highlights{grid-template-columns:1fr;}

  /* Payments */
  #payments{padding:48px 0!important;}
  .pay-feats{
    grid-template-columns:1fr;
    background:none;border:none;
    gap:10px;
  }
  .pay-feats .pay-feat-sep{display:none;}
  .pay-feat{
    background:rgba(255,255,255,.03);
    border:1px solid var(--brd2);
    border-radius:12px;
    padding:18px 16px;
    gap:14px;
    align-items:center;
  }
  .pay-feat-ico{width:42px;height:42px;flex-shrink:0;border-radius:10px;}
  .pay-feat-t{font-size:14px;margin-bottom:4px;}
  .pay-feat-d{font-size:12px;line-height:1.6;margin-bottom:8px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .pay-feat-tag{font-size:10px;}
  /* Crypto compact mobile */
  .crypto-row{grid-template-columns:repeat(4,1fr);}
  .crypto-card{padding:14px 6px;gap:6px;}
  .crypto-coin{width:36px;height:36px;}
  .crypto-nm{font-size:9.5px;}
  .crypto-tk{font-size:8px;}
  .pay-note{font-size:10px;}

  /* Quick Actions — 2 colonnes tablette de chocolat */
  .quick-actions{grid-template-columns:repeat(2,1fr);}

  /* Bottom nav */
  #mob-nav{display:block;}
  body{padding-bottom:58px;}

  /* Scroll to top — au-dessus de la nav mobile */
  #top-btn{bottom:72px;right:14px;width:38px;height:38px;font-size:13px;}

  .s-title{font-size:26px;}

  /* Inner banner */
  .mmf-inner-banner{padding:100px 16px 40px;}
  .mmf-inner-banner h1{font-size:26px;}
}

@media(max-width:480px){
  #sectors,#hiw,#plans,#why,#testi,#about,#affil,#manifesto,#payments{padding:36px 0!important;}
  .hero-title{font-size:23px;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .ftr-grid{grid-template-columns:1fr;}
  .ftr-col{text-align:center;}
  .steps-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
}