:root{--bg:#f7f3ec;--paper:#fffdf9;--ink:#1f2a25;--muted:#6e766f;--olive:#7f8e73;--olive2:#5d6d58;--sand:#d8c5a5;--line:#e7ded0;--shadow:0 18px 55px rgba(35,43,38,.10);--radius:26px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:800;color:var(--olive2)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.04;margin:0}h1{font-size:clamp(3.4rem,8vw,7.4rem)}h2{font-size:clamp(2.3rem,4.6vw,4.6rem)}h3{font-size:1.7rem}p{margin:0}.muted{color:var(--muted)}
.header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(247,243,236,.88);backdrop-filter:blur(15px);border-bottom:1px solid rgba(231,222,208,.85)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--serif);font-size:1.34rem;line-height:1}.brand small{display:block;font-family:var(--sans);font-size:.61rem;letter-spacing:.22em;text-transform:uppercase;margin-top:6px;color:var(--muted)}.links{display:flex;align-items:center;gap:24px;font-size:.92rem}.links a:hover{color:var(--olive2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:white;font-weight:700;border:1px solid var(--ink);transition:.2s}.btn:hover{transform:translateY(-1px);background:var(--olive2);border-color:var(--olive2)}.btn.light{background:white;color:var(--ink);border-color:white}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.menu{display:none;border:0;background:none;font-size:1.5rem}
.hero{min-height:100vh;position:relative;display:grid;align-items:end;padding:150px 0 64px;background:linear-gradient(90deg,rgba(17,25,21,.68),rgba(17,25,21,.18)),url('https://lamaisondejuliamenton.com/wp-content/uploads/2023/07/IMG_5825-ok-1024x768.jpeg') center/cover no-repeat;color:white}.hero:after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,rgba(0,0,0,.18))}.hero-inner{position:relative;z-index:2;max-width:920px}.hero p{max-width:680px;font-size:1.14rem;margin:22px 0 30px;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:30px;font-size:.83rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.section{padding:110px 0}.section.soft{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.photo-stack{position:relative;min-height:600px}.photo-stack .a{position:absolute;inset:0 18% 8% 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.photo-stack .b{position:absolute;width:44%;height:48%;right:0;bottom:0;border:10px solid var(--bg);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.copy p{font-size:1.05rem;color:var(--muted);max-width:620px;margin:24px 0 32px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:48px}.stat{background:var(--paper);padding:28px}.stat strong{font-family:var(--serif);font-size:2rem;display:block}.stat span{color:var(--muted);font-size:.9rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.section-head p{max-width:560px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.22s}.card:hover{transform:translateY(-4px)}.card-img{aspect-ratio:4/3;background:#ddd}.card-body{padding:24px}.card-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:.87rem}.pill{border:1px solid var(--line);border-radius:999px;padding:5px 10px}.text-link{font-weight:800;color:var(--olive2)}
.feature-band{display:grid;grid-template-columns:1.05fr .95fr;min-height:640px;background:var(--ink);color:white}.feature-band .visual{background:url('https://lamaisondejuliamenton.com/wp-content/uploads/2023/08/IMG_6627-1024x768.jpg') center/cover no-repeat}.feature-band .content{padding:80px;display:flex;flex-direction:column;justify-content:center}.feature-band p{color:rgba(255,255,255,.72);margin:24px 0 30px;max-width:540px}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 30px}.tick{padding-left:28px;position:relative}.tick:before{content:'✓';position:absolute;left:0;color:#cbd7be}
.destinations{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.destination{min-height:420px;border-radius:22px;overflow:hidden;position:relative;color:white;background:#777}.destination:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.72))}.destination .dtext{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}.destination p{color:rgba(255,255,255,.78);font-size:.92rem;margin-top:8px}.menton{background:url('../images/menton/menton-panorama.png') center/cover}.monaco{background:linear-gradient(135deg,#557079,#1f2a25)}.italie{background:linear-gradient(135deg,#a77f63,#5b6d56)}
.cta{padding:90px 0}.cta-box{background:var(--olive2);color:white;border-radius:32px;padding:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box p{color:rgba(255,255,255,.78);margin-top:12px}.footer{padding:60px 0 30px;background:#18201c;color:white}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer p,.footer a{color:rgba(255,255,255,.68)}.footer h4{margin:0 0 14px;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}.footer-links{display:grid;gap:9px}.copyright{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:rgba(255,255,255,.5);display:flex;justify-content:space-between;gap:20px}
.page-hero{padding:170px 0 80px;background:var(--paper)}.page-hero p{max-width:700px;color:var(--muted);font-size:1.1rem;margin-top:20px}.room-hero{min-height:78vh;display:grid;align-items:end;padding:150px 0 58px;color:white;background-position:center;background-size:cover;position:relative}.room-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,20,16,.7),rgba(13,20,16,.12))}.room-hero .container{position:relative;z-index:2}.room-hero p{margin-top:16px;color:rgba(255,255,255,.85);font-size:1.08rem}.room-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:70px}.amenities{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.amenity{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.booking-box{position:sticky;top:110px;background:var(--paper);padding:30px;border-radius:22px;box-shadow:var(--shadow);height:max-content}.booking-box .btn{width:100%;margin-top:20px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:260px;gap:12px}.gallery-grid div{overflow:hidden;border-radius:18px;background:#ddd}.gallery-grid div:first-child{grid-row:span 2}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:15px 16px}.form textarea{min-height:160px;resize:vertical}.notice{padding:18px;border-radius:16px;background:#edf1e9;color:#495445;font-size:.92rem}.mobile-book{display:none}
@media(max-width:900px){.links{display:none;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:24px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.links.open{display:flex}.menu{display:block}.nav>.btn{display:none}.intro-grid,.feature-band,.room-layout,.contact-grid{grid-template-columns:1fr}.photo-stack{min-height:480px}.feature-band .visual{min-height:420px}.feature-band .content{padding:55px 32px}.cards{grid-template-columns:repeat(2,1fr)}.destinations{grid-template-columns:1fr 1fr}.destination:first-child{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.booking-box{position:static}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid div:first-child{grid-column:span 2;grid-row:auto}.mobile-book{display:flex;position:fixed;left:16px;right:16px;bottom:16px;z-index:60;box-shadow:var(--shadow)}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.hero{padding-bottom:110px}.section{padding:78px 0}.cards{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:16px}.destinations{grid-template-columns:1fr}.destination:first-child{grid-column:auto}.destination{min-height:330px}.stats{grid-template-columns:1fr 1fr}.stat{padding:20px}.cta-box{padding:40px 26px;display:block}.cta-box .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.photo-stack{min-height:390px}.photo-stack .a{inset:0 10% 8% 0}.photo-stack .b{width:48%;height:42%}.room-hero{min-height:72vh}.amenities{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-grid div:first-child{grid-column:auto}.page-hero{padding-top:140px}}


/* --- V2 polish --- */
body{overflow-x:hidden}.header.scrolled{background:rgba(247,243,236,.96);box-shadow:0 8px 35px rgba(31,42,37,.06)}
.links a{position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--ink);transition:.25s}.links a:hover:after,.links a[aria-current="page"]:after{right:0}
.hero{background-image:linear-gradient(90deg,rgba(17,25,21,.70),rgba(17,25,21,.16)),url('https://lamaisondejuliamenton.com/wp-content/uploads/2023/07/IMG_5825-ok-2560x1920.jpeg')}
.hero-inner{padding-bottom:28px}.hero h1{max-width:900px;text-wrap:balance}.hero p{font-size:clamp(1rem,1.6vw,1.18rem)}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-badge{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(5px);padding:8px 12px;border-radius:999px;font-size:.82rem}
.split-note{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}
.card-img{overflow:hidden}.card-img img{transition:transform .55s ease}.card:hover .card-img img{transform:scale(1.035)}
.card h3{margin-top:5px}.card-body{min-height:188px;display:flex;flex-direction:column}.card-body .text-link{margin-top:auto}
.feature-band .visual{background-image:url('https://lamaisondejuliamenton.com/wp-content/uploads/2023/08/IMG_6627-1024x768.jpg')}
.destination.menton{background-image:url('https://lamaisondejuliamenton.com/wp-content/uploads/2022/11/ville-de-menton-iStock-805553090-1800x1201-1.jpg')}.destination.monaco{background-image:url('https://lamaisondejuliamenton.com/wp-content/uploads/2022/11/monaco-gf104fef98_1920-1024x576.jpg');background-position:center;background-size:cover}.destination.italie{background-image:url('https://lamaisondejuliamenton.com/wp-content/uploads/2022/11/mediterranean-sea-g3dabe42f1_1920-1024x768.jpg');background-position:center;background-size:cover}
.reassurance{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reassurance>div{padding:34px 26px;border-right:1px solid var(--line)}.reassurance>div:last-child{border-right:0}.reassurance strong{display:block;font-family:var(--serif);font-size:1.45rem;margin-bottom:4px}.reassurance span{color:var(--muted);font-size:.9rem}
.quote-block{padding:80px 0;background:#26312b;color:white;text-align:center}.quote-block blockquote{font-family:var(--serif);font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;max-width:900px;margin:0 auto}.quote-block p{margin-top:22px;color:rgba(255,255,255,.64)}
.room-kicker{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.room-kicker span{border:1px solid rgba(255,255,255,.35);padding:6px 10px;border-radius:999px;font-size:.82rem;background:rgba(0,0,0,.10)}
.booking-box{border:1px solid rgba(231,222,208,.8)}.booking-box h3{margin-top:5px}.booking-phone{display:block;text-align:center;margin-top:15px;font-size:.9rem;color:var(--muted)}
.gallery-grid img{cursor:zoom-in;transition:transform .35s}.gallery-grid div:hover img{transform:scale(1.025)}
.gallery-masonry{columns:3;column-gap:14px}.gallery-masonry figure{break-inside:avoid;margin:0 0 14px;border-radius:18px;overflow:hidden;background:#ddd}.gallery-masonry img{height:auto;cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(8,12,10,.93);display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain}.lightbox button{position:absolute;top:22px;right:25px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:white;font-size:1.8rem;cursor:pointer}
.booking-modal{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,12,10,.72);backdrop-filter:blur(7px)}.booking-modal.open{display:flex}.booking-dialog{width:min(560px,100%);background:var(--paper);border-radius:28px;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.32);position:relative}.booking-dialog h2{font-size:2.4rem;margin-top:8px}.booking-dialog p{color:var(--muted);margin:14px 0 24px}.booking-dialog .close{position:absolute;right:18px;top:18px;border:0;background:transparent;font-size:1.6rem;cursor:pointer}.booking-choices{display:grid;gap:12px}.booking-choice{border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.booking-choice:hover{border-color:var(--olive)}.booking-choice strong{display:block}.booking-choice span{color:var(--muted);font-size:.86rem}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}.info-card h3{font-size:1.45rem;margin-bottom:10px}.info-card p{color:var(--muted)}
.legal{max-width:860px}.legal h2{font-size:2rem;margin:42px 0 14px}.legal p,.legal li{color:var(--muted)}
.fade-up{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.fade-up.visible{opacity:1;transform:none}
@media(max-width:900px){.reassurance{grid-template-columns:1fr 1fr}.reassurance>div:nth-child(2){border-right:0}.reassurance>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.info-grid{grid-template-columns:1fr}.gallery-masonry{columns:2}}
@media(max-width:620px){.gallery-masonry{columns:1}.reassurance{grid-template-columns:1fr}.reassurance>div{border-right:0;border-bottom:1px solid var(--line)}.reassurance>div:last-child{border-bottom:0}.hero-badges{gap:7px}.hero-badge{font-size:.76rem}.booking-dialog{padding:28px 22px}.booking-choice{display:block}.booking-choice b{display:block;margin-top:6px}.section h2{text-wrap:balance}}

.room-hero-neutral{background:linear-gradient(135deg,#243129,#6f7c6c)!important;}
.room-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9e2d7,#c8d1c2);min-height:280px;color:#243129;text-align:center;padding:24px;}
.room-placeholder span{font-family:Georgia,serif;font-size:2rem;line-height:1.05;}
.room-photo-note{margin-top:48px;padding:28px;border:1px solid rgba(36,49,41,.15);background:#f7f3ed;}
.room-photo-note p{margin-top:10px;}

.card-img{height:270px;overflow:hidden;background:#ddd}.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.card:hover .card-img img{transform:scale(1.03)}
.room-hero.photo{min-height:58vh;background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:end}.room-hero.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62))}.room-hero.photo>.container{position:relative;z-index:1;padding-bottom:64px}

/* V6 — galeries locales vérifiées logement par logement */
.room-gallery-v6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.room-gallery-v6 figure{margin:0;overflow:hidden;border-radius:18px;background:#eee;position:relative}
.room-gallery-v6 figure:first-child{grid-column:1/-1}
.room-gallery-v6 img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .35s ease}
.room-gallery-v6 figure:first-child img{height:500px}
.room-gallery-v6 a:hover img{transform:scale(1.015)}
.room-gallery-v6 figcaption{position:absolute;left:14px;bottom:12px;background:rgba(20,25,25,.72);color:#fff;padding:7px 10px;border-radius:999px;font-size:.75rem;backdrop-filter:blur(6px)}
.gallery-caption{font-size:.82rem;color:#67706c;margin-top:8px}
@media(max-width:680px){
 .room-gallery-v6{grid-template-columns:1fr}
 .room-gallery-v6 figure:first-child{grid-column:auto}
 .room-gallery-v6 img,.room-gallery-v6 figure:first-child img{height:270px}
}

/* V7 — cartes Hébergements garanties en ouverture locale */
.card-img{height:280px!important;overflow:hidden!important;background:#e8e8e3!important}
.card-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* V8 - photos réelles sur toutes les cartes */
.card-img{height:285px!important;overflow:hidden!important;background:#ddd!important;display:block!important}
.card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:1!important;visibility:visible!important}
.card-img .room-placeholder,.card-img>span,.card-img>h3{display:none!important}
.room-gallery-v8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.room-gallery-v8 a{display:block;overflow:hidden;border-radius:18px;background:#eee}
.room-gallery-v8 img{display:block;width:100%;height:330px;object-fit:cover}
.room-gallery-v8 a:first-child{grid-column:1/-1}
.room-gallery-v8 a:first-child img{height:500px}
@media(max-width:680px){.room-gallery-v8{grid-template-columns:1fr}.room-gallery-v8 a:first-child{grid-column:auto}.room-gallery-v8 img,.room-gallery-v8 a:first-child img{height:270px}}


/* V9 — 55 photos retouchées + sélecteur de langue */
.hero{background:linear-gradient(90deg,rgba(17,25,21,.62),rgba(17,25,21,.10)),url('../images/hero/menton-accueil.webp') center/cover no-repeat!important}
.lang-switcher{display:flex;align-items:center;gap:4px;margin-left:-8px;white-space:nowrap}
.lang-flag{width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;transition:.18s;filter:saturate(.92)}
.lang-flag:hover{background:rgba(93,109,88,.10);transform:translateY(-1px)}
.lang-flag.active{border-color:rgba(93,109,88,.45);background:white;box-shadow:0 3px 10px rgba(31,42,37,.08)}
.room-gallery-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.room-gallery-v9 a{display:block;overflow:hidden;border-radius:18px;background:#eee}
.room-gallery-v9 img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .35s ease}
.room-gallery-v9 a:first-child{grid-column:1/-1}
.room-gallery-v9 a:first-child img{height:520px}
.room-gallery-v9 a:hover img{transform:scale(1.015)}
@media(max-width:1120px){.links{gap:16px;font-size:.86rem}.nav{gap:14px}.lang-flag{width:28px;height:28px;font-size:17px}}
@media(max-width:900px){.lang-switcher{margin-left:auto}.menu{margin-left:2px}}
@media(max-width:680px){.room-gallery-v9{grid-template-columns:1fr}.room-gallery-v9 a:first-child{grid-column:auto}.room-gallery-v9 img,.room-gallery-v9 a:first-child img{height:270px}.lang-switcher{gap:1px}.lang-flag{width:27px;height:27px;font-size:16px}}

/* V10 — sélecteur de langue compact, toujours visible */
.language-dropdown-v10{position:fixed;top:14px;right:110px;z-index:9999;font-family:Arial,sans-serif}
.language-current-v10{height:38px;min-width:55px;border:1px solid rgba(31,42,37,.18);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(20,30,25,.14);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;cursor:pointer;font-size:20px}
.lang-caret-v10{font-size:11px;color:#445047}
.language-options-v10{display:none;position:absolute;right:0;top:46px;width:150px;padding:7px;background:white;border:1px solid rgba(31,42,37,.12);border-radius:14px;box-shadow:0 14px 38px rgba(20,30,25,.16)}
.language-dropdown-v10.open .language-options-v10{display:block}
.language-options-v10 button{width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;display:flex;gap:9px;align-items:center;cursor:pointer;text-align:left;font-size:14px;color:#263129}
.language-options-v10 button:hover,.language-options-v10 button.active{background:#f0f3ed}
/* L'ancien groupe de 4 drapeaux reste dans le HTML mais est masqué pour une interface plus claire. */
.lang-switcher{display:none!important}
@media(max-width:900px){.language-dropdown-v10{top:10px;right:58px}.language-current-v10{height:34px;min-width:49px;font-size:18px}.language-options-v10{top:41px}}


/* V20 — SEO multilingue statique + sélecteur accessible */
.language-dropdown-v10{display:none!important}
.lang-switcher{display:none!important}
.language-menu-v20{position:relative;margin-left:-6px;z-index:70}
.language-menu-v20 summary{list-style:none;cursor:pointer;height:38px;min-width:56px;padding:0 11px;border:1px solid rgba(31,42,37,.18);border-radius:999px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 18px rgba(20,30,25,.10);font-size:19px;user-select:none}
.language-menu-v20 summary::-webkit-details-marker{display:none}.language-menu-v20 summary:after{content:'▾';font-size:10px;color:#445047}
.language-options-v20{position:absolute;right:0;top:46px;width:160px;padding:7px;background:#fff;border:1px solid rgba(31,42,37,.12);border-radius:14px;box-shadow:0 14px 38px rgba(20,30,25,.16);display:grid;gap:2px}
.language-options-v20 a{display:flex;gap:9px;align-items:center;padding:9px 10px;border-radius:9px;font-size:14px;color:#263129}.language-options-v20 a:hover,.language-options-v20 a.active{background:#f0f3ed}.language-options-v20 .flag{font-size:18px}
@media(max-width:900px){.language-menu-v20{margin-left:auto}.language-menu-v20 summary{height:34px;min-width:50px;font-size:17px}.language-options-v20{top:41px}.menu{margin-left:2px}}


/* V21 — visuel jacuzzi + réservation connectée */
.jacuzzi-visual{position:relative;overflow:hidden;isolation:isolate;background:#162727}
.jacuzzi-visual:before,.jacuzzi-visual:after{content:'';position:absolute;inset:auto;border-radius:50%;border:2px solid rgba(255,255,255,.35);opacity:.7;z-index:0;animation:jacuzziRipple 5.5s ease-out infinite}
.jacuzzi-visual:before{width:110px;height:110px;left:14%;bottom:16%;animation-delay:.4s}
.jacuzzi-visual:after{width:70px;height:70px;right:18%;top:23%;animation-delay:2.2s}
.jacuzzi-visual-label{position:absolute;left:28px;bottom:28px;z-index:2;max-width:360px;padding:14px 17px;border-radius:15px;background:rgba(13,31,31,.68);backdrop-filter:blur(9px);color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.18)}
.jacuzzi-visual-label strong{display:block;font-family:var(--serif);font-size:1.25rem;line-height:1.1;margin-bottom:3px}.jacuzzi-visual-label span{font-size:.82rem;color:rgba(255,255,255,.82)}
@keyframes jacuzziRipple{0%{transform:scale(.45);opacity:0}18%{opacity:.7}100%{transform:scale(2.25);opacity:0}}
.jacuzzi-showcase{padding:0;background:var(--bg)}.jacuzzi-showcase-media{min-height:520px;width:min(1180px,calc(100% - 40px));margin:70px auto 10px;border-radius:28px;box-shadow:var(--shadow)}
@media(max-width:900px){.jacuzzi-visual{min-height:430px}.jacuzzi-showcase-media{min-height:400px;margin-top:40px}.jacuzzi-visual-label{left:18px;right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.jacuzzi-visual:before,.jacuzzi-visual:after{animation:none}}

/* V22 — vrais visuels Jacuzzi Menton */
.jacuzzi-real-slides{position:absolute;inset:0;z-index:0;overflow:hidden}
.jacuzzi-real-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:jacuzziRealCrossfade 12s infinite;filter:saturate(1.03) contrast(1.02)}
.jacuzzi-real-slides img:nth-child(1){animation-delay:0s}.jacuzzi-real-slides img:nth-child(2){animation-delay:6s}
.jacuzzi-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,22,.04),rgba(8,22,22,.38));z-index:1;border:0;width:auto;height:auto;border-radius:0;opacity:1;animation:none}
.jacuzzi-visual:before{display:none}
.jacuzzi-visual-label{z-index:3}
@keyframes jacuzziRealCrossfade{0%{opacity:0;transform:scale(1.025)}8%{opacity:1}46%{opacity:1}58%{opacity:0;transform:scale(1)}100%{opacity:0}}
.booking-engine-wrap{max-width:1180px;margin:0 auto;padding:28px 24px 70px}.booking-engine-wrap iframe{width:100%;min-height:1200px;border:0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.08)}
.seo-local-copy{max-width:950px}.seo-local-copy h2{max-width:820px}.seo-local-copy p{font-size:1.05rem;line-height:1.8}.seo-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:700px){.booking-engine-wrap{padding:18px 10px 50px}.booking-engine-wrap iframe{min-height:1350px;border-radius:12px}}

/* V24 — correction jacuzzi : une seule vraie photo, aucun fondu */
.jacuzzi-real-slides.jacuzzi-single img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1!important;animation:none!important;transform:none!important;filter:saturate(1.03) contrast(1.02)}
.jacuzzi-real-slides.jacuzzi-single{position:absolute;inset:0;overflow:hidden;z-index:0}

/* V25 — Jacuzzi: photo & video réels fournis par le propriétaire */
.jacuzzi-photo-real,.jacuzzi-video-real{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:1!important;animation:none!important;transform:none!important;filter:none!important}
.jacuzzi-video-real{background:#162727}
.jacuzzi-band .jacuzzi-visual,.jacuzzi-showcase-media{background:#162727!important}

/* V29 — bouton Instagram */
.instagram-btn{margin-top:14px;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff!important;border:none;box-shadow:0 8px 22px rgba(131,58,180,.18)}
.instagram-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.instagram-btn svg{width:18px;height:18px;flex:0 0 18px}


/* V31 — Instagram icône + alignement avec WhatsApp */
.contact-action-group{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px}
.contact-action-group .btn{margin-top:0!important}
.contact-social-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;min-height:58px;min-width:320px;padding:12px 18px;border-radius:18px;box-shadow:0 10px 24px rgba(31,42,37,.10)}
.contact-social-btn svg{width:22px;height:22px;flex:0 0 22px}
.contact-social-btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.contact-social-btn strong{font-size:.98rem;line-height:1.1}
.contact-social-btn small{font-size:.82rem;font-weight:500;opacity:.92;margin-top:2px}
.instagram-btn{margin-top:0;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff!important;border:none;box-shadow:0 8px 22px rgba(131,58,180,.18)}
.instagram-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.whatsapp-btn{background:#25D366;color:#fff!important;border-color:#25D366;box-shadow:0 8px 22px rgba(37,211,102,.18)}
.whatsapp-btn:hover{background:#1fb85a;border-color:#1fb85a;transform:translateY(-1px)}
@media(max-width:620px){.contact-social-btn{width:100%;min-width:0}}


/* V32 — boutons sociaux sobres et élégants */
.contact-action-group{display:flex;flex-direction:row;align-items:stretch;gap:12px;margin-top:26px;flex-wrap:wrap}
.contact-action-group .btn{margin-top:0!important}
.contact-social-btn{min-width:0;min-height:54px;padding:9px 15px 9px 10px;border-radius:14px;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 8px 22px rgba(31,42,37,.06);gap:10px;justify-content:flex-start}
.contact-social-btn:hover{background:#fff!important;border-color:#cfc4b4!important;transform:translateY(-1px);box-shadow:0 12px 26px rgba(31,42,37,.09);filter:none!important}
.contact-social-btn .social-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 36px}
.contact-social-btn .social-icon svg{width:20px;height:20px}
.contact-social-btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;text-align:left}
.contact-social-btn strong{font-size:.90rem;font-weight:800;letter-spacing:.01em}
.contact-social-btn small{font-size:.75rem;color:var(--muted);margin-top:4px;font-weight:500;white-space:nowrap}
.instagram-btn .social-icon{background:linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b);color:#fff}
.whatsapp-btn .social-icon{background:#25D366;color:#fff}
@media(max-width:620px){.contact-action-group{display:grid;grid-template-columns:1fr 1fr}.contact-social-btn{width:100%;padding-right:10px}.contact-social-btn small{display:none}.contact-social-btn strong{font-size:.84rem}}


/* V35 — histoire familiale + position Riviera */
.history-story{max-width:900px}.history-story h2{max-width:760px;margin-top:8px}.history-story p{font-size:1.06rem;line-height:1.82;color:var(--muted);margin-top:22px}.history-story p:first-of-type{color:var(--ink);font-size:1.12rem}.photo-stack img{background:#ece7df}


/* V38 — contenu SEO local utile, intégré sans alourdir le design */
.seo-content-v38{max-width:940px;margin:0 auto}
.seo-content-v38 p{color:var(--muted);font-size:1.03rem;line-height:1.78;margin-top:18px}
.seo-content-v38 .seo-actions-v38{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.seo-faq-v38{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.seo-faq-v38 article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}
.seo-faq-v38 h3{font-family:var(--serif);font-size:1.35rem;line-height:1.18;margin:0 0 10px}
.seo-faq-v38 p{color:var(--muted);margin:0;line-height:1.65}
.seo-inline-link-v38{font-weight:800;color:var(--olive2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:760px){.seo-faq-v38{grid-template-columns:1fr}}


/* V39 — Découvrir Menton + Journal */
.menton-hub-hero{min-height:560px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(180deg,rgba(10,20,18,.08),rgba(10,20,18,.62)),url('../images/hero/menton-accueil.webp') center/cover;padding:72px 0}
.menton-hub-hero h1{font-size:clamp(3.6rem,8vw,7rem);max-width:900px}.menton-hub-hero p{max-width:720px;font-size:1.08rem;color:rgba(255,255,255,.9)}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{display:block;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(20,35,30,.08);transition:.2s}.guide-card:hover{transform:translateY(-3px)}.guide-card img{width:100%;height:245px;object-fit:cover}.guide-card .body{padding:24px}.guide-card h3{font-size:1.65rem;margin:5px 0 10px}.guide-card p{color:#6b716d}.guide-card .text-link{display:inline-block;margin-top:16px}
.menton-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.menton-feature img{width:100%;height:520px;object-fit:cover;border-radius:28px}.menton-feature.reverse .media{order:2}.menton-feature .copy p{margin-top:15px}
.journal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#fff;border:1px solid rgba(31,42,37,.1);border-radius:22px;padding:26px;display:block}.article-card h3{font-size:1.5rem;margin:8px 0 10px}.article-card p{color:#6c716e}.article-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#7e867f}
.article-wrap{max-width:850px;margin:0 auto}.article-wrap h1{font-size:clamp(3rem,7vw,5.8rem);margin-bottom:24px}.article-wrap h2{font-size:2.1rem;margin-top:42px}.article-wrap p{font-size:1.06rem;line-height:1.8;margin-top:16px}.article-wrap .lead{font-size:1.24rem;color:#5f6862}.article-back{display:inline-block;margin-bottom:28px}
@media(max-width:900px){.guide-grid,.journal-list{grid-template-columns:1fr 1fr}.menton-feature{grid-template-columns:1fr}.menton-feature.reverse .media{order:0}.menton-feature img{height:390px}}
@media(max-width:620px){.guide-grid,.journal-list{grid-template-columns:1fr}.menton-hub-hero{min-height:470px;padding:52px 0}.guide-card img{height:220px}}

/* V41 — page pilier Découvrir Menton */
.menton-why{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.menton-why .copy p{margin-top:16px;color:#5f6762}.menton-why .media img{width:100%;height:520px;object-fit:cover;border-radius:28px}
.menton-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.menton-highlight{padding:20px;border:1px solid rgba(31,42,37,.1);border-radius:18px;background:#fff}.menton-highlight strong{display:block;font-family:Georgia,serif;font-size:1.35rem;margin-bottom:6px}.menton-highlight span{color:#6b716d;font-size:.92rem}
.practical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.practical-card{padding:24px;border-radius:20px;background:#f7f4ef;border:1px solid rgba(31,42,37,.08)}.practical-card h3{font-size:1.35rem;margin-bottom:10px}.practical-card p{color:#666f69;margin:0}.practical-card a{display:inline-block;margin-top:14px;font-weight:700}
.latest-journal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.latest-journal .article-card{height:100%}
.contact-nowrap{white-space:nowrap;display:inline-block}
@media(max-width:900px){.menton-why{grid-template-columns:1fr}.menton-why .media img{height:390px}.menton-highlights,.practical-grid{grid-template-columns:1fr 1fr}.latest-journal{grid-template-columns:1fr}}
@media(max-width:620px){.menton-highlights,.practical-grid{grid-template-columns:1fr}.menton-why .media img{height:320px}}

/* V46 — nom La Maison de Julia sur une seule ligne dans Contact */
.contact-brand-title{font-size:clamp(2.6rem,3.6vw,3.65rem);white-space:nowrap;line-height:1.04}
@media(max-width:620px){.contact-brand-title{font-size:clamp(2.2rem,11vw,3rem);white-space:normal}}
