/* ==========================================================
   V79 — Correctif mobile global
   Périmètre : écrans <= 768 px uniquement.
   Aucun effet sur le rendu desktop.
   ========================================================== */

@media (max-width: 768px) {

  :root{
    --v79-gutter: 24px;
    --v79-header-h: 108px;
    --v79-mobilebar-h: 66px;
  }

  html{
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
  }

  body{
    overflow-x:hidden;
    padding-bottom:calc(var(--v79-mobilebar-h) + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* ---------- HEADER ---------- */
  .topbar{
    min-height:var(--v79-header-h) !important;
    height:auto !important;
  }

  .topbar .header-inner{
    min-height:var(--v79-header-h) !important;
    height:auto !important;
    padding:12px 18px !important;
    gap:12px !important;
    display:flex !important;
    align-items:center !important;
  }

  .brand{
    min-width:0 !important;
    flex:1 1 auto !important;
    gap:12px !important;
  }

  .brand-logo{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    object-fit:contain !important;
  }

  .brand-text{
    min-width:0 !important;
    line-height:1 !important;
  }

  .brand-text strong{
    display:block !important;
    font-size:clamp(28px, 8.2vw, 38px) !important;
    line-height:.98 !important;
    white-space:nowrap !important;
    letter-spacing:-.02em !important;
  }

  .brand-text small{
    display:block !important;
    margin-top:8px !important;
    font-size:clamp(10px, 3.05vw, 13px) !important;
    line-height:1.15 !important;
    letter-spacing:.07em !important;
    white-space:nowrap !important;
  }

  .menu-btn{
    flex:0 0 auto !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    font-size:29px !important;
    line-height:42px !important;
  }

  /* Le téléphone est déjà accessible en permanence dans la barre basse. */
  .header-phone{
    display:none !important;
  }

  /* ---------- GRILLE / ESPACEMENTS ---------- */
  .container{
    width:auto !important;
    max-width:none !important;
    margin-left:var(--v79-gutter) !important;
    margin-right:var(--v79-gutter) !important;
  }

  section,
  .section{
    scroll-margin-top:var(--v79-header-h);
  }

  .eyebrow{
    font-size:12px !important;
    letter-spacing:.15em !important;
  }

  /* ---------- GRANDS TITRES ---------- */
  .hero h1,
  .inner-hero h1,
  .cabinet-hero-copy h1,
  .domains-v47-intro h2,
  .contact-hero-v64 h1,
  .fees52-hero-copy h1,
  .rdv67-copy h1,
  .resources-intro h1,
  .center-heading h2{
    font-size:clamp(42px, 11.2vw, 54px) !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
    overflow-wrap:normal !important;
  }

  .hero p,
  .inner-hero p,
  .cabinet-copy p,
  .cabinet-hero-copy p,
  .domains-v47-intro p,
  .contact-hero-v64 p,
  .fees52-hero-copy p,
  .rdv67-copy p,
  .resources-intro p{
    font-size:18px !important;
    line-height:1.55 !important;
  }

  /* ---------- ACCUEIL ---------- */
  .hero{
    min-height:auto !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .hero-grid{
    gap:30px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:28px !important;
  }

  .hero-actions .btn{
    min-height:56px !important;
    padding:16px 18px !important;
  }

  .hero-badges{
    gap:20px !important;
    padding-top:28px !important;
    margin-top:28px !important;
  }

  .hero-visual,
  .cabinet-visual{
    margin-top:8px !important;
  }

  .hero-visual img,
  .cabinet-visual img{
    width:100% !important;
    max-height:520px !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  .home-intro-v45-grid,
  .cabinet-grid,
  .zone-grid{
    gap:28px !important;
  }

  /* ---------- CABINET ---------- */
  .inner-hero,
  .cabinet-photo-hero{
    padding-top:40px !important;
    padding-bottom:40px !important;
  }

  .cabinet-hero-photo img,
  .cabinet-photo-card img,
  .cabinet-photo-wide img{
    width:100% !important;
    max-height:440px !important;
    object-fit:cover !important;
  }

  .article-section,
  .seo-depth{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }

  .article-content p,
  .seo-depth p{
    font-size:17px !important;
    line-height:1.65 !important;
  }

  /* ---------- DOMAINES ---------- */
  .domains-v47-hero,
  .domains-v47-intro,
  .domains-v47-list,
  .domains-v47-method{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }

  .domains-v47-grid{
    gap:16px !important;
  }

  .domain-v47-card{
    min-height:0 !important;
    height:auto !important;
    padding:30px 26px !important;
  }

  .domain-v47-card h2,
  .domain-v47-card h3{
    font-size:27px !important;
    line-height:1.15 !important;
  }

  .domain-v47-card p{
    font-size:16px !important;
    line-height:1.5 !important;
    margin-bottom:18px !important;
  }

  /* ---------- HONORAIRES ---------- */
  .fees52-hero{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .fees52-layout{
    gap:22px !important;
  }

  .fees52-consult-card,
  .fees56-info-card,
  .fees56-wide-card{
    padding:26px 22px !important;
  }

  .fees52-section-title{
    font-size:36px !important;
    line-height:1.08 !important;
  }

  /* ---------- CONTACT ---------- */
  .contact-hero-v64{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .contact-hero-grid,
  .contact-actions-grid,
  .message-grid,
  .contact-location-grid{
    gap:22px !important;
  }

  .contact-action{
    min-height:0 !important;
  }

  .contact-message-v64,
  .quote-v64{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }

  .form-grid{
    grid-template-columns:1fr !important;
  }

  /* ---------- RENDEZ-VOUS ---------- */
  .rdv67-hero-grid{
    min-height:0 !important;
  }

  .rdv67-copy{
    padding-top:42px !important;
    padding-bottom:30px !important;
  }

  .rdv67-badge{
    padding-bottom:34px !important;
  }

  .rdv67-badge-inner{
    width:190px !important;
    height:190px !important;
  }

  .rdv67-main{
    padding-top:44px !important;
    padding-bottom:50px !important;
  }

  .rdv67-summary{
    padding:22px 18px !important;
    gap:16px !important;
  }

  .rdv67-grid{
    gap:20px !important;
  }

  .rdv67-placeholder{
    min-height:370px !important;
    padding:32px 20px !important;
  }

  .rdv67-placeholder h3{
    font-size:28px !important;
  }

  .rdv67-validation-note{
    font-size:13px !important;
  }

  /* ---------- RESSOURCES ---------- */
  .publication-feature{
    grid-template-columns:1fr !important;
  }

  .publication-visual{
    min-height:250px !important;
  }

  .publication-visual img{
    width:100% !important;
    max-height:330px !important;
    object-fit:cover !important;
  }

  /* ---------- FOOTER ---------- */
  footer{
    padding-bottom:18px !important;
  }

  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:28px 24px !important;
    padding-top:40px !important;
    padding-bottom:30px !important;
  }

  .footer-brand{
    grid-column:1 / -1 !important;
    padding-bottom:8px !important;
  }

  .footer-logo{
    gap:12px !important;
  }

  .footer-logo .brand-logo,
  .footer-emblem{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
  }

  .footer-logo strong{
    font-size:27px !important;
  }

  .footer-logo small{
    font-size:10px !important;
    white-space:normal !important;
  }

  footer h4{
    font-size:12px !important;
    letter-spacing:.14em !important;
    margin-bottom:14px !important;
  }

  footer a,
  footer p{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  .footer-seo{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:26px 24px !important;
    padding-top:24px !important;
    padding-bottom:26px !important;
  }

  .footer-bottom{
    padding-top:16px !important;
    padding-bottom:16px !important;
    font-size:11px !important;
  }

  /* ---------- BARRE FIXE MOBILE ---------- */
  .mobile-contact-bar{
    height:var(--v79-mobilebar-h) !important;
    min-height:var(--v79-mobilebar-h) !important;
    display:grid !important;
    grid-template-columns:1.18fr 1fr !important;
    align-items:stretch !important;
    bottom:0 !important;
    z-index:9999 !important;
  }

  .mobile-contact-bar a{
    min-height:var(--v79-mobilebar-h) !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  /* Évite que le contenu final passe derrière la barre fixe. */
  main,
  footer{
    scroll-margin-bottom:calc(var(--v79-mobilebar-h) + 16px);
  }
}

/* Téléphones très étroits */
@media (max-width: 390px){
  :root{
    --v79-gutter:20px;
    --v79-header-h:100px;
  }

  .brand-logo{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
  }

  .brand-text strong{
    font-size:28px !important;
  }

  .brand-text small{
    font-size:10px !important;
    letter-spacing:.045em !important;
  }

  .hero h1,
  .inner-hero h1,
  .cabinet-hero-copy h1,
  .domains-v47-intro h2,
  .contact-hero-v64 h1,
  .fees52-hero-copy h1,
  .rdv67-copy h1,
  .resources-intro h1,
  .center-heading h2{
    font-size:40px !important;
  }

  .footer-grid,
  .footer-seo{
    grid-template-columns:1fr !important;
  }

  .mobile-contact-bar a{
    font-size:15px !important;
  }
}
/* ==========================================================
   V208 — Harmonisation mobile globale
   Objectif : reproduire sur toutes les pages le header mobile
   validé sur l'accueil et neutraliser les variantes historiques.
   Périmètre : <= 768 px uniquement.
   ========================================================== */
@media (max-width:768px){
  .topbar{min-height:104px!important;height:auto!important;overflow:visible!important;}
  .topbar .container.header-inner,.topbar .header-inner{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:104px!important;height:auto!important;margin:0!important;padding:12px 14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;position:relative!important;}
  .topbar .brand{order:1!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;}
  .topbar .brand-logo{width:58px!important;height:58px!important;min-width:58px!important;flex:0 0 58px!important;object-fit:contain!important;}
  .topbar .brand-text{display:block!important;min-width:0!important;overflow:visible!important;}
  .topbar .brand-text strong{display:block!important;margin:0!important;font-size:clamp(24px,7.2vw,31px)!important;line-height:1!important;letter-spacing:-.025em!important;white-space:nowrap!important;}
  .topbar .brand-text small{display:block!important;margin-top:6px!important;font-size:clamp(7.2px,2.25vw,9.5px)!important;line-height:1.15!important;letter-spacing:.035em!important;white-space:nowrap!important;}
  .topbar .menu-btn{order:2!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:25px!important;line-height:1!important;}
  .topbar .header-phone{order:3!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;white-space:nowrap!important;font-size:0!important;line-height:1!important;text-decoration:none!important;}
  .topbar .header-phone span{display:none!important;}
  .topbar .header-phone::before{content:"☎";display:block;font-size:23px!important;line-height:1!important;}
  .topbar .nav{display:none!important;}
  .topbar .nav.open{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:9998!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;max-height:calc(100vh - 104px)!important;overflow-y:auto!important;padding:10px 16px 16px!important;background:#06172c!important;border-top:1px solid rgba(255,255,255,.09)!important;box-shadow:0 16px 28px rgba(0,0,0,.22)!important;}
  .topbar .nav.open a{display:block!important;width:100%!important;box-sizing:border-box!important;padding:12px 4px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;font-size:13px!important;line-height:1.25!important;text-align:left!important;}
  .topbar .nav.open a:last-child{border-bottom:0!important;}
  .topbar .nav.open .nav-rdv-cta,.topbar .nav.open .nav-cta{margin:8px 0 5px!important;padding:13px 12px!important;text-align:center!important;background:#d7a23d!important;color:#fff!important;border-bottom:0!important;}
  .auction-hero .wrap,.saisie-hero-grid,.saisies-hero-grid,.inner-hero-grid,.domain-hero-grid,.fees52-layout,.rdv67-grid,.rdv67-hero-grid,.contact-hero-v64 .contact-hero-grid,.geo-layout,.cabinet-grid,.article-grid{grid-template-columns:1fr!important;}
  .auction-copy{padding:40px 18px 28px!important;}
  .auction-copy h1{font-size:clamp(42px,12vw,58px)!important;line-height:1.02!important;overflow-wrap:normal!important;}
  .auction-copy .lead{font-size:18px!important;line-height:1.55!important;}
  .auction-copy p{font-size:16px!important;line-height:1.7!important;}
  .auction-media{position:relative!important;width:100%!important;height:280px!important;inset:auto!important;}
  .auction-media:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.68) 12%,transparent 38%)!important;}
  .info-grid{grid-template-columns:1fr!important;}
  .info{border-right:0!important;border-bottom:1px solid #e2e6eb!important;}
  .info:last-child{border-bottom:0!important;}
  .costs,.auction-links-grid,.auction-docs-grid,.simulator-body,.simulateur-grid,.simulator-grid{grid-template-columns:1fr!important;}
  .steps{grid-template-columns:1fr!important;}
  .step{border-right:0!important;border-bottom:1px solid #e4e7eb!important;}
  .step:last-child{border-bottom:0!important;}
  .simulator,.auction-docs,.auction-links{margin-left:0!important;margin-right:0!important;border-radius:12px!important;}
  .simulator-head,.sim-form,.sim-results,.auction-docs,.auction-links{padding-left:18px!important;padding-right:18px!important;}
  .inner-hero h1,.domain-hero h1,.auction-copy h1,.fees52-hero-copy h1,.rdv67-copy h1,.contact-hero-v64 h1,.resources-intro h1,.resources-intro h2{max-width:100%!important;overflow-wrap:break-word!important;hyphens:auto!important;}
  .breadcrumbs{overflow:hidden!important;}
  .breadcrumbs .container{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
  .breadcrumbs .container::-webkit-scrollbar{display:none!important;}
  .mobile-contact-bar{display:grid!important;grid-template-columns:1.08fr .92fr!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;min-height:62px!important;z-index:9999!important;}
  .mobile-contact-bar a{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;font-size:13.5px!important;padding:0 8px!important;}
}
@media (max-width:390px){
  .topbar .container.header-inner,.topbar .header-inner{min-height:96px!important;padding-left:10px!important;padding-right:10px!important;gap:6px!important;}
  .topbar .brand{gap:8px!important;}
  .topbar .brand-logo{width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important;}
  .topbar .brand-text strong{font-size:22px!important;}
  .topbar .brand-text small{font-size:6.8px!important;letter-spacing:.02em!important;}
  .topbar .menu-btn,.topbar .header-phone{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;}
  .topbar .menu-btn{font-size:22px!important;}
  .topbar .header-phone::before{font-size:20px!important;}
}



/* ==========================================================
   V210 — Optimisation mobile globale
   Conserve le header V209 validé.
   Réduit titres, médias et espacements sur smartphones.
   ========================================================== */
@media (max-width:768px){

  /* Rythme vertical global */
  main section,
  .section,
  .content-section{
    scroll-margin-top:110px;
  }
  .container{
    padding-left:18px;
    padding-right:18px;
  }

  /* Titres internes : plus compacts et sans césure automatique */
  h1,
  .inner-hero h1,
  .domain-hero h1,
  .auction-copy h1,
  .fees52-hero-copy h1,
  .rdv67-copy h1,
  .contact-hero-v64 h1,
  .resources-intro h1,
  .resources-intro h2{
    font-size:clamp(36px,10.3vw,50px)!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  /* Saisies : titre particulièrement long */
  .auction-copy h1{
    font-size:clamp(37px,10vw,48px)!important;
    max-width:100%!important;
  }

  /* Sous-titres et textes */
  .lead,
  .inner-hero .lead,
  .domain-hero .lead,
  .auction-copy .lead{
    font-size:18px!important;
    line-height:1.5!important;
  }

  /* Réduction des grands espacements */
  .inner-hero,
  .domain-hero,
  .resources-hero,
  .fees52-hero,
  .rdv67-hero,
  .contact-hero-v64{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  .auction-copy{
    padding-top:34px!important;
    padding-bottom:26px!important;
  }

  /* Médias génériques : empêcher une image de monopoliser l'écran */
  .inner-hero img,
  .domain-hero img,
  .resources-hero img,
  .fees52-hero img,
  .rdv67-hero img,
  .contact-hero-v64 img{
    max-height:360px!important;
    width:100%!important;
    object-fit:cover!important;
  }

  /* Portrait / présentation du cabinet sur l'accueil.
     On conserve le portrait mais on réduit fortement sa hauteur mobile. */
  .about-photo,
  .cabinet-photo,
  .portrait,
  .portrait-wrap,
  .home-portrait,
  .home-about-photo,
  .presentation-photo,
  .cabinet-portrait{
    max-height:390px!important;
    overflow:hidden!important;
  }
  .about-photo img,
  .cabinet-photo img,
  .portrait img,
  .portrait-wrap img,
  .home-portrait img,
  .home-about-photo img,
  .presentation-photo img,
  .cabinet-portrait img{
    width:100%!important;
    height:390px!important;
    max-height:390px!important;
    object-fit:cover!important;
    object-position:center 22%!important;
  }

  /* Variantes courantes du bloc "Depuis 2008" */
  .about-media,
  .cabinet-media,
  .home-about-media,
  .profile-media{
    max-height:430px!important;
    overflow:hidden!important;
  }
  .about-media img,
  .cabinet-media img,
  .home-about-media img,
  .profile-media img{
    width:100%!important;
    height:390px!important;
    object-fit:cover!important;
    object-position:center 22%!important;
  }

  /* Saisies : média plus compact */
  .auction-media{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
  .auction-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  /* Cartes / blocs : moins de vide */
  .card,
  .domain-card,
  .resource-card,
  .info,
  .step{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }

  /* Laisse le contenu visible au-dessus de la barre fixe */
  body{
    padding-bottom:68px!important;
  }
}

@media (max-width:390px){
  h1,
  .inner-hero h1,
  .domain-hero h1,
  .fees52-hero-copy h1,
  .rdv67-copy h1,
  .contact-hero-v64 h1,
  .resources-intro h1,
  .resources-intro h2{
    font-size:clamp(33px,9.8vw,40px)!important;
  }
  .auction-copy h1{
    font-size:clamp(34px,9.5vw,39px)!important;
  }
  .about-photo img,
  .cabinet-photo img,
  .portrait img,
  .portrait-wrap img,
  .home-portrait img,
  .home-about-photo img,
  .presentation-photo img,
  .cabinet-portrait img,
  .about-media img,
  .cabinet-media img,
  .home-about-media img,
  .profile-media img{
    height:340px!important;
    max-height:340px!important;
  }
}