/* AVA IMAGE — Pages Services immersives
   Feuille ajoutée après style.css. Toutes les règles sont limitées aux 4 pages portant
   la classe body .immersive-service-page : aucun impact sur le reste du site. */

.immersive-service-page{
  --im-max:1180px;
  --im-wide:1360px;
  --im-orange:#ff6600;
  --im-blue:#e5f4f8;
  --im-soft:#f2f3f4;
  --im-dark:#222426;
  --im-text:#303236;
  --im-muted:#626970;
  background:#f4f4f8 !important;
  color:var(--im-text);
}
@media (min-width:1500px){ body.immersive-service-page{background:#f4f4f8 !important;} }

.immersive-service-page main.immersive-main{
  width:100% !important; max-width:none !important; margin:0 !important;
  padding:60px 0 0 !important; background:transparent !important; text-align:left !important;
  overflow:hidden;
}
.immersive-service-page .immersive-inner{
  width:min(var(--im-max),calc(100% - 64px)) !important; max-width:none !important;
  margin-inline:auto !important; box-sizing:border-box;
}
.immersive-service-page .immersive-breadcrumb{
  width:min(var(--im-max),calc(100% - 64px)) !important; max-width:none !important;
  margin:0 auto !important; padding:18px 0 16px !important; font-size:.92rem; color:#666;
}
.immersive-service-page .immersive-breadcrumb ol{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;}
.immersive-service-page .immersive-breadcrumb li+li::before{content:'›';margin-right:.55rem;opacity:.55;}
.immersive-service-page .immersive-breadcrumb a{color:inherit;text-decoration:none;}
.immersive-service-page .immersive-breadcrumb a:hover{color:var(--im-orange);}

/* Hero */
.immersive-service-page .immersive-hero{
  position:relative; width:100% !important; max-width:none !important; min-height:clamp(540px,68vh,750px);
  margin:0 !important; padding:0 !important; display:flex; align-items:center; overflow:hidden; isolation:isolate; color:#fff;
}
.immersive-service-page .immersive-hero-bg{
  position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; transform:scale(1.015);
}
.immersive-service-page .immersive-hero::after{
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(13,17,20,.86) 0%,rgba(13,17,20,.72) 43%,rgba(13,17,20,.32) 72%,rgba(13,17,20,.14) 100%);
}
.immersive-service-page .vr-hero .immersive-hero-bg{background-position:center 42%;}
.immersive-service-page .analogique-hero .immersive-hero-bg{background-position:center 55%;}
.immersive-service-page .argentique-hero .immersive-hero-bg{background-position:center 48%;}
.immersive-service-page .immersive-hero-content{padding:72px 0 80px;}
.immersive-service-page .immersive-eyebrow,
.immersive-service-page .immersive-kicker{
  margin:0 0 12px !important;font-size:.82rem !important;line-height:1.3 !important;font-weight:800 !important;
  letter-spacing:.14em;text-transform:uppercase;color:var(--im-orange) !important;
}
.immersive-service-page .immersive-hero-title{
  max-width:940px !important;margin:0 !important;padding:0 !important;text-align:left !important;
  font-size:clamp(2.55rem,5vw,5rem) !important;line-height:1.02 !important;letter-spacing:-.035em;
  color:#fff !important;text-wrap:balance;font-weight:500;
}
.immersive-service-page.analogique-immersive .immersive-hero-title,
.immersive-service-page.argentique-immersive .immersive-hero-title{font-size:clamp(2.25rem,4.25vw,4.3rem) !important;}
.immersive-service-page .immersive-hero-lead{
  display:block;max-width:760px !important;margin:20px 0 0 !important;padding:0 !important;text-align:left !important;
  font-size:clamp(1.02rem,1.45vw,1.25rem) !important;line-height:1.68 !important;color:rgba(255,255,255,.95) !important;
}
.immersive-service-page .immersive-hero h2.immersive-hero-lead{font-weight:650 !important;font-size:clamp(1.1rem,1.6vw,1.35rem) !important;}
.immersive-service-page .immersive-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.immersive-service-page .immersive-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:5px;
  text-decoration:none !important;font-weight:800;transition:.2s ease;
}
.immersive-service-page .immersive-button-primary{background:var(--im-orange);color:#fff !important;}
.immersive-service-page .immersive-button-primary:hover{filter:brightness(.93);}
.immersive-service-page .immersive-button-secondary{border:1px solid rgba(255,255,255,.72);color:#fff !important;background:rgba(255,255,255,.08);}
.immersive-service-page .immersive-button-secondary:hover{background:#fff;color:#222 !important;}

/* Neutralisation des anciens conteneurs */
.immersive-service-page .realisation,
.immersive-service-page .immersive-content-root{
  width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;
}
.immersive-service-page .section,
.immersive-service-page .tables-container,
.immersive-service-page .cards,
.immersive-service-page section.realisation{
  box-sizing:border-box;
}

/* Bloc média / intro sous le hero */
.immersive-service-page .immersive-feature,
.immersive-service-page .immersive-vr-demo,
.immersive-service-page .immersive-transfer-video{
  padding:72px 0 !important;box-sizing:border-box;
}
.immersive-service-page .immersive-feature{
  display:grid !important;grid-template-columns:1fr 1.15fr !important;gap:38px !important;align-items:center !important;
}
.immersive-service-page .immersive-feature .text-container,
.immersive-service-page .immersive-feature .video-container{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.immersive-service-page .immersive-feature .projects-list{margin:12px 0 0;padding-left:1.1rem;}
.immersive-service-page .immersive-feature .projects-list li{margin:.48rem 0;line-height:1.55;}
.immersive-service-page .side-note{background:#f7f8f9 !important;border:1px solid #e3e5e6 !important;border-left:4px solid var(--im-orange) !important;border-radius:10px !important;padding:15px 17px !important;}

.immersive-service-page .immersive-transfer-video{
  display:block !important;background:#fff;
}
.immersive-service-page .immersive-transfer-video .video-container{
  width:min(980px,100%) !important;max-width:none !important;margin:0 auto !important;border-radius:16px !important;overflow:hidden;box-shadow:0 18px 45px rgba(20,28,32,.12);
}

/* Bandes pleines largeur, sans ancienne technique .band */
.immersive-service-page .immersive-band{
  width:100% !important;max-width:none !important;margin:0 !important;left:auto !important;right:auto !important;
  transform:none !important;position:relative !important;padding:82px max(32px,calc((100vw - var(--im-max))/2)) !important;
  box-sizing:border-box !important;
}
.immersive-service-page .immersive-band-white{background:#fff !important;}
.immersive-service-page .immersive-band-blue{background:var(--im-blue) !important;}
.immersive-service-page .immersive-band-soft{background:var(--im-soft) !important;}
.immersive-service-page .immersive-band-dark{background:var(--im-dark) !important;color:#fff;}
.immersive-service-page .immersive-band > h2,
.immersive-service-page .immersive-band > .titre-texte{
  max-width:850px;margin:0 auto 32px !important;text-align:center !important;font-size:clamp(2rem,3.25vw,3.05rem) !important;
  line-height:1.08 !important;letter-spacing:-.025em;color:#24272a !important;text-wrap:balance;
}
.immersive-service-page .immersive-band .sidenote{max-width:920px;margin:0 auto 28px !important;line-height:1.65;color:var(--im-muted);}

/* Cards */
.immersive-service-page .cards{
  width:100% !important;max-width:var(--im-max) !important;margin:0 auto !important;padding:0 !important;
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;background:transparent !important;
}
.immersive-service-page .card{
  background:rgba(255,255,255,.88) !important;border:1px solid rgba(220,224,226,.9) !important;border-radius:14px !important;
  padding:25px 24px !important;box-shadow:0 10px 30px rgba(20,40,50,.045) !important;
}
.immersive-service-page .card h3{margin:0 0 8px;font-size:1.18rem;color:#25282b;}
.immersive-service-page .card p{margin:0;line-height:1.68;color:#596168;}

/* Titres/listes/process */
.immersive-service-page .projects-list{max-width:920px;margin-inline:auto;}
.immersive-service-page .immersive-band .projects-list li{margin:.55rem 0;line-height:1.62;}
.immersive-service-page .cta{max-width:900px !important;margin:30px auto 0 !important;text-align:center !important;}
.immersive-service-page .cta .cta-button{display:inline-block;margin-top:10px;}

/* Vidéos */
.immersive-service-page .video-container,
.immersive-service-page .video-item{
  background:#000;border-radius:14px;overflow:hidden;
}
.immersive-service-page .video-exemple{
  width:100% !important;max-width:var(--im-max) !important;margin:0 auto !important;display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;
}
.immersive-service-page .video-item iframe{width:100% !important;aspect-ratio:16/9;display:block;border:0;}

/* Tableaux */
.immersive-service-page .table-wrap{
  width:100%;max-width:var(--im-max);margin:18px auto !important;overflow:auto;border-radius:13px !important;
  border:1px solid #e1e4e5 !important;background:#fff !important;box-shadow:0 8px 25px rgba(30,35,40,.035);
}
.immersive-service-page table{width:100% !important;border-collapse:collapse !important;background:#fff;}
.immersive-service-page th,.immersive-service-page td{padding:13px 15px !important;border-top:1px solid #eceeef !important;text-align:left;vertical-align:top;}
.immersive-service-page thead th{background:#f7f8f8 !important;}
.immersive-service-page caption{font-weight:800 !important;text-align:left !important;padding:15px !important;}

/* FAQ */
.immersive-service-page .faq-accordion,
.immersive-service-page .home-faq dl,
.immersive-service-page .immersive-band dl{max-width:900px;margin:0 auto;}
.immersive-service-page .faq-accordion details{background:rgba(255,255,255,.9) !important;border:1px solid #e0e4e5 !important;border-radius:10px !important;margin:10px 0 !important;overflow:hidden;}
.immersive-service-page .faq-accordion summary{padding:17px 48px 17px 18px !important;font-weight:800;}
.immersive-service-page dl dt{margin-top:18px;font-weight:800;color:#272a2d;}
.immersive-service-page dl dd{margin:5px 0 0;line-height:1.65;color:#596168;}

/* VR : grand lecteur 360 juste sous le hero */
.immersive-service-page.vr-immersive .immersive-vr-demo{
  display:grid !important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;gap:36px !important;align-items:center !important;
}
.immersive-service-page.vr-immersive .hero-media,
.immersive-service-page.vr-immersive .hero-text{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.immersive-service-page.vr-immersive .hero-text .immersive-section-title{font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.08;margin:0 0 20px;color:#24272a;}
.immersive-service-page.vr-immersive .hero-text ul{padding-left:1.2rem;line-height:1.65;}
.immersive-service-page.vr-immersive .photos-360{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px !important;}
.immersive-service-page.vr-immersive .photos-360 .photo{margin:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(20,40,50,.05);}
.immersive-service-page.vr-immersive .photos-360 img{display:block;width:100% !important;height:360px !important;object-fit:cover;}
.immersive-service-page.vr-immersive .photos-360 figcaption{padding:12px 15px;color:#596168;}
.immersive-service-page.vr-immersive .packages-grid{max-width:var(--im-max);margin-inline:auto;}

/* Packages des pages existantes */
.immersive-service-page .packages-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;}
.immersive-service-page .package{background:#fff !important;border:1px solid #e1e4e6 !important;border-radius:14px !important;padding:26px 24px !important;box-shadow:0 8px 24px rgba(25,30,35,.04);}
.immersive-service-page .package h3{margin-top:0;}
.immersive-service-page .package .price{color:var(--im-orange) !important;font-size:1.32rem;font-weight:800;}

/* Transferts : les gros tableaux restent lisibles mais respirent */
.immersive-service-page.analogique-immersive .tables-container,
.immersive-service-page.argentique-immersive .tables-container{width:100% !important;max-width:none !important;}
.immersive-service-page.analogique-immersive .immersive-band > *,
.immersive-service-page.argentique-immersive .immersive-band > *{box-sizing:border-box;}

@media (max-width:1000px){
  .immersive-service-page .immersive-feature,
  .immersive-service-page.vr-immersive .immersive-vr-demo{grid-template-columns:1fr !important;}
  .immersive-service-page .cards,
  .immersive-service-page .packages-grid{grid-template-columns:1fr !important;max-width:760px !important;}
  .immersive-service-page .video-exemple{grid-template-columns:1fr !important;max-width:800px !important;}
}

@media (max-width:700px){
  .immersive-service-page main.immersive-main{padding-top:54px !important;}
  .immersive-service-page .immersive-inner,
  .immersive-service-page .immersive-breadcrumb{width:calc(100% - 32px) !important;}
  .immersive-service-page .immersive-breadcrumb{padding:12px 0 13px !important;font-size:.82rem;}
  .immersive-service-page .immersive-hero{min-height:620px;align-items:flex-end;}
  .immersive-service-page .immersive-hero::after{background:linear-gradient(0deg,rgba(12,15,18,.92),rgba(12,15,18,.71) 60%,rgba(12,15,18,.30));}
  .immersive-service-page .immersive-hero-content{padding:56px 0 50px;}
  .immersive-service-page .immersive-hero-title,
  .immersive-service-page.analogique-immersive .immersive-hero-title,
  .immersive-service-page.argentique-immersive .immersive-hero-title{font-size:clamp(2.15rem,10.5vw,3.35rem) !important;}
  .immersive-service-page .immersive-hero-actions{flex-direction:column;align-items:stretch;}
  .immersive-service-page .immersive-button{text-align:center;}
  .immersive-service-page .immersive-feature,
  .immersive-service-page .immersive-vr-demo,
  .immersive-service-page .immersive-transfer-video{padding:54px 0 !important;}
  .immersive-service-page .immersive-band{padding:58px 16px !important;}
  .immersive-service-page .immersive-band > h2,
  .immersive-service-page .immersive-band > .titre-texte{font-size:clamp(1.8rem,8vw,2.5rem) !important;}
  .immersive-service-page.vr-immersive .photos-360{grid-template-columns:1fr !important;}
  .immersive-service-page.vr-immersive .photos-360 img{height:auto !important;}
  .immersive-service-page th,.immersive-service-page td{padding:11px 10px !important;}
}


/* =========================================================
   Extensions immersives : Services, Transferts, Événements
   Toutes les règles restent sous .immersive-service-page.
   ========================================================= */

.immersive-service-page.service-immersive .service-hero .immersive-hero-bg{background-position:center 45%;}
.immersive-service-page.transferts-immersive .transferts-hero .immersive-hero-bg{background-position:center 50%;}
.immersive-service-page.pro-immersive .pro-hero .immersive-hero-bg{background-position:center 44%;}
.immersive-service-page.perso-immersive .perso-hero .immersive-hero-bg{background-position:center 50%;}

/* Neutraliser les largeurs et décalages historiques des 4 pages */
.immersive-service-page.service-immersive .intro,
.immersive-service-page.service-immersive .grid,
.immersive-service-page.transferts-immersive .intro,
.immersive-service-page.transferts-immersive .grid,
.immersive-service-page.pro-immersive .pro-wrap,
.immersive-service-page.pro-immersive .packages,
.immersive-service-page.pro-immersive .supports,
.immersive-service-page.perso-immersive .row,
.immersive-service-page.perso-immersive .row2,
.immersive-service-page.perso-immersive .row3,
.immersive-service-page.perso-immersive .packages,
.immersive-service-page.perso-immersive .home-accordeon,
.immersive-service-page.perso-immersive .home-faq{
  max-width:none !important;width:100% !important;margin:0 !important;box-sizing:border-box !important;
}

/* Intro textuelle après hero */
.immersive-service-page .service-intro,
.immersive-service-page .transferts-intro{
  padding-top:64px !important;padding-bottom:64px !important;
}
.immersive-service-page .service-intro > *,
.immersive-service-page .transferts-intro > *{
  max-width:930px;margin-left:auto !important;margin-right:auto !important;line-height:1.72;
}
.immersive-service-page .service-intro p,
.immersive-service-page .transferts-intro p{font-size:1.02rem;}

/* Page Services : grille éditoriale 3 colonnes */
.immersive-service-page .service-cards-band > .section-title,
.immersive-service-page .transferts-cards-band > .section-title{
  max-width:850px;margin:0 auto 34px !important;text-align:center !important;
  font-size:clamp(2rem,3.25vw,3.05rem) !important;line-height:1.08 !important;color:#24272a !important;
}
.immersive-service-page.service-immersive .grid,
.immersive-service-page.transferts-immersive .grid{
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important;
  max-width:var(--im-max) !important;margin:0 auto !important;padding:0 !important;background:transparent !important;
}
.immersive-service-page.service-immersive .service-aside,
.immersive-service-page.transferts-immersive .service-aside{
  background:#253238 !important;color:#fff !important;border-radius:15px !important;padding:27px !important;
  box-shadow:0 14px 34px rgba(18,27,32,.12);
}
.immersive-service-page.service-immersive .service-aside h3,
.immersive-service-page.transferts-immersive .service-aside h3{color:#fff !important;font-size:1.3rem;margin-top:0;}
.immersive-service-page.service-immersive .service-aside li,
.immersive-service-page.transferts-immersive .service-aside li{margin:.55rem 0;line-height:1.52;}
.immersive-service-page.service-immersive .grid .card,
.immersive-service-page.transferts-immersive .grid .card{padding:0 0 24px !important;overflow:hidden;background:#fff !important;}
.immersive-service-page.service-immersive .grid .card img,
.immersive-service-page.transferts-immersive .grid .card img{
  width:100% !important;height:215px !important;object-fit:cover !important;border-radius:0 !important;display:block;
}
.immersive-service-page.service-immersive .grid .card h3,
.immersive-service-page.service-immersive .grid .card p,
.immersive-service-page.service-immersive .grid .card > a.cta-button,
.immersive-service-page.service-immersive .grid .card .services-list,
.immersive-service-page.transferts-immersive .grid .card h3,
.immersive-service-page.transferts-immersive .grid .card p,
.immersive-service-page.transferts-immersive .grid .card > a.cta-button,
.immersive-service-page.transferts-immersive .grid .card .services-list{margin-left:20px !important;margin-right:20px !important;}
.immersive-service-page.service-immersive .grid .card h3,
.immersive-service-page.transferts-immersive .grid .card h3{margin-top:20px !important;}
.immersive-service-page .services-list{display:flex !important;flex-wrap:wrap;gap:8px !important;}

/* Liens rapides et CTA */
.immersive-service-page .service-quicklinks-band nav,
.immersive-service-page .transferts-quicklinks-band{
  max-width:none !important;
}
.immersive-service-page .service-quicklinks-band ul,
.immersive-service-page .transferts-quicklinks-band ul{
  max-width:var(--im-max);margin:0 auto !important;display:flex !important;justify-content:center;gap:10px 18px !important;
}
.immersive-service-page .service-quicklinks-band a,
.immersive-service-page .transferts-quicklinks-band a{font-weight:700;text-decoration:none;color:#1d5a69;}
.immersive-service-page .immersive-band-dark .cta,
.immersive-service-page .immersive-band-dark .cta-local{
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 !important;

  /* Neutralise le bloc blanc hérité de style.css sur tablette */
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  text-align:center !important;
  color:#fff !important;
}
.immersive-service-page .immersive-band-dark .cta p,
.immersive-service-page .immersive-band-dark .cta-local p{color:#fff !important;font-size:1.08rem;}

/* Événement pro : blocs pleine largeur */
.immersive-service-page.pro-immersive .pro-content-root{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.immersive-service-page.pro-immersive .pro-feature{
  padding:68px 0 !important;grid-template-columns:1.05fr .95fr !important;
}
.immersive-service-page.pro-immersive .pro-feature > div{min-width:0;}
.immersive-service-page.pro-immersive .pro-feature img{width:100% !important;max-height:500px;object-fit:cover;border-radius:15px;box-shadow:0 16px 38px rgba(20,28,32,.12);}
.immersive-service-page.pro-immersive .encadre{border-left:4px solid var(--im-orange) !important;background:#f7f8f9 !important;padding:18px 20px !important;border-radius:10px !important;}
.immersive-service-page.pro-immersive .pro-strengths-band .cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.immersive-service-page.pro-immersive .packages-grid{
  max-width:var(--im-max) !important;margin:0 auto !important;padding:0 !important;display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;list-style:none !important;
}
.immersive-service-page.pro-immersive .package{
  background:#fff !important;border:1px solid #e0e4e6 !important;border-radius:14px !important;padding:24px !important;
  box-shadow:0 9px 28px rgba(25,35,40,.045);
}
.immersive-service-page.pro-immersive .package .price{font-size:1.28rem;font-weight:800;color:#127e8b;}
.immersive-service-page.pro-immersive .pro-supports-band .pro-wrap{max-width:var(--im-max) !important;margin:0 auto !important;padding:0 !important;}
.immersive-service-page.pro-immersive .supports-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
.immersive-service-page.pro-immersive .panel{background:rgba(255,255,255,.86) !important;border:1px solid rgba(215,224,227,.95) !important;border-radius:14px !important;padding:23px !important;}
.immersive-service-page.pro-immersive .videos-grid{max-width:var(--im-max);margin:0 auto;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;}
.immersive-service-page.pro-immersive .video-card{background:#fff;border:1px solid #e1e4e5;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(25,35,40,.05);}
.immersive-service-page.pro-immersive .video-card video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000;}
.immersive-service-page.pro-immersive .video-card .desc{padding:18px 20px 22px;}

/* Événement perso */
.immersive-service-page.perso-immersive .perso-content-root{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.immersive-service-page.perso-immersive .perso-feature{
  padding:70px 0 !important;grid-template-columns:1.12fr .88fr !important;
}
.immersive-service-page.perso-immersive .perso-feature .col50{width:auto !important;max-width:none !important;padding:0 !important;}
.immersive-service-page.perso-immersive .perso-feature img{width:100% !important;max-height:540px;object-fit:cover;border-radius:15px;box-shadow:0 16px 38px rgba(20,28,32,.12);}
.immersive-service-page.perso-immersive .perso-method-band{
  padding:76px max(32px,calc((100vw - var(--im-max))/2)) !important;
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:38px !important;align-items:center !important;
}
.immersive-service-page.perso-immersive .perso-method-band .col50{width:auto !important;max-width:none !important;padding:0 !important;}
.immersive-service-page.perso-immersive .perso-method-band img{width:100% !important;border-radius:15px;display:block;}
.immersive-service-page.perso-immersive .perso-benefits-band > *{max-width:920px;margin-left:auto !important;margin-right:auto !important;}
.immersive-service-page.perso-immersive .packages-grid{
  max-width:var(--im-max) !important;margin:0 auto !important;padding:0 !important;display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;list-style:none !important;
}
.immersive-service-page.perso-immersive .package{background:#fff !important;border:1px solid #e0e4e6 !important;border-radius:14px !important;padding:24px !important;}
.immersive-service-page.perso-immersive .package .price{font-size:1.28rem;font-weight:800;color:#127e8b;}
.immersive-service-page.perso-immersive .options{max-width:900px;margin:28px auto 0 !important;background:#fff;border-radius:13px;padding:20px 24px;border:1px solid #e2e5e6;}
.immersive-service-page.perso-immersive details{max-width:920px;margin:10px auto !important;background:rgba(255,255,255,.92);border:1px solid #dfe6e8;border-radius:10px;padding:0 16px;}
.immersive-service-page.perso-immersive summary{padding:16px 0;font-weight:800;cursor:pointer;}

/* FAQ des quatre nouvelles pages */
.immersive-service-page .service-faq-band dl,
.immersive-service-page .transferts-faq-band dl,
.immersive-service-page .perso-faq-band dl{max-width:920px;margin:0 auto !important;}

@media (max-width:1000px){
  .immersive-service-page.service-immersive .grid,
  .immersive-service-page.transferts-immersive .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .immersive-service-page.pro-immersive .packages-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .immersive-service-page.pro-immersive .supports-grid{grid-template-columns:1fr !important;}
  .immersive-service-page.perso-immersive .perso-method-band{grid-template-columns:1fr !important;}
}
@media (max-width:700px){
  .immersive-service-page.service-immersive .grid,
  .immersive-service-page.transferts-immersive .grid,
  .immersive-service-page.pro-immersive .packages-grid,
  .immersive-service-page.pro-immersive .videos-grid,
  .immersive-service-page.perso-immersive .packages-grid{grid-template-columns:1fr !important;}
  .immersive-service-page.service-immersive .grid .card img,
  .immersive-service-page.transferts-immersive .grid .card img{height:auto !important;max-height:260px;}
  .immersive-service-page.pro-immersive .pro-feature,
  .immersive-service-page.perso-immersive .perso-feature{grid-template-columns:1fr !important;padding:54px 16px !important;width:100% !important;}
  .immersive-service-page.perso-immersive .perso-method-band{padding:56px 16px !important;}
}


/* =========================================================
   Diapositives / Photos + nouvelle image Analogique
   ========================================================= */
.immersive-service-page.analogique-immersive .analogique-hero .immersive-hero-bg{
  background-position:center 47% !important;
}
.immersive-service-page.diapositive-immersive .diapositive-hero .immersive-hero-bg{
  background-position:center 44% !important;
}
.immersive-service-page.diapositive-immersive .diapositive-hero .immersive-hero-title{
  max-width:1000px !important;
  font-size:clamp(2.35rem,4.5vw,4.65rem) !important;
}
.immersive-service-page.diapositive-immersive .diapositive-content-root{
  width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;
}
.immersive-service-page.diapositive-immersive .diapositive-intro-band > .immersive-kicker,
.immersive-service-page.diapositive-immersive .diapositive-intro-band > .titre-texte{
  max-width:900px;margin-left:auto !important;margin-right:auto !important;text-align:center !important;
}
.immersive-service-page.diapositive-immersive .diapositive-cards{
  margin-top:34px !important;
}
.immersive-service-page.diapositive-immersive .diapositive-process-text{
  max-width:920px;margin:0 auto !important;text-align:center;line-height:1.75;font-size:1.04rem;
}
.immersive-service-page.diapositive-immersive .tables-container{
  width:100% !important;max-width:none !important;margin:0 !important;
}
@media (max-width:700px){
  .immersive-service-page.analogique-immersive .analogique-hero .immersive-hero-bg,
  .immersive-service-page.diapositive-immersive .diapositive-hero .immersive-hero-bg{
    background-position:42% center !important;
  }
  .immersive-service-page.diapositive-immersive .diapositive-hero .immersive-hero-title{
    font-size:clamp(2.05rem,10vw,3.2rem) !important;
  }
}

/* =========================================================
   CORRECTIF CIBLÉ — ÉVÉNEMENTS PERSONNELS
   Cadrage du hero + marges desktop
   ========================================================= */

/* 1) Montrer davantage le haut de l'image pour ne pas couper la tête */
.immersive-service-page.perso-immersive .perso-hero .immersive-hero-bg{
  background-position: 34% 28% !important;
}

/* 2) Éloigner le texte du bord sur les grands écrans */
.immersive-service-page.perso-immersive .perso-hero .immersive-inner{
  width: min(1080px, calc(100% - 120px)) !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3) Recentrer et donner des marges au premier bloc après le hero */
.immersive-service-page.perso-immersive .perso-feature{
  width: min(var(--im-max), calc(100% - 72px)) !important;
  max-width: var(--im-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 70px 0 !important;
}

.immersive-service-page.perso-immersive .perso-feature .col50:first-child{
  padding-right: 18px !important;
}

.immersive-service-page.perso-immersive .perso-feature p,
.immersive-service-page.perso-immersive .perso-feature li{
  line-height: 1.7 !important;
}

/* Très grands écrans : colonne de texte encore un peu plus contenue */
@media (min-width: 1400px){
  .immersive-service-page.perso-immersive .perso-hero .immersive-inner{
    width: min(1040px, calc(100% - 160px)) !important;
    max-width: 1040px !important;
  }
}

/* Tablette */
@media (max-width: 1000px){
  .immersive-service-page.perso-immersive .perso-hero .immersive-inner,
  .immersive-service-page.perso-immersive .perso-feature{
    width: min(var(--im-max), calc(100% - 48px)) !important;
  }

  .immersive-service-page.perso-immersive .perso-feature .col50:first-child{
    padding-right: 0 !important;
  }
}

/* Mobile */
@media (max-width: 700px){
  .immersive-service-page.perso-immersive .perso-hero .immersive-hero-bg{
    background-position: 30% 24% !important;
  }

  .immersive-service-page.perso-immersive .perso-hero .immersive-inner,
  .immersive-service-page.perso-immersive .perso-feature{
    width: calc(100% - 32px) !important;
  }
}

/* =========================================================
   COHÉRENCE TABLETTE / MOBILE — CARTES ET TEXTES
   Corrige l'ancienne règle globale de style.css qui centre
   h1, h2 et p jusqu'à 1200 px sans centrer les h3.
   Les cartes courtes sont centrées ; les contenus longs,
   listes, tableaux et FAQ restent alignés à gauche.
   ========================================================= */
@media (max-width: 1200px) {

  /* Services + Transferts : cartes éditoriales */
  .immersive-service-page.service-immersive .grid .card,
  .immersive-service-page.transferts-immersive .grid .card {
    text-align: center !important;
  }

  .immersive-service-page.service-immersive .grid .card h3,
  .immersive-service-page.service-immersive .grid .card p,
  .immersive-service-page.transferts-immersive .grid .card h3,
  .immersive-service-page.transferts-immersive .grid .card p {
    text-align: center !important;
  }

  .immersive-service-page.service-immersive .grid .card .services-list,
  .immersive-service-page.transferts-immersive .grid .card .services-list {
    justify-content: center !important;
    text-align: center !important;
  }

  /* Les encadrés d'informations avec listes restent plus lisibles à gauche */
  .immersive-service-page.service-immersive .service-aside,
  .immersive-service-page.service-immersive .service-aside h3,
  .immersive-service-page.service-immersive .service-aside li,
  .immersive-service-page.transferts-immersive .service-aside,
  .immersive-service-page.transferts-immersive .service-aside h3,
  .immersive-service-page.transferts-immersive .service-aside li {
    text-align: left !important;
  }

  /* Intro Services / Transferts : texte éditorial long = aligné à gauche */
  .immersive-service-page .service-intro p,
  .immersive-service-page .transferts-intro p {
    text-align: left !important;
  }

  /* Cartes courtes des autres pages immersives : Drone, VR, etc. */
  .immersive-service-page .cards .card,
  .immersive-service-page .cards .card h3,
  .immersive-service-page .cards .card p {
    text-align: center !important;
  }

  /* Tarifs : en-tête centré, détails de prestation lisibles à gauche */
  .immersive-service-page .package h3,
  .immersive-service-page .package .price,
  .immersive-service-page .package .meta {
    text-align: center !important;
  }

  .immersive-service-page .package ul,
  .immersive-service-page .package li {
    text-align: left !important;
  }

  /* Notes, listes, tableaux et FAQ : conserver une lecture naturelle */
  .immersive-service-page .side-note,
  .immersive-service-page .sidenote,
  .immersive-service-page .projects-list,
  .immersive-service-page .projects-list li,
  .immersive-service-page .faq-accordion,
  .immersive-service-page .faq-accordion summary,
  .immersive-service-page .faq-accordion .answer,
  .immersive-service-page dl,
  .immersive-service-page dl dt,
  .immersive-service-page dl dd,
  .immersive-service-page table,
  .immersive-service-page th,
  .immersive-service-page td,
  .immersive-service-page caption {
    text-align: left !important;
  }

  /* VR : le grand texte explicatif reste lisible sur téléphone/tablette */
  .immersive-service-page.vr-immersive
  .section[aria-labelledby="video-immersive-definition"] > p {
    text-align: left !important;
    max-width: 920px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Titres des encadrés de livrables : centrés, listes à gauche */
  .immersive-service-page .encadre > h3 {
    text-align: center !important;
  }

  .immersive-service-page .encadre ul,
  .immersive-service-page .encadre li {
    text-align: left !important;
  }
}

/* =========================================================
   CORRECTIF V2 — ÉVÉNEMENTS PRO / PERSO
   Stabilise les mises en page desktop, tablette et mobile
   face aux anciennes règles globales .row/.row2/.row3/section.
   ========================================================= */

/* ---------- ÉVÉNEMENTS PROFESSIONNELS ---------- */
.immersive-service-page.pro-immersive .pro-feature{
  width:min(var(--im-max),calc(100% - 64px)) !important;
  max-width:var(--im-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap:38px !important;
  align-items:center !important;
  box-sizing:border-box !important;
}

.immersive-service-page.pro-immersive .pro-feature > div,
.immersive-service-page.pro-immersive .pro-feature figure{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
}

.immersive-service-page.pro-immersive .pro-feature img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}

.immersive-service-page.pro-immersive .pro-strengths-band .cards,
.immersive-service-page.pro-immersive .packages-grid,
.immersive-service-page.pro-immersive .supports-grid,
.immersive-service-page.pro-immersive .videos-grid{
  width:100% !important;
  box-sizing:border-box !important;
}

.immersive-service-page.pro-immersive .video-card,
.immersive-service-page.pro-immersive .package,
.immersive-service-page.pro-immersive .panel,
.immersive-service-page.pro-immersive .card{
  min-width:0 !important;
  box-sizing:border-box !important;
}

.immersive-service-page.pro-immersive .video-card .desc,
.immersive-service-page.pro-immersive .panel,
.immersive-service-page.pro-immersive .encadre,
.immersive-service-page.pro-immersive .package ul,
.immersive-service-page.pro-immersive .package li{
  text-align:left !important;
}

/* ---------- ÉVÉNEMENTS PERSONNELS ---------- */
.immersive-service-page.perso-immersive .perso-feature{
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) !important;
  gap:38px !important;
  align-items:center !important;
  box-sizing:border-box !important;
}

.immersive-service-page.perso-immersive .perso-feature .col50,
.immersive-service-page.perso-immersive .perso-method-band .col50{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

.immersive-service-page.perso-immersive .perso-feature img,
.immersive-service-page.perso-immersive .perso-method-band img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}

.immersive-service-page.perso-immersive .row3{
  display:block !important;
}

.immersive-service-page.perso-immersive .row3 ul,
.immersive-service-page.perso-immersive .row3 ol{
  display:block !important;
  width:auto !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:left !important;
}

.immersive-service-page.perso-immersive .row3 p,
.immersive-service-page.perso-immersive .perso-benefits-band p,
.immersive-service-page.perso-immersive .options,
.immersive-service-page.perso-immersive details{
  text-align:left !important;
}

.immersive-service-page.perso-immersive .package,
.immersive-service-page.perso-immersive .options{
  min-width:0 !important;
  box-sizing:border-box !important;
}

.immersive-service-page.perso-immersive .package ul,
.immersive-service-page.perso-immersive .package li{
  text-align:left !important;
}

/* ---------- TABLETTE ---------- */
@media (max-width:1000px){

  .immersive-service-page.pro-immersive .pro-feature,
  .immersive-service-page.perso-immersive .perso-feature,
  .immersive-service-page.perso-immersive .perso-method-band{
    grid-template-columns:1fr !important;
  }

  .immersive-service-page.pro-immersive .pro-feature,
  .immersive-service-page.perso-immersive .perso-feature{
    width:calc(100% - 48px) !important;
    gap:28px !important;
  }

  .immersive-service-page.pro-immersive .pro-strengths-band .cards{
    grid-template-columns:1fr !important;
  }

  .immersive-service-page.pro-immersive .packages-grid,
  .immersive-service-page.perso-immersive .packages-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .immersive-service-page.pro-immersive .supports-grid,
  .immersive-service-page.pro-immersive .videos-grid{
    grid-template-columns:1fr !important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:700px){

  /* Heroes longs : éviter les titres surdimensionnés / débordements */
  .immersive-service-page.pro-immersive .immersive-hero-title,
  .immersive-service-page.perso-immersive .immersive-hero-title{
    font-size:clamp(1.9rem,9vw,2.75rem) !important;
    line-height:1.06 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .immersive-service-page.pro-immersive .immersive-hero-lead,
  .immersive-service-page.perso-immersive .immersive-hero-lead{
    text-align:left !important;
    font-size:1rem !important;
    line-height:1.62 !important;
  }

  .immersive-service-page.pro-immersive .pro-feature,
  .immersive-service-page.perso-immersive .perso-feature{
    width:calc(100% - 32px) !important;
    padding:48px 0 !important;
    gap:24px !important;
  }

  .immersive-service-page.perso-immersive .perso-method-band{
    padding:48px 16px !important;
    gap:24px !important;
  }

  .immersive-service-page.pro-immersive .packages-grid,
  .immersive-service-page.perso-immersive .packages-grid,
  .immersive-service-page.pro-immersive .supports-grid,
  .immersive-service-page.pro-immersive .videos-grid,
  .immersive-service-page.pro-immersive .pro-strengths-band .cards{
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .immersive-service-page.pro-immersive .package,
  .immersive-service-page.pro-immersive .panel,
  .immersive-service-page.pro-immersive .video-card .desc,
  .immersive-service-page.perso-immersive .package,
  .immersive-service-page.perso-immersive .options{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .immersive-service-page.pro-immersive .cta-button,
  .immersive-service-page.perso-immersive .cta-button,
  .immersive-service-page.pro-immersive .immersive-button,
  .immersive-service-page.perso-immersive .immersive-button{
    max-width:100% !important;
    box-sizing:border-box !important;
    white-space:normal !important;
  }

  .immersive-service-page.perso-immersive .row3 ul,
  .immersive-service-page.perso-immersive .row3 ol{
    padding-left:0 !important;
  }
}

/* =========================================================
   CORRECTIF V3 — FINITIONS MOBILE ÉVÉNEMENTS PRO / PERSO
   - Titres de sections plus compacts et plus lisibles
   - Cartes réellement centrées (titre + texte)
   - Paragraphes éditoriaux longs alignés à gauche
   - Ancres protégées du header fixe
   ========================================================= */

.immersive-service-page.pro-immersive [id],
.immersive-service-page.perso-immersive [id]{
  scroll-margin-top: 92px;
}

@media (max-width:700px){

  /* Titres de sections : moins grands, moins fins */
  .immersive-service-page.pro-immersive .immersive-band > h2,
  .immersive-service-page.pro-immersive .immersive-band > .titre-texte,
  .immersive-service-page.perso-immersive .immersive-band > h2,
  .immersive-service-page.perso-immersive .immersive-band > .titre-texte{
    max-width: 100% !important;
    margin: 0 auto 26px !important;
    padding: 0 !important;
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.16 !important;
    font-weight: 650 !important;
    letter-spacing: -.015em !important;
    text-align: center !important;
  }

  /* Cartes événements : titre et description sur le même axe */
  .immersive-service-page.pro-immersive .card,
  .immersive-service-page.perso-immersive .card{
    padding: 22px 18px !important;
    text-align: center !important;
  }

  .immersive-service-page.pro-immersive .card h2,
  .immersive-service-page.pro-immersive .card h3,
  .immersive-service-page.perso-immersive .card h2,
  .immersive-service-page.perso-immersive .card h3{
    margin: 0 0 12px !important;
    font-size: 1.32rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  .immersive-service-page.pro-immersive .card p,
  .immersive-service-page.perso-immersive .card p{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
    text-align: center !important;
  }

  /* Premier bloc texte/image : texte courant lisible à gauche */
  .immersive-service-page.pro-immersive .pro-feature p,
  .immersive-service-page.pro-immersive .pro-feature li,
  .immersive-service-page.perso-immersive .perso-feature p,
  .immersive-service-page.perso-immersive .perso-feature li{
    font-size: 1rem !important;
    line-height: 1.65 !important;
    text-align: left !important;
  }

  /* Méthode de travail (perso) */
  .immersive-service-page.perso-immersive .perso-method-band .titre-texte{
    margin: 0 0 20px !important;
    font-size: 1.7rem !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    text-align: center !important;
  }

  .immersive-service-page.perso-immersive .perso-method-band p{
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 1rem !important;
    line-height: 1.66 !important;
    text-align: left !important;
  }

  .immersive-service-page.perso-immersive .perso-method-band .cta-button{
    display: table !important;
    margin: 18px auto 22px !important;
  }

  /* Paragraphes/légendes longues hors cartes */
  .immersive-service-page.pro-immersive .encadre p,
  .immersive-service-page.pro-immersive .sidenote,
  .immersive-service-page.pro-immersive .panel p,
  .immersive-service-page.perso-immersive .options,
  .immersive-service-page.perso-immersive details p,
  .immersive-service-page.perso-immersive .perso-benefits-band li{
    font-size: 1rem !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  /* Évite les respirations excessives entre sections */
  .immersive-service-page.pro-immersive .immersive-band,
  .immersive-service-page.perso-immersive .immersive-band{
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  /* Exception : les blocs photo + texte gardent leur mise en page dédiée */
  .immersive-service-page.pro-immersive .pro-feature,
  .immersive-service-page.perso-immersive .perso-feature{
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .immersive-service-page.perso-immersive .perso-method-band{
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

/* =========================================================
   CORRECTIF V4 — CTA ÉVÉNEMENTS PROFESSIONNELS
   Le texte courant du bloc pro reste aligné à gauche,
   mais le paragraphe CTA et son bouton sont centrés.
   ========================================================= */
.immersive-service-page.pro-immersive .pro-feature p.cta {
  width: 100% !important;
  max-width: none !important;
  margin: 20px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.immersive-service-page.pro-immersive .pro-feature p.cta .cta-button {
  display: inline-flex !important;
  margin: 0 auto !important;
  align-items: center;
  justify-content: center;
}

/* =========================================================
   CORRECTIF V5 — TITRES DES CARTES ÉVÉNEMENTS
   Les cartes utilisent des classes spécifiques et non .card :
   - perso : .perso-types-grid > .perso-type
   - pro   : .event-types-grid > .event-type
   On centre explicitement leurs h3 en mobile.
   ========================================================= */
@media (max-width:700px){

  .immersive-service-page.perso-immersive
  .perso-types-grid .perso-type h3,

  .immersive-service-page.pro-immersive
  .event-types-grid .event-type h3{
    width:100% !important;
    max-width:none !important;
    margin:0 0 12px !important;
    padding:0 !important;
    text-align:center !important;
    font-size:1.32rem !important;
    line-height:1.24 !important;
    font-weight:700 !important;
  }

  .immersive-service-page.perso-immersive
  .perso-types-grid .perso-type,

  .immersive-service-page.pro-immersive
  .event-types-grid .event-type{
    text-align:center !important;
  }

  .immersive-service-page.perso-immersive
  .perso-types-grid .perso-type p,

  .immersive-service-page.pro-immersive
  .event-types-grid .event-type p{
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:center !important;
  }
}

/* =========================================================
   CORRECTIF V6 — CARTES VIDÉO ÉVÉNEMENTS PROFESSIONNELS
   Centre en mobile le titre, la description et le lien
   "Voir sur YouTube" dans les cartes vidéo.
   ========================================================= */
@media (max-width:700px){

  .immersive-service-page.pro-immersive
  .pro-videos-band .video-card .desc{
    text-align:center !important;
  }

  .immersive-service-page.pro-immersive
  .pro-videos-band .video-card .desc h3{
    width:100% !important;
    margin:0 0 10px !important;
    padding:0 !important;
    text-align:center !important;
    font-size:1.28rem !important;
    line-height:1.22 !important;
  }

  .immersive-service-page.pro-immersive
  .pro-videos-band .video-card .desc p{
    width:auto !important;
    margin:0 0 12px !important;
    padding:0 !important;
    text-align:center !important;
    font-size:1rem !important;
    line-height:1.6 !important;
  }

  .immersive-service-page.pro-immersive
  .pro-videos-band .video-card .desc a{
    display:inline-block !important;
    margin:0 auto !important;
    text-align:center !important;
  }
}