:root{
  --navy:#031726;--navy2:#062640;--sand:#f6efe4;--cream:#fffaf2;--gold:#e4bd72;--blue:#087bbd;--text:#102030;--muted:#5f7180;--radius:24px;--shadow:0 18px 50px rgba(3,23,38,.15);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--cream);line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.container{width:min(1120px,100%);margin:auto;padding:0 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-approved{position:relative;background:var(--navy)}.hero-approved img{width:100%;height:auto}.hotspot{position:absolute;display:block;border-radius:999px}.hotspot-call{left:45.5%;top:3.4%;width:18%;height:10.5%}.hotspot-wa{left:64%;top:3.4%;width:23%;height:10.5%}.hotspot-lang{right:1.8%;top:19.1%;width:16%;height:7.5%}.hotspot-book{left:33.4%;top:75.7%;width:33%;height:11.8%}.section{padding:56px 0}.section-sand{background:var(--sand)}.section-dark{background:var(--navy);color:#fff}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:900;margin:0 0 10px}.section-dark .eyebrow{color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:inherit}h2{font-size:clamp(2rem,7vw,3.3rem);line-height:1.05;margin:0 0 18px;letter-spacing:-.035em}.lead{font-size:1.09rem;color:var(--muted);max-width:720px}.section-dark .lead{color:rgba(255,255,255,.75)}
.features{display:grid;grid-template-columns:repeat(2,1fr);background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.feature{text-align:center;padding:24px 12px}.feature-icon{font-size:2rem;margin-bottom:6px}.feature strong{display:block;font-weight:800;color:#10243a}.grid{display:grid;gap:24px}.grid-2{align-items:center}.duo-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.duo-card img{width:100%;height:auto}.copy-card{padding:28px;background:linear-gradient(135deg,#fffaf2,#f8efe3);border-radius:var(--radius);box-shadow:0 14px 40px rgba(3,23,38,.08)}.copy-card p{margin:0 0 14px}.badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(228,189,114,.22);font-weight:800;color:#523d16;margin-top:10px}
.offers{text-align:center}.cards{display:grid;gap:16px;margin-top:26px}.price-card{background:#fffaf5;border:1px solid rgba(8,32,52,.12);border-radius:22px;padding:24px 18px;box-shadow:0 12px 34px rgba(3,23,38,.07)}.price-card .ico{font-size:2rem}.price-card h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.04em;margin:8px 0 2px;text-transform:uppercase}.duration{font-weight:800}.price{font-family:Georgia,"Times New Roman",serif;font-size:2.8rem;color:var(--navy);margin:13px 0 7px}.note{color:var(--muted);font-size:.96rem}.booking-note{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:22px 0 0;color:#21364b;font-weight:650}
.why{display:grid}.why-copy{padding:36px 20px;background:linear-gradient(135deg,#031726,#052845)}.why-copy h2{font-size:2rem}.checks{list-style:none;padding:0;margin:18px 0 0}.checks li{margin:10px 0;padding-left:30px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:.85rem;font-weight:900;text-align:center;line-height:20px}.why-img img{width:100%;height:100%;object-fit:cover;min-height:260px}
.gallery{display:grid;gap:14px}.gallery img{border-radius:22px;width:100%;height:260px;object-fit:cover;box-shadow:var(--shadow)}.location-box{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.address{font-style:normal;color:var(--muted);margin:8px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 18px;font-weight:900;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#1cc7c7,#087bbd);color:#fff}.btn-dark{background:var(--navy);color:#fff}.contact{background:linear-gradient(135deg,#031726,#06304f);color:#fff;border-radius:30px;padding:30px 22px;box-shadow:var(--shadow);text-align:center}.contact h2{margin-bottom:10px}.contact p{color:rgba(255,255,255,.78)}.contact-actions{display:grid;gap:12px;margin-top:18px}.contact-actions a{padding:15px 18px;border-radius:999px;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-weight:900}.footer{background:#031726;color:rgba(255,255,255,.72);text-align:center;padding:28px 16px 100px;font-size:.9rem}.footer a{color:#fff;text-decoration:none}.sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(3,23,38,.92);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.sticky a{border-radius:999px;text-decoration:none;text-align:center;padding:13px 10px;color:#fff;font-weight:900}.sticky a:first-child{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.sticky a:last-child{background:#16c46a}
@media(min-width:760px){.features{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr 1.25fr}.why-copy{padding:48px}.gallery{grid-template-columns:1fr 1fr 1fr}.contact-actions{grid-template-columns:repeat(2,1fr)}.footer{padding-bottom:36px}.sticky{display:none}}
@media(max-width:540px){.container{padding:0 16px}.section{padding:42px 0}.features{grid-template-columns:repeat(2,1fr)}.feature{padding:18px 8px}.feature-icon{font-size:1.65rem}.feature strong{font-size:.9rem}.hotspot-call{left:43%;width:21%}.hotspot-wa{left:64%;width:26%}.hotspot-book{left:30%;width:40%}.price{font-size:2.4rem}}

.seo-text{background:#fff}.seo-text .seo-panel{background:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(3,23,38,.08)}.seo-text h2{font-size:clamp(1.8rem,5vw,2.65rem)}.keyword-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.keyword-list span{background:rgba(8,123,189,.08);border:1px solid rgba(8,123,189,.15);border-radius:999px;padding:8px 12px;font-weight:800;color:#0a3857}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 10px 28px rgba(3,23,38,.06)}.faq-list summary{cursor:pointer;font-weight:900;color:#102030}.faq-list p{color:var(--muted);margin:10px 0 0}.contact-actions a:last-child,.sticky a:last-child{background:#16c46a;color:#fff}.contact-actions a:last-child{border-color:rgba(22,196,106,.45)}
@media(max-width:540px){.seo-text .seo-panel{padding:22px}.keyword-list span{font-size:.86rem}}
.seo-header{background:var(--navy);color:#fff;padding:14px 0}.seo-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.seo-nav a{text-decoration:none}.seo-hero{padding:70px 0;background:linear-gradient(135deg,#031726,#06304f)}.seo-hero h1{font-size:clamp(2.2rem,7vw,4.3rem);line-height:1.03;margin:0 0 18px;max-width:900px}.seo-hero .lead{color:rgba(255,255,255,.82);font-size:1.15rem}.seo-guides{background:#fff}.guide-links{display:grid;gap:10px}.guide-links a{display:block;padding:14px 16px;border:1px solid rgba(8,32,52,.12);border-radius:16px;text-decoration:none;font-weight:800;background:#fffaf5}@media(min-width:760px){.guide-links{grid-template-columns:1fr 1fr}}

/* ===== Enriched SEO article pages ===== */
.article-top{background:var(--navy);color:#fff;padding:12px 0;position:sticky;top:0;z-index:30;box-shadow:0 6px 22px rgba(3,23,38,.14)}
.article-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.article-nav-right{display:flex;align-items:center;gap:16px}
.article-nav a{text-decoration:none}
.brand-mini{font-family:Georgia,"Times New Roman",serif;font-weight:800;font-size:1.08rem;letter-spacing:.025em;line-height:.9}
.brand-mini span{font-size:.78em;letter-spacing:.08em}
.article-hero{position:relative;min-height:620px;height:min(76vh,760px);overflow:hidden;background:var(--navy);color:#fff}
.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,38,.94) 0%,rgba(3,23,38,.72) 48%,rgba(3,23,38,.16) 100%)}
.article-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:900px}
.article-hero h1{font-size:clamp(2.55rem,7vw,5.4rem);line-height:.98;letter-spacing:-.04em;margin:0 0 18px;max-width:900px}
.article-hero-copy>p:not(.eyebrow){max-width:760px;font-size:1.17rem;color:rgba(255,255,255,.84);margin:0 0 22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.btn-secondary{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.09);color:#fff}
.narrow{max-width:850px}
.intro-editorial .lead{font-size:1.24rem;line-height:1.65}
.comparison-table{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(3,23,38,.08);border:1px solid rgba(8,32,52,.08)}
.ct-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #ebe3d9}
.ct-row:last-child{border-bottom:0}
.ct-row>div{padding:16px 18px}
.ct-row>div:first-child{font-weight:850}
.ct-head{background:var(--navy);color:#fff;font-weight:900}
.ct-head>div{font-weight:900}
.split-feature{display:grid;background:linear-gradient(135deg,#031726,#06304f);color:#fff}
.split-copy{padding:48px max(20px,calc((100vw - 1120px)/2));padding-right:36px}
.split-copy h2{max-width:620px}
.split-copy p:not(.eyebrow){max-width:640px;color:rgba(255,255,255,.78)}
.split-img img{width:100%;height:100%;min-height:360px;object-fit:cover}
.profile-grid,.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.profile-card,.component-grid article{background:#fff;border-radius:22px;padding:24px;border:1px solid rgba(8,32,52,.1);box-shadow:0 10px 30px rgba(3,23,38,.055)}
.profile-card>span,.component-grid b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(228,189,114,.22);color:#795a21;font-weight:950;margin-bottom:8px}
.profile-card h3,.component-grid h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.05rem;margin:5px 0 7px}
.profile-card p,.component-grid p{color:var(--muted);margin:0}
.steps-rich{display:grid;gap:14px;padding-left:22px;margin:22px 0}
.steps-rich li{padding-left:7px}
.pricing-grid{display:grid;gap:16px}
.price-card.featured{border:2px solid var(--gold);transform:none}
.article-note{background:#fff;border-left:4px solid var(--gold);padding:18px 20px;border-radius:0 18px 18px 0;color:var(--muted);margin:24px 0}
.visual-caption{font-size:.88rem;color:var(--muted);margin:10px 0 0}
.inline-photo{border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.inline-photo img{width:100%;height:100%;object-fit:cover;min-height:360px}
.read-more-grid{display:grid;gap:14px}
.read-more-grid a{display:block;padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(8,32,52,.1);text-decoration:none;font-weight:900}
.read-more-grid a span{display:block;color:var(--muted);font-weight:500;margin-top:4px;font-size:.92rem}

/* Technical eFoil diagram */
.efoil-diagram{position:relative;min-height:470px;border-radius:30px;overflow:hidden;background:linear-gradient(#c8effb 0 41%,#1686ad 41% 100%);box-shadow:var(--shadow);margin:28px 0 38px}
.diag-board{position:absolute;left:18%;top:33%;width:62%;height:24px;border-radius:70% 38% 65% 30%;background:#f7f2e8;box-shadow:0 6px 12px rgba(0,0,0,.17)}
.diag-mast{position:absolute;left:51%;top:37%;width:9px;height:190px;background:#172738}
.diag-fuselage{position:absolute;left:39%;top:76%;width:28%;height:9px;background:#172738;border-radius:999px}
.diag-wing{position:absolute;left:33%;top:73%;width:40%;height:19px;background:#172738;border-radius:70% 30% 70% 30%;transform:skewX(-10deg)}
.diag-motor{position:absolute;left:49%;top:66%;width:46px;height:28px;background:#0f1a23;border-radius:14px}
.diag-battery{position:absolute;left:34%;top:28%;width:28%;height:14px;border-radius:9px;background:var(--gold)}
.diag-remote{position:absolute;right:11%;top:15%;width:38px;height:80px;border-radius:16px;background:#132331;transform:rotate(12deg);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.diag-remote:after{content:"";position:absolute;left:10px;top:12px;width:18px;height:22px;border-radius:5px;background:#087bbd}
.diag-label{position:absolute;background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;font-size:.86rem;box-shadow:0 8px 20px rgba(3,23,38,.12)}
.l1{left:8%;top:25%}.l2{left:29%;top:15%}.l3{left:56%;top:47%}.l4{left:58%;top:63%}.l5{left:20%;top:82%}.l6{right:5%;top:7%}
.flow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.flow-step{background:#fff;border-radius:20px;padding:20px;border:1px solid rgba(8,32,52,.1)}
.flow-step strong{display:block;font-size:1.7rem;color:var(--gold);margin-bottom:7px}
.flow-step p{margin:0;color:var(--muted)}

/* Visual section for jet-ski comparison without introducing a foreign design */
.choice-visual{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);margin-top:26px}
.choice-side{min-height:300px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}
.choice-side.efoil{background:linear-gradient(rgba(3,23,38,.1),rgba(3,23,38,.82)),url("images/vue-cap-antibes.jpg") center/cover;color:#fff}
.choice-side.jetski{background:linear-gradient(145deg,#0b3553,#087bbd);color:#fff;position:relative}
.choice-side.jetski:before{content:"JET-SKI";position:absolute;right:-12px;top:16px;font-size:4.5rem;font-weight:950;color:rgba(255,255,255,.08);transform:rotate(8deg)}
.choice-side h3{font-size:2rem;margin:0 0 5px}
.choice-side p{margin:0;color:rgba(255,255,255,.8)}
@media(min-width:760px){.split-feature{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:repeat(3,1fr)}.read-more-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:759px){.article-nav-right>a:first-child{display:none}.article-hero{min-height:580px;height:72vh}.article-hero-overlay{background:linear-gradient(0deg,rgba(3,23,38,.94),rgba(3,23,38,.32))}.article-hero-copy{justify-content:flex-end;padding-bottom:52px}.ct-row{grid-template-columns:1.15fr 1fr 1fr;font-size:.85rem}.ct-row>div{padding:12px 9px}.profile-grid,.component-grid{grid-template-columns:1fr}.split-copy{padding:38px 20px}.flow-strip{grid-template-columns:1fr 1fr}.choice-visual{grid-template-columns:1fr}.efoil-diagram{min-height:420px}.l1{left:3%}.l5{left:8%;top:84%}.l6{right:2%}}


/* ===== Original Club E-Foil header on SEO pages ===== */
.article-top{display:none!important}
.original-site-header{
  position:relative;
  width:100%;
  height:clamp(112px,14.1vw,182px);
  background-image:url("images/hero-club-efoil-antibes.jpg");
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center top;
  background-color:#031726;
  z-index:50;
}
.header-call-hotspot,
.header-wa-hotspot,
.header-menu-hotspot{
  position:absolute;
  display:block;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  z-index:3;
}
.header-call-hotspot{left:46.0%;top:14%;width:18.5%;height:58%}
.header-wa-hotspot{left:65.0%;top:14%;width:21.5%;height:58%}
.header-menu-hotspot{right:1.3%;top:17%;width:9.5%;height:55%}

/* The menu is deliberately hidden until the hamburger is tapped. */
.seo-drawer{
  position:fixed;
  inset:0;
  z-index:200;
  background:rgba(3,23,38,.48);
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, visibility .2s ease;
}
.seo-drawer.open{opacity:1;visibility:visible}
.seo-drawer-inner{
  position:absolute;
  right:0;
  top:0;
  width:min(390px,88vw);
  height:100%;
  overflow:auto;
  background:#fffaf5;
  padding:78px 24px 36px;
  box-shadow:-18px 0 48px rgba(3,23,38,.22);
  transform:translateX(100%);
  transition:transform .25s ease;
}
.seo-drawer.open .seo-drawer-inner{transform:translateX(0)}
.seo-drawer-close{
  position:absolute;
  right:18px;
  top:16px;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:#031726;
  color:#fff;
  font-size:1.9rem;
  line-height:1;
  cursor:pointer;
}
.seo-drawer a{
  display:block;
  padding:13px 8px;
  color:#082034;
  text-decoration:none;
  font-weight:850;
  border-bottom:1px solid rgba(8,32,52,.09);
}
.seo-drawer a:hover{color:#087bbd}
.seo-menu-title{
  margin-top:22px;
  padding:0 8px 7px;
  color:#9a6d22;
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.09em;
}
body.menu-open{overflow:hidden}

/* Keep the first article hero visually attached to the original header. */
.original-site-header + .seo-drawer + script + main .article-hero{margin-top:0}

@media(max-width:759px){
  .original-site-header{
    height:clamp(96px,15.3vw,124px);
    background-size:100% auto;
  }
  .header-call-hotspot{left:45.5%;top:10%;width:19.5%;height:64%}
  .header-wa-hotspot{left:65.2%;top:10%;width:21.8%;height:64%}
  .header-menu-hotspot{right:1%;top:11%;width:10.5%;height:64%}
}


/* ===== Corrected responsive original-style header v5 ===== */
.original-site-header{display:none!important}

.site-header-original{
  width:100%;
  background:#031726;
  color:#fff;
  position:relative;
  z-index:60;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-header-inner{
  width:min(1180px,100%);
  margin:0 auto;
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:14px 28px;
}
.site-brand{
  flex:0 0 auto;
  min-width:230px;
  color:#fff;
  text-decoration:none;
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.93;
  letter-spacing:.02em;
}
.brand-line{display:block;font-size:1.58rem}
.brand-antibes{font-size:1.52rem}
.brand-sub{
  display:block;
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.62);
  font-size:.91rem;
  letter-spacing:.07em;
}
.site-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  min-width:0;
}
.header-action{
  height:58px;
  min-width:166px;
  padding:0 24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#0b2031;
  background:#fff;
  text-decoration:none;
  font-size:1.08rem;
  font-weight:850;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  white-space:nowrap;
}
.header-icon,.wa-mark{
  font-size:1.55rem;
  line-height:1;
  font-weight:900;
}
.phone-icon{
  width:22px;
  height:22px;
  border:3px solid #183145;
  border-top-color:transparent;
  border-right-color:transparent;
  border-radius:55% 35% 55% 35%;
  transform:rotate(-42deg);
  color:transparent;
}
.wa-mark{
  color:#14c96c;
  font-size:1.9rem;
}
.site-hamburger{
  width:64px;
  height:58px;
  border:0;
  background:transparent;
  border-radius:16px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  cursor:pointer;
}
.site-hamburger span{
  display:block;
  height:4px;
  border-radius:999px;
  background:#fff;
  width:100%;
}

/* Drawer sits immediately below visual hierarchy but overlays page content when opened */
.seo-drawer{z-index:250}

/* Tablet */
@media (min-width:760px) and (max-width:1100px){
  .site-header-inner{
    min-height:106px;
    padding:12px 22px;
    gap:18px;
  }
  .site-brand{min-width:205px}
  .brand-line{font-size:1.42rem}
  .brand-antibes{font-size:1.38rem}
  .brand-sub{font-size:.83rem}
  .header-action{
    min-width:150px;
    height:56px;
    padding:0 20px;
    font-size:1rem;
  }
  .site-hamburger{width:58px;height:56px}
}

/* Mobile */
@media (max-width:759px){
  .site-header-inner{
    min-height:94px;
    padding:10px 14px 10px 16px;
    gap:10px;
  }
  .site-brand{
    min-width:0;
    width:38%;
    max-width:170px;
    text-align:center;
  }
  .brand-line{font-size:1.02rem}
  .brand-antibes{font-size:1rem}
  .brand-sub{
    margin-top:5px;
    padding-top:5px;
    font-size:.58rem;
    letter-spacing:.06em;
  }
  .site-header-actions{
    flex:1 1 auto;
    gap:7px;
  }
  .header-action{
    min-width:0;
    height:43px;
    padding:0 12px;
    font-size:.78rem;
    gap:6px;
    flex:1 1 auto;
  }
  .header-call{max-width:112px}
  .header-whatsapp{max-width:126px}
  .phone-icon{
    width:16px;
    height:16px;
    border-width:2px;
  }
  .wa-mark{font-size:1.35rem}
  .site-hamburger{
    flex:0 0 44px;
    width:44px;
    height:43px;
    padding:8px 4px;
    gap:6px;
  }
  .site-hamburger span{height:3px}
}

/* Very narrow phones */
@media (max-width:390px){
  .site-header-inner{padding-left:11px;padding-right:9px;gap:6px}
  .site-brand{width:36%;max-width:132px}
  .brand-line{font-size:.89rem}
  .brand-antibes{font-size:.88rem}
  .brand-sub{font-size:.51rem}
  .header-action{font-size:.71rem;padding:0 8px}
  .header-call{max-width:96px}
  .header-whatsapp{max-width:108px}
  .site-hamburger{flex-basis:38px;width:38px}
}

/* Ensure no language flag strip or duplicated part of hero appears in the header */
.site-header-original + .seo-drawer + script + main .article-hero{margin-top:0}


/* ===== Header buttons v6: match current production site ===== */
.header-action{
  box-sizing:border-box;
  height:54px;
  min-width:154px;
  padding:0 20px;
  border-radius:999px;
  background:#fff;
  color:#0d2031;
  border:1px solid #d9dde1;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  gap:9px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:1rem;
  line-height:1;
  font-weight:800;
}
.header-action:hover{background:#fff}
.header-svg{
  width:24px;
  height:24px;
  flex:0 0 24px;
  overflow:visible;
}
.phone-svg{
  fill:none;
  stroke:#173044;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.whatsapp-svg{width:25px;height:25px;flex-basis:25px}
.whatsapp-svg .wa-ring{
  fill:none;
  stroke:#1ecb6b;
  stroke-width:2.3;
}
.whatsapp-svg .wa-phone{fill:#1ecb6b}
.site-hamburger{
  width:55px;
  height:54px;
  padding:9px 3px;
  gap:7px;
}
.site-hamburger span{
  height:3px;
  background:#fff;
  border-radius:999px;
}

/* Tablet - close to homepage proportions */
@media (min-width:760px) and (max-width:1100px){
  .header-action{
    height:52px;
    min-width:145px;
    padding:0 18px;
    font-size:.96rem;
    gap:8px;
  }
  .header-svg{width:22px;height:22px;flex-basis:22px}
  .whatsapp-svg{width:23px;height:23px;flex-basis:23px}
  .site-hamburger{width:52px;height:52px}
}

/* Mobile - mirrors the compact white pills on the current homepage */
@media (max-width:759px){
  .site-header-inner{
    min-height:92px;
    padding:10px 11px 10px 13px;
    gap:7px;
  }
  .site-brand{
    width:34%;
    max-width:150px;
  }
  .site-header-actions{gap:6px}
  .header-action{
    flex:0 1 auto;
    height:42px;
    min-width:0;
    padding:0 11px;
    font-size:.75rem;
    gap:5px;
    border-width:1px;
    box-shadow:0 1px 4px rgba(0,0,0,.13);
  }
  .header-call{width:101px;max-width:101px}
  .header-whatsapp{width:118px;max-width:118px}
  .header-svg{width:18px;height:18px;flex-basis:18px}
  .whatsapp-svg{width:19px;height:19px;flex-basis:19px}
  .site-hamburger{
    flex:0 0 41px;
    width:41px;
    height:42px;
    padding:8px 2px;
    gap:5px;
  }
  .site-hamburger span{height:3px}
}

@media (max-width:390px){
  .site-header-inner{gap:5px;padding-left:8px;padding-right:7px}
  .site-brand{width:32%;max-width:118px}
  .brand-line{font-size:.84rem}
  .brand-antibes{font-size:.83rem}
  .brand-sub{font-size:.48rem}
  .header-action{height:40px;font-size:.69rem;padding:0 8px;gap:4px}
  .header-call{width:90px;max-width:90px}
  .header-whatsapp{width:105px;max-width:105px}
  .header-svg{width:17px;height:17px;flex-basis:17px}
  .whatsapp-svg{width:18px;height:18px;flex-basis:18px}
  .site-hamburger{flex-basis:36px;width:36px;height:40px}
}


/* ===== v7 — Safari/iOS fix: remove hidden drawer compositing artefacts ===== */
html,body{
  overflow-x:hidden;
}

/* When closed, the menu is completely removed from layout/painting. */
.seo-drawer{
  display:none !important;
  position:fixed;
  inset:0;
  z-index:250;
  background:rgba(3,23,38,.48);
  opacity:1 !important;
  visibility:visible !important;
  transition:none !important;
}

/* Only paint the drawer when it is actually open. */
.seo-drawer.open{
  display:block !important;
}

/* No off-screen transformed panel when closed: avoids WebKit black bars. */
.seo-drawer-inner{
  position:absolute;
  right:0;
  top:0;
  width:min(390px,88vw);
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  background:#fffaf5;
  padding:78px 24px 36px;
  box-shadow:-18px 0 48px rgba(3,23,38,.22);
  transform:none !important;
  transition:none !important;
  -webkit-overflow-scrolling:touch;
}

/* Ensure the header itself creates a clean rectangular boundary. */
.site-header-original{
  overflow:hidden;
  isolation:isolate;
}
.site-header-inner{
  overflow:visible;
}
.site-header-actions,
.site-hamburger,
.header-action{
  position:relative;
  z-index:2;
}

/* Remove any legacy hotspot layer from earlier versions. */
.header-call-hotspot,
.header-wa-hotspot,
.header-menu-hotspot{
  display:none !important;
}


/* ===== v8 — hard reset header/hero boundary ===== */
html,body{margin:0!important;padding:0!important;max-width:100%!important;overflow-x:hidden!important}
.site-header-original{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#031726!important;
  border:0!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
.site-header-original::before,
.site-header-original::after,
.site-header-inner::before,
.site-header-inner::after,
.site-header-actions::before,
.site-header-actions::after,
.site-hamburger::before,
.site-hamburger::after{
  content:none!important;
  display:none!important;
}
.site-header-inner{
  position:relative!important;
  width:min(1180px,100%)!important;
  max-width:100%!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#031726!important;
}
.site-header-actions{overflow:hidden!important}
.site-hamburger{overflow:hidden!important;background:transparent!important;box-shadow:none!important}
.header-action{overflow:hidden!important}
.original-site-header,
.header-call-hotspot,.header-wa-hotspot,.header-menu-hotspot,
.article-top{display:none!important}

/* Drawer does not exist in paint tree until opened. */
.seo-drawer{display:none!important}
.seo-drawer.open{display:block!important}

/* Hero starts on a fresh stacking context immediately after header. */
main{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf5!important;
}
.article-hero{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.article-hero::before,
.article-hero::after{
  content:none!important;
  display:none!important;
}
.article-hero>img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border:0!important;
}
.article-hero-overlay{
  right:0!important;
  bottom:0!important;
  overflow:hidden!important;
}

/* Tablet */
@media(min-width:760px) and (max-width:1100px){
  .site-header-inner{min-height:106px!important;padding:12px 22px!important}
}
/* Mobile */
@media(max-width:759px){
  .site-header-inner{min-height:92px!important;padding:10px 11px 10px 13px!important}
  .article-hero{margin-top:0!important}
}


/* ===== v9 — crop hero photo to remove the dark object at top/right ===== */
.hero-photo-crop{
  overflow:hidden!important;
  background:#031726!important;
}
.hero-photo-crop > img{
  width:112%!important;
  max-width:none!important;
  height:112%!important;
  left:-3%!important;
  top:-4%!important;
  object-fit:cover!important;
  object-position:38% 52%!important;
  transform:none!important;
}

/* Tablet: shift the crop a little further left */
@media (min-width:760px) and (max-width:1100px){
  .hero-photo-crop > img{
    width:116%!important;
    height:116%!important;
    left:-4%!important;
    top:-6%!important;
    object-position:34% 52%!important;
  }
}

/* Mobile: stronger crop so the far-right/top object never enters the frame */
@media (max-width:759px){
  .hero-photo-crop > img{
    width:124%!important;
    height:118%!important;
    left:-7%!important;
    top:-6%!important;
    object-position:30% 54%!important;
  }
}


/* ===== V15: homepage internal-link hubs + editorial/local components ===== */
.seo-hub,.editorial-hub,.deep-guides,.local-guides{
  background:#fff;
}
.seo-hub .lead,.editorial-hub .lead,.deep-guides .lead,.local-guides .lead{
  max-width:920px;
}
.seo-hub-grid{
  display:grid;
  gap:14px;
  margin-top:26px;
}
.seo-hub-grid a{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:20px;
  border-radius:20px;
  background:#fffaf5;
  border:1px solid rgba(8,32,52,.10);
  text-decoration:none;
  box-shadow:0 8px 24px rgba(3,23,38,.04);
}
.seo-hub-grid a:hover{
  border-color:rgba(8,123,189,.35);
  transform:translateY(-1px);
}
.seo-hub-grid strong{color:#082034;font-size:1.04rem}
.seo-hub-grid span{color:#607282;font-size:.92rem;line-height:1.45}
.context-link{
  color:inherit;
  font-weight:850;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(8,123,189,.45);
}
.context-link:hover{color:#087bbd;text-decoration-color:#087bbd}

.edu-compare,.energy-diagram,.flight-sequence,.sport-matrix{
  display:grid;
  gap:14px;
  margin:26px 0;
}
.edu-compare{grid-template-columns:1fr 1fr}
.edu-compare>div,.flight-sequence>div,.sport-matrix>div{
  background:#fff;
  border:1px solid rgba(8,32,52,.1);
  border-radius:22px;
  padding:22px;
}
.energy-diagram{grid-template-columns:1fr 1fr}
.energy-diagram>div{
  background:#031726;
  color:#fff;
  border-radius:22px;
  padding:26px;
  display:grid;
  gap:8px;
}
.energy-diagram span{color:#e4bd72;font-weight:950}
.energy-diagram small{color:rgba(255,255,255,.72)}

.hydro-v{
  height:360px;
  background:linear-gradient(#d7f3fb 0 38%,#1686ad 38%);
  border-radius:28px;
  position:relative;
  margin:25px 0;
}
.hv-board{
  position:absolute;left:20%;top:31%;width:60%;
  padding:9px;text-align:center;background:#fff7e8;border-radius:999px;font-weight:900
}
.hv-mast{position:absolute;left:50%;top:39%;width:8px;height:150px;background:#102638}
.hv-wing{
  position:absolute;left:34%;top:76%;width:34%;
  padding:8px;text-align:center;background:#102638;color:#fff;border-radius:999px
}
.hv-lift{position:absolute;left:58%;top:47%;font-weight:900;color:#fff}
.hv-speed{position:absolute;left:8%;top:54%;font-weight:900;color:#fff}

.flight-sequence{grid-template-columns:repeat(2,1fr)}
.flight-sequence b{color:#9a6d22;font-size:1.6rem;margin-right:10px}
.sport-matrix{grid-template-columns:repeat(2,1fr)}
.sport-matrix b,.sport-matrix span{display:block}
.sport-matrix span{color:#607282;margin-top:4px}

.visible-guide-nav{
  background:#f7f1e8;
  border-top:1px solid rgba(8,32,52,.08);
  border-bottom:1px solid rgba(8,32,52,.08);
}
.visible-guide-nav .seo-hub-grid a{
  background:#fff;
}

@media(min-width:760px){
  .seo-hub-grid{grid-template-columns:repeat(2,1fr)}
  .flight-sequence{grid-template-columns:repeat(4,1fr)}
  .sport-matrix{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1080px){
  .seo-hub-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .edu-compare,.energy-diagram{grid-template-columns:1fr}
}


/* ===== V16 — TABLETTE 760–1100px : proportions plus compactes =====
   Important : ces règles ne touchent PAS le rendu mobile (<760px). */
@media (min-width:760px) and (max-width:1100px){

  /* Homepage: section "Pourquoi choisir..." */
  .why{
    grid-template-columns:1fr 1fr !important;
    align-items:stretch;
  }
  .why-copy{
    padding:30px 32px !important;
  }
  .why-copy h2{
    font-size:1.8rem !important;
    line-height:1.08 !important;
    margin-bottom:14px !important;
  }
  .why-copy .eyebrow{
    font-size:.68rem !important;
  }
  .why-copy .checks{
    margin-top:14px !important;
  }
  .why-copy .checks li{
    margin:7px 0 !important;
    font-size:.9rem !important;
  }
  .why-img{
    height:350px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .why-img img{
    display:block !important;
    width:100% !important;
    height:350px !important;
    min-height:0 !important;
    object-fit:cover !important;
  }

  /* Article / SEO pages */
  .article-hero{
    min-height:500px !important;
    height:560px !important;
  }
  .article-hero-copy{
    max-width:760px !important;
    padding-top:26px !important;
    padding-bottom:30px !important;
  }
  .article-hero h1{
    font-size:3.35rem !important;
    line-height:1 !important;
    max-width:760px !important;
  }
  .article-hero-copy>p:not(.eyebrow){
    font-size:1rem !important;
    max-width:680px !important;
  }

  /* General article typography */
  .section{
    padding:44px 0 !important;
  }
  .section h2{
    font-size:2.25rem !important;
    line-height:1.08 !important;
  }
  .lead{
    font-size:1rem !important;
  }

  /* Two-column editorial sections:
     avoid giant images on landscape/portrait tablets */
  .grid-2{
    grid-template-columns:1.08fr .92fr !important;
    gap:30px !important;
  }
  .inline-photo{
    height:330px !important;
    max-height:330px !important;
  }
  .inline-photo img{
    width:100% !important;
    height:330px !important;
    min-height:0 !important;
    object-fit:cover !important;
  }

  /* Cards and guide links a little tighter on tablet */
  .seo-hub-grid{
    gap:12px !important;
  }
  .seo-hub-grid a{
    padding:17px !important;
  }
}

/* Narrow tablets (iPad portrait / similar) */
@media (min-width:760px) and (max-width:900px){
  .article-hero{
    min-height:470px !important;
    height:520px !important;
  }
  .article-hero h1{
    font-size:2.9rem !important;
  }
  .section h2{
    font-size:2rem !important;
  }
  .inline-photo,
  .inline-photo img{
    height:290px !important;
    max-height:290px !important;
  }
  .why-img,
  .why-img img{
    height:310px !important;
  }
}

/* V17: in-page enrichment only — header untouched */
.long-read p{max-width:840px}
.editorial-note{margin:24px 0;padding:20px 22px;border-left:4px solid #087bbd;border-radius:0 16px 16px 0;background:#eef8fb;color:#203747}
.learning-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
.learning-step{padding:19px 16px;border-radius:18px;background:#fff;border:1px solid rgba(8,32,52,.1)}
.learning-step b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#082034;color:#fff;margin-bottom:10px}
.learning-step h3{font-size:1rem;margin:0 0 7px;color:#082034}.learning-step p{font-size:.88rem;margin:0;color:#607282}
.foil-figure{margin:28px 0;padding:24px;border-radius:24px;background:#fffaf3;border:1px solid rgba(8,32,52,.1)}
.foil-scene{height:300px;position:relative;border-radius:18px;background:linear-gradient(#f7f0e5 0 38%,#80cce4 38% 43%,#1685aa 43%)}
.ff-board{position:absolute;left:18%;top:31%;width:58%;height:25px;border-radius:50%;background:#f5ead8;border:3px solid #082034}
.ff-mast{position:absolute;left:48%;top:39%;width:8px;height:128px;background:#082034}
.ff-wing{position:absolute;left:31%;top:76%;width:39%;height:18px;border-radius:70% 20% 70% 20%;background:#082034}
.ff-lift{position:absolute;right:13%;top:18%;font-weight:900;color:#087bbd}.ff-speed{position:absolute;left:8%;top:51%;font-weight:900;color:#fff}
.local-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}
.local-strip div{padding:14px 8px;text-align:center;border-radius:14px;background:#fff;border:1px solid rgba(8,32,52,.09)}
.local-strip b,.local-strip small{display:block}.local-strip b{color:#082034}.local-strip small{color:#607282}.local-strip .base{background:#082034}.local-strip .base b,.local-strip .base small{color:#fff}
@media(max-width:759px){.learning-steps{grid-template-columns:1fr 1fr}.local-strip{grid-template-columns:1fr 1fr}.foil-scene{height:260px}}
@media(min-width:760px) and (max-width:1100px){.learning-steps{grid-template-columns:1fr 1fr}.foil-scene{height:280px}}

.guide-illustration{width:min(100%,1120px);margin:20px auto 8px;padding:12px;background:#fff;border:1px solid rgba(8,32,52,.09);border-radius:20px}
.guide-illustration img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:12px}
.guide-illustration-section{padding:28px 0!important}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.fact-card{padding:20px;background:#fff;border:1px solid rgba(8,32,52,.09);border-radius:18px}.fact-card h3{font-size:1rem;margin:0 0 8px;color:#082034}.fact-card p{font-size:.9rem;margin:0;color:#607282}
.info-table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff}.info-table th,.info-table td{padding:14px 16px;border-bottom:1px solid rgba(8,32,52,.08);text-align:left;vertical-align:top}.info-table th{background:#082034;color:#fff}
.reader-tip{margin:26px 0;padding:22px 24px;background:#fff8ec;border:1px solid rgba(217,177,105,.45);border-radius:18px}
@media(max-width:759px){.guide-illustration{padding:6px}.fact-grid{grid-template-columns:1fr}.info-table{font-size:.88rem}.info-table th,.info-table td{padding:10px 9px}}
@media(min-width:760px) and (max-width:1100px){.guide-illustration{width:min(92%,900px)}.fact-grid{grid-template-columns:repeat(2,1fr)}}

.faq-rich{background:#f8f2e8}.faq-rich .faq-intro{max-width:850px;color:#607282;margin-bottom:24px}.faq-rich-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-rich details{background:#fff;border:1px solid rgba(8,32,52,.10);border-radius:17px;padding:0 18px}.faq-rich summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-weight:850;color:#082034;position:relative}.faq-rich summary::-webkit-details-marker{display:none}.faq-rich summary:after{content:"+";position:absolute;right:2px;top:12px;font-size:1.8rem;color:#1599b8}.faq-rich details[open] summary:after{content:"–"}.faq-rich details p{padding:0 4px 18px;margin:0;color:#425969;line-height:1.65}@media(max-width:759px){.faq-rich-grid{grid-template-columns:1fr}}

/* V22C — correctif sélecteur FR/EN de la homepage FR uniquement.
   EN.html reste inchangé. Le nouveau sélecteur recouvre exactement le visuel
   intégré à l'image FR afin d'éliminer le drapeau anglais décalé. */
.hotspot-lang-fr-fixed{
  box-sizing:border-box;
  z-index:12;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  background:rgba(3,23,38,.91);
  color:#fff;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  text-decoration:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:clamp(.7rem,1.7vw,1.05rem);
  font-weight:750;
  line-height:1;
  box-shadow:0 2px 7px rgba(0,0,0,.16);
  overflow:hidden;
}
.hotspot-lang-fr-fixed .lang-item{
  display:flex;
  align-items:center;
  gap:5px;
  height:100%;
  white-space:nowrap;
}
.hotspot-lang-fr-fixed .lang-flag-svg{
  display:block;
  width:auto;
  height:42%;
  min-height:12px;
  max-height:22px;
  flex:0 0 auto;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.20);
}
.hotspot-lang-fr-fixed .lang-separator{
  display:block;
  width:1px;
  height:52%;
  min-height:17px;
  background:rgba(255,255,255,.75);
  flex:0 0 1px;
}
@media(max-width:759px){
  .hotspot-lang-fr-fixed{
    gap:5px;
    padding:0 7px;
    font-size:clamp(.58rem,2.45vw,.82rem);
  }
  .hotspot-lang-fr-fixed .lang-item{gap:3px}
  .hotspot-lang-fr-fixed .lang-flag-svg{height:38%;min-height:9px}
  .hotspot-lang-fr-fixed .lang-separator{height:46%;min-height:13px}
}

/* ===== V23 — SEULE MODIFICATION : hauteur du bloc "Pourquoi choisir" =====
   Aucun changement du header, menu, boutons, FR/EN, textes, FAQ ou SEO. */

/* Desktop */
@media (min-width:1101px){
  .why{
    grid-template-columns:1fr 1fr !important;
    align-items:stretch !important;
  }
  .why-copy{
    min-height:0 !important;
    height:390px !important;
    box-sizing:border-box !important;
    padding-top:34px !important;
    padding-bottom:30px !important;
    overflow:hidden !important;
  }
  .why-img{
    min-height:0 !important;
    height:390px !important;
    overflow:hidden !important;
  }
  .why-img img{
    width:100% !important;
    height:390px !important;
    min-height:0 !important;
    max-height:390px !important;
    object-fit:cover !important;
    /* cadrage volontairement plus bas : moins de ciel, plus de plage/eFoil */
    object-position:center 70% !important;
  }
}

/* Tablette : conserve le correctif V16, avec cadrage un peu plus bas */
@media (min-width:760px) and (max-width:1100px){
  .why-img img{
    object-position:center 68% !important;
  }
}

/* Mobile : aucune modification de dimensions ; seul le cadrage reste naturel */