/* responsive.css v8 */
@media(max-width:1200px){
  .container{padding:0 2.5rem;}
  .two-col{gap:3.5rem;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}
}
@media(max-width:1024px){
  section{padding:6rem 0;}
  #navbar{padding:1.1rem 2rem;}
  #navbar.scrolled{padding:.8rem 2rem;}

  /* Logo réduit sur tablette pour laisser place au burger */
  .nav-logo-img{width:30px;height:30px;min-width:30px;max-width:30px;}
  .nav-logo{font-size:1.1rem;gap:.65rem;}

  .nav-links{display:none;}
  .nav-burger{display:flex;}
  .nav-links.open{
    display:flex;flex-direction:column;position:fixed;inset:0;
    background:rgba(4,2,1,.97);backdrop-filter:blur(20px);
    align-items:center;justify-content:center;gap:2.2rem;z-index:99;
  }
  .nav-links.open a{font-size:1.6rem;letter-spacing:.1em;}
  .two-col{grid-template-columns:1fr;gap:2.5rem;}
  .menu-disc{max-width:320px;margin:0 auto;}
  .photos-col{max-width:420px;margin:0 auto;}
  /* Slider : 2 cartes visibles sur tablette */
  .ev-slider-wrap{padding:0 56px;}
  .avis-grid{grid-template-columns:1fr;max-width:480px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem;}
  .footer-brand{grid-column:1/-1;}
}
@media(max-width:640px){
  section{padding:4.5rem 0;}
  .container{padding:0 1.4rem;}
  #navbar{padding:.9rem 1.4rem;}

  /* Logo encore plus petit sur mobile */
  .nav-logo-img{width:26px;height:26px;min-width:26px;max-width:26px;}
  .nav-logo{font-size:.95rem;gap:.55rem;}
  /* Tronque le texte du logo si viewport très étroit */
  .nav-logo-text{max-width:140px;}

  .hero-title{font-size:clamp(3.2rem,16vw,5.5rem);}
  .scroll-hint{display:none;}
  .section-head{padding:0 1.4rem;}
  .modal{padding:2rem 1.4rem;}
  .modal-title{font-size:2rem;}
  .f-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:.6rem;text-align:center;}
  .photos-col{grid-template-columns:1fr;}
  .photo-frame.offset{margin-top:0;}
  .menu-disc{max-width:260px;}
  /* Slider : 1 carte visible sur mobile */
  .ev-slider-wrap{padding:0 44px;}
  .ev-arrow{width:36px;height:36px;}
  .ev-arrow-left{left:4px;}
  .ev-arrow-right{right:4px;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  html{scroll-behavior:auto;}
}
@media(hover:none){
  #cursor{display:none!important;}
  body{cursor:auto;}
  button,a{cursor:pointer;}
}