/* Nemovoile — direction éditoriale, responsive et parcours de demande de devis. */
:root{--primary:#103d49;--foreground:#183a43;--background:#fbfaf6;--accent:#ad481e;--accent-foreground:#fff;--ring:#ad481e;--sand:#eee8db;--muted-foreground:#53656a;--sun:#f4d69c}
body{font-size:15px}h1,h2,h3{text-wrap:balance}p{line-height:1.7}.wrap{max-width:1280px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.btn{border-radius:9px;line-height:1.4;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.eyebrow{font-family:Manrope,sans-serif;font-size:.71rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;margin:0 0 1.1rem;color:var(--accent)}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;color:var(--primary);padding:1rem}.skip-link:focus{top:16px}
header{border-bottom:1px solid #ffffff30}header .wrap{justify-content:space-between!important;padding-top:1.4rem!important;padding-bottom:1.25rem;gap:1.5rem}.brand{margin:0;align-items:flex-start!important;text-align:left;gap:.15rem}.brand-top{align-items:flex-start;gap:.3rem}header .logo{font-size:2.7rem!important;letter-spacing:-.05em;text-shadow:none}.tagline{padding:0;font-size:.64rem;font-weight:500;letter-spacing:.04em;background:none;backdrop-filter:none;border-radius:0}.brand-line2{gap:.8rem;margin-top:.35rem;font-size:.65rem}.brand-line2 .gstars{font-size:.65rem!important;padding:0!important;margin:0}.brand-count{font-size:.65rem}header span{ text-shadow:none}.header-nav{display:flex;align-items:center;gap:1.75rem;font-size:.79rem;font-weight:700;margin-left:auto}.header-nav a:hover{text-decoration:underline}.nav-cta{border:1px solid #ffffff80;padding:.7rem 1rem;border-radius:6px}header .lang{position:static!important;flex:none;margin:0;font-size:.7rem;padding:.4rem .6rem}
.hero{min-height:0}.hero>img{filter:none;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(4,32,43,.86),rgba(4,32,43,.55) 46%,rgba(4,32,43,.16)),linear-gradient(0deg,rgba(4,32,43,.22),rgba(4,32,43,.12))!important}.hero-grid,.hero-form>.wrap{padding-top:11rem!important;padding-bottom:4.5rem!important;gap:3.5rem;align-items:center!important}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)}.hero-form>.wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)}.hero-form .hero-text{top:0}.hero .eyebrow{color:var(--sun);max-width:38rem;text-shadow:none}.hero h1{font-size:clamp(3.1rem,4.7vw,4.25rem);font-weight:500;line-height:1.06;letter-spacing:-.045em;max-width:42rem;text-shadow:none}.hero h1 em{color:var(--sun)}.hero .lead{font-size:1rem;line-height:1.8;max-width:31rem;margin-top:1.6rem;text-shadow:none;color:#f5f6ef}.hero-actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;margin-top:1.8rem}.hero-actions .btn{padding:.9rem 1.25rem;background:#f4d69c;color:#173c44;font-size:.85rem}.hero-discover{color:#fff;font-size:.77rem;text-decoration:underline;text-underline-offset:5px}.hero-assurance{margin-top:1.3rem!important;color:#fff!important;font-size:.71rem!important;max-width:30rem;text-shadow:none!important}.hero-text h1 .destination-name{font-size:1.1em;color:#fff;text-shadow:none;overflow-wrap:normal}.hero-text h1 em{font-size:1em}.hero-form h1 em{font-size:.75em;margin-top:.3rem}.hero-text *{text-shadow:none!important}
#devis.card{background:#fffdf8!important;backdrop-filter:none!important;padding:1.75rem!important;border-radius:14px;box-shadow:0 20px 70px #031d3650;scroll-margin-top:1rem;max-width:32rem;width:100%;justify-self:end}#devis .eyebrow{color:var(--accent);font-size:.62rem!important;margin-bottom:.5rem}#devis h2{font-size:1.7rem;color:var(--primary);font-weight:500;text-align:left;line-height:1.2;letter-spacing:-.03em}#devis .form-intro{font-size:.76rem;color:var(--muted-foreground);line-height:1.6;margin-top:.45rem}.form-heading{margin-top:.8rem;justify-content:flex-start!important}.form-phone-heading{gap:.3rem}.form-phone-number{font-size:.85rem}.form-availability{font-size:.8rem}.form-phone-heading .phone-icon{width:14px;height:14px}.form-availability::before{content:'·';margin-right:.35rem}form .grid{margin-top:1.1rem;gap:.8rem .7rem}label.field,.skipper-field{font-size:.7rem;font-weight:700}.field small{font-size:.66rem;font-weight:500}.in{background:#fff!important;border:1px solid #cbd5d2;border-radius:6px;min-height:43px;padding:.65rem .6rem;font-size:.78rem;color:var(--foreground)}textarea.in{min-height:65px;resize:vertical}.in:focus{box-shadow:0 0 0 3px #ad481e20}.skipper-field{grid-column:1/-1;min-width:0;border:0;padding:0;margin:0}.skipper-field legend{margin-bottom:.3rem}.skipt{gap:.35rem}.skipt label{border-radius:6px;min-height:42px;font-size:.67rem;line-height:1.3}.skipt label:has(input:checked){background:#f7e9db!important}.email-row{display:flex!important;flex-direction:column;align-items:stretch;gap:.7rem}.email-row .btn-submit{grid-column:auto!important;font-size:.85rem;padding:.9rem .5rem;border-radius:6px;min-height:46px}.privacy{white-space:normal;overflow:visible;text-overflow:clip;font-size:.62rem;line-height:1.6}.privacy a{text-underline-offset:2px}
.stats{background:#eee8db}.stats .wrap{padding-top:1.6rem;padding-bottom:1.6rem;gap:1rem}.stats .num{font-size:1.9rem;font-weight:500}.stats .lbl{font-size:.69rem;line-height:1.5}.boats-band{padding-top:2.5rem;padding-bottom:2.5rem;background:#fff}.boats-band h2{font-weight:500}.boats-band h2 .boats-sub{font-family:Manrope,sans-serif;font-size:.8rem!important;font-weight:400;line-height:1.6}.boats-note{font-size:.65rem}.boats-grid{scrollbar-color:#a6beb9 transparent}.boat-card-static{border-radius:9px;box-shadow:none!important}.boat-card-static img{background:#f3f5f2}
.dest{padding-top:4.5rem;padding-bottom:3rem}.dest h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:500;max-width:44rem}.dest .intro{max-width:42rem;font-size:.9rem}.dest-scroll .dest-grid{grid-template-columns:repeat(9,17rem);gap:1rem}.dest-card{height:220px!important;border-radius:9px;box-shadow:none}.dest-card .cap{background:linear-gradient(0deg,#062f40e8,transparent 75%)}.dest-card .name{font-size:1.65rem;line-height:1.3}.dest-card .tag{font-size:.59rem;letter-spacing:.07em}.dest-card .go{opacity:1;font-size:.7rem;margin-top:.35rem;color:#f4d69c}.dest-card .txt{padding:1.2rem}.dest-nav{top:115px}.dest-card img{filter:saturate(.95)}
.story{background:#103d49}.story .wrap{padding-top:4.5rem;padding-bottom:4.5rem;gap:4rem}.story h2{font-size:clamp(2rem,3vw,2.75rem);font-weight:500}.story .eyebrow{color:var(--sun)}.story .txt{font-size:.9rem;line-height:1.9}.story .feat{gap:1.3rem;margin-top:2rem}.story .feat .box{border:0;border-top:1px solid #ffffff35;border-radius:0;padding:1rem 0 0}.feat .box p{font-size:.77rem;line-height:1.8}.feat .box b{font-size:.85rem}.story-photo{border-radius:10px}.story .story-photo img{object-position:center}.steps{max-width:1000px;padding:3.5rem 1.5rem!important;margin:0 auto!important;width:auto!important}.steps h2{font-weight:500;font-size:2.3rem}.steps>.d{max-width:42rem;margin:1rem auto 0}.steps-grid{margin-top:2rem;gap:2rem}.steps .d{line-height:1.8}.feat-grid .box{background:#fff;border:1px solid #e2e7e0;border-radius:9px;padding:1.4rem}.feat-grid .box p{line-height:1.8}.split{padding-top:3rem;padding-bottom:2rem}.spots li{border-bottom:1px solid #d8dfd8;padding-bottom:1.5rem}.spots p{font-size:.9rem;line-height:1.85}
.questions{padding-top:4.5rem;padding-bottom:4.5rem;max-width:950px}.questions h2{font-size:2.5rem;font-weight:500;margin-bottom:2rem}.faq-list{border-top:1px solid #d4dbd5}.faq-list details{border-bottom:1px solid #d4dbd5}.faq-list summary{padding:1.3rem 2rem 1.3rem 0;cursor:pointer;font-weight:700;font-size:.86rem;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:.4rem;font-size:1.3rem;top:1rem;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details p{max-width:46rem;padding:0 1rem 1.4rem 0;font-size:.85rem;color:var(--muted-foreground)}.text-link{display:inline-block;margin-top:1.5rem;color:var(--accent);font-weight:700;font-size:.85rem;text-decoration:underline;text-underline-offset:5px}.final .wrap{padding-top:3.5rem;padding-bottom:3.5rem}.final h2{font-weight:500;font-size:2.6rem}.final .btn-outline{font-size:.83rem}.final .row{align-items:center}footer{background:#092e39;color:#d3e0dc;padding:2.5rem 0}footer nav{max-width:1150px;margin:0 auto 2rem!important;font-size:.73rem;line-height:1.8}footer{font-size:.7rem}footer a{ text-underline-offset:3px}.mobile-contact{display:none}
@media(max-width:1023px){header .wrap{padding-left:1.5rem;padding-right:1.5rem}.header-nav{gap:1rem}.header-nav>a:not(.nav-cta){display:none}.hero-grid,.hero-form>.wrap{grid-template-columns:minmax(0,1fr);gap:2.2rem;padding-top:10.5rem!important;padding-bottom:3rem!important}.hero-grid{padding-left:1.5rem!important;padding-right:1.5rem!important}.hero-text{max-width:40rem}.hero h1{font-size:3.8rem}.hero-grid #devis.card,.hero-form #devis.card{max-width:36rem;justify-self:start}.hero-form .hero-text .row{display:flex}.hero .lead{max-width:36rem}.hero-form>.wrap{align-content:start}.hero-form .hero-text{top:0}.story .wrap{padding-left:1.5rem;padding-right:1.5rem;gap:2.5rem}.story-photo{border-radius:10px;max-height:370px}.story-photo+div{padding:0}.story .story-photo img{aspect-ratio:16/10!important;object-fit:cover}.hero-form h1{max-width:40rem}.hero-form .hero-text h1 .destination-name{font-size:1.1em}.hero-form .hero-text h1 em{font-size:.8em}.hero-form .hero-text .hero-actions{display:none}}
@media(max-width:639px){header .wrap{gap:.6rem;padding:1rem 1rem .9rem!important}header .logo{font-size:2.25rem!important}.header-nav{display:none}.tagline{font-size:.55rem}.brand-line2{font-size:.58rem;gap:.7rem}.brand-count,.brand-line2 .gstars{font-size:.58rem!important}header .lang{font-size:.65rem}.hero-grid,.hero-form>.wrap{padding-top:9rem!important;padding-bottom:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important;gap:1.8rem}.hero h1,.hero-text h1{font-size:clamp(2.5rem,10.4vw,3.6rem)!important;line-height:1.06}.hero .eyebrow{font-size:.57rem!important;letter-spacing:.1em;margin-bottom:1rem}.hero .lead{font-size:.86rem;margin-top:1rem;line-height:1.8}.hero-actions{gap:1rem;margin-top:1.3rem}.hero-actions .btn{font-size:.76rem;padding:.8rem 1rem}.hero-discover{font-size:.7rem}.hero-assurance{font-size:.62rem!important;margin-top:1rem!important}.hero>img{object-position:62% top}.hero-overlay{background:linear-gradient(180deg,#082f40a6,#082f40b0 46%,#103d49 85%)!important}#devis.card{padding:1.35rem 1.1rem!important;border-radius:10px;max-width:none}.hero-grid #devis.card,.hero-form #devis.card{max-width:none}#devis h2{font-size:1.55rem}#devis .eyebrow{font-size:.57rem!important;margin-bottom:.5rem}.form-heading{display:flex!important}.form-phone-number{font-size:.8rem}.form-availability{font-size:.76rem}.skipt label{font-size:.64rem}.stats .wrap{padding:1.4rem 1rem;gap:1.4rem .8rem}.stats .num{font-size:1.65rem}.stats .lbl{font-size:.62rem}.dest{padding-top:2.8rem;padding-bottom:1.5rem!important}.dest h2{font-size:2rem}.dest .intro{font-size:.83rem}.dest-scroll .dest-grid{grid-template-columns:repeat(9,10.5rem);gap:.65rem}.dest-card{height:175px!important}.dest-card .txt{padding:.85rem}.dest-card .name{font-size:1.2rem}.dest-card .go{font-size:.62rem}.dest-card .tag{display:block;font-size:.49rem;line-height:1.5}.boats-band{padding-top:2rem;padding-bottom:1.5rem}.story .wrap{padding:2.5rem 1rem;gap:2rem}.story .story-photo img{aspect-ratio:4/3!important}.story h2{font-size:2rem}.story .feat{grid-template-columns:1fr 1fr;gap:1rem}.story .feat .box b{font-size:.77rem}.story .feat .box p{font-size:.72rem}.steps{padding:2.5rem 1rem!important}.steps h2{font-size:1.85rem}.steps-grid{gap:1.4rem}.steps .t{margin-top:.25rem}.questions{padding:2.8rem 1rem}.questions h2{font-size:2rem}.questions .eyebrow{font-size:.57rem!important}.faq-list summary{font-size:.8rem;line-height:1.7}.faq-list details p{font-size:.78rem}.final .wrap{padding:2.5rem 1rem}.final h2{font-size:2rem}.final .row{gap:.65rem}.final .btn{padding:.9rem 1rem;font-size:.79rem}.final a[href^="tel:"]{font-size:1rem!important}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:#fffdf8;box-shadow:0 -4px 25px #092e391a;z-index:50;font-size:.72rem;font-weight:700}.mobile-contact .btn{font-size:.75rem;padding:.8rem 1rem}.mobile-contact[hidden]{display:none}body{padding-bottom:85px}footer nav{padding-left:1rem;padding-right:1rem;font-size:.66rem!important}.hero-form .hero-text h1 em{font-size:.8em}.hero-form .hero-text h1 .destination-name{font-size:1.15em}.feat-grid{gap:.75rem;padding-top:2rem}.feat-grid .box{padding:1rem}.feat-grid .box p{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-picture{position:absolute;inset:0;display:block}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center}.story-link{display:inline-block;margin-top:2rem;color:var(--sun);text-decoration:underline;text-underline-offset:6px;font-size:.85rem;font-weight:700}.final-copy{color:var(--muted-foreground);margin-top:1rem;font-size:.9rem}.boats-band>.wrap{padding-top:0;padding-bottom:0}
.hero p.lead{font-size:1rem;line-height:1.8;max-width:31rem;margin-top:1.6rem}.destination-context{padding-top:2.5rem;padding-bottom:1rem;max-width:1000px}.destination-context p{font-size:.9rem;color:var(--muted-foreground);line-height:1.9}.hero-form .hero-text .hero-actions{display:flex}
@media(max-width:639px){.hero p.lead{font-size:.86rem;margin-top:1rem;line-height:1.8}.hero-form .hero-text .hero-actions{margin-top:1rem}.destination-context{padding:2rem 1rem 0}.destination-context p{font-size:.82rem}}
@media(max-width:639px){.hero{background:#103d49}.hero>img,.hero-picture{height:650px;bottom:auto}.hero-picture img{object-position:60% center}.hero>img{object-position:67% center}.hero-overlay{background:linear-gradient(180deg,#082f4070,#082f40c9 500px,#103d49 660px)!important}}

/* Ajustements demandés : transparence 70 % (fond opaque à 30 %). */
header .logo{font-size:4.5rem!important}
#devis.card{background:rgba(255,255,255,.30)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#devis .form-heading{margin-top:0}
#devis label.field>span,#devis .skipper-field legend,#devis .privacy,#devis .form-phone-heading,#devis .form-availability{color:#fff;text-shadow:0 1px 4px rgba(0,22,40,.9)}
#devis .form-phone-heading .phone-icon{color:#fff}
#devis .in,#devis .skipt label{color:var(--foreground);text-shadow:none}
.hero>img,.hero-picture img{filter:brightness(1.03) saturate(.92) contrast(.94);}
.hero-overlay{background:linear-gradient(90deg,rgba(8,43,72,.64),rgba(9,56,94,.30) 65%,rgba(9,56,94,.24)),linear-gradient(0deg,rgba(8,40,68,.17),transparent)!important}
@media(max-width:639px){
 header .logo{font-size:clamp(2.5rem,12vw,3.2rem)!important}
 .hero>img,.hero-picture{height:100%;bottom:0}
 .hero-overlay{background:linear-gradient(180deg,rgba(8,43,75,.46),rgba(8,43,75,.56))!important}
}

/* Sail Planet: preserve existing content sections and balance 14 destination cards. */
.dest-scroll .dest-grid{grid-template-columns:repeat(7,17rem)}
.advantages{padding:3rem 0}.advantages h2{font-weight:500}.advantages-intro{line-height:1.8}.advantage-card{background:#fff;border:1px solid #e2e7e0;border-radius:9px;padding:1.5rem}.advantage-card h3{font-size:1.35rem}.advantage-card p{font-size:.85rem;line-height:1.8}.why-book{padding-top:3rem!important;padding-bottom:3rem!important}.why-grid .box{padding:1.2rem;border-top:1px solid #d4dbd5}.why-book h2{font-weight:500}
@media(max-width:639px){.dest-scroll .dest-grid{grid-template-columns:repeat(7,10.5rem)}header .logo{font-size:clamp(2.3rem,11.5vw,3.1rem)!important}.advantages{padding:2rem 0}.why-grid{grid-template-columns:minmax(0,1fr)!important}.advantage-card{padding:1.2rem}}
