/* 13-responsive.css
   Points de rupture tablette et mobile */

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .about{grid-template-columns:1fr}
  .sec-head{grid-template-columns:1fr;gap:12px}
  .sec-tag{padding-top:14px}
}
@media (max-width:760px){
  .nav-links{display:none}
  .burger{display:flex}
  .mobile-menu{
    display:block;max-height:0;overflow:hidden;
    transition:max-height .32s cubic-bezier(.22,.7,.3,1);
    border-top:1px solid transparent;
  }
  .nav.open .mobile-menu{max-height:360px;border-top-color:var(--line)}
  .mobile-menu ul{padding:10px var(--pad) 22px;display:grid;gap:2px}
  .mobile-menu a{
    display:block;padding:12px 2px;font-size:16px;color:var(--muted);
    border-bottom:1px solid var(--line);
  }
  .mobile-menu li:last-child a{border-bottom:0}
  .mobile-menu a:hover{color:var(--text)}
  .contact-grid{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .fact--wide{grid-column:auto}
  .hero-cta .btn{flex:1 1 auto;justify-content:center}
}
@media (max-width:420px){
  .price b{font-size:34px}
}