/* TheMediterranean.com blue menu bar (copied from the homepage). Used on every page. */
.top2{display:none!important}
/* Keith 1 Nov: one clear, larger luxury menu bar on laptop, iPad landscape and TV, as in the mockup; every existing link kept, grouped */.lxbar{display:none}@media(min-width:1024px){.util,header.top{display:none!important}.lxbar{display:block;position:sticky;top:0;z-index:60;background:rgba(7,22,40,.97);border-bottom:1px solid rgba(217,181,106,.45);backdrop-filter:saturate(1.2)}.lxin{max-width:1400px;margin:0 auto;padding:0 28px;height:78px;display:flex;align-items:center;gap:20px}.lxlogo{flex:0 0 auto}.lxlogo img{height:24px;width:auto;display:block}.lxnav{flex:1;display:flex;justify-content:center;gap:4px}.lxi{position:relative}.lxi>a{display:flex;align-items:center;gap:6px;height:78px;white-space:nowrap;padding:0 11px;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#F3EBDD;text-decoration:none;transition:color .2s}.lxi.dd>a::after{content:'';width:6px;height:6px;border-right:1.3px solid #D9B56A;border-bottom:1.3px solid #D9B56A;transform:rotate(45deg) translateY(-2px);margin-left:2px}.lxi>a:hover,.lxi:focus-within>a{color:#E4C47E}.lxm{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);min-width:230px;padding:10px 0;background:#081B31;border:1px solid rgba(217,181,106,.5);border-top:2px solid #D9B56A;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s}.lxi:hover .lxm,.lxi:focus-within .lxm{opacity:1;visibility:visible;transform:translate(-50%,0)}.lxm a{display:block;padding:11px 22px;font-size:14px;letter-spacing:.04em;color:#F3EBDD;text-decoration:none;white-space:nowrap}.lxm a:hover{background:rgba(217,181,106,.12);color:#E4C47E}.lxr{display:flex;align-items:center;gap:14px}.lxenq{display:inline-flex;align-items:center;height:42px;padding:0 22px;border:1px solid #D9B56A;border-radius:3px;color:#E4C47E;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .2s}.lxenq:hover{background:rgba(217,181,106,.15)}.lxmusic .mbtn{white-space:nowrap}}@media(min-width:1024px) and (max-width:1280px){.lxin{gap:12px;padding:0 16px}.lxnav{gap:0}.lxi>a{padding:0 7px;font-size:11.5px;letter-spacing:.1em}.lxlogo img{height:18px}.lxenq{padding:0 14px;letter-spacing:.12em}.lxr{gap:8px}}

@media(min-width:1024px) and (max-width:1120px){.lxin{gap:8px;padding:0 12px}.lxi>a{padding:0 5px;font-size:11px;letter-spacing:.06em}.lxi.dd>a::after{width:5px;height:5px}.lxenq{padding:0 10px;font-size:11px;letter-spacing:.08em}}

/* ===== V2 homepage design layer (Keith, 1 Nov night build): photos clean and whole, words beside or below them, one calm rhythm ===== */
.v2{--navy:#0E2F52;--navy2:#0A2440;--ink:#081B31;--gold:#C9A25C;--gold2:#E4C47E;--cream:#FBF8F2}
.v2 .sec{padding:96px 0}
@media(max-width:760px){.v2 .sec{padding:64px 0}}
/* Feature splits: Today on the Mediterranean, Spotlight of the Month */
.v2 .feat{display:grid!important;grid-template-columns:1.25fr 1fr;align-items:stretch;min-height:0!important;padding:0!important;background:var(--navy2)!important;border:1px solid rgba(201,162,92,.45)!important;border-radius:3px;overflow:hidden;text-shadow:none!important}
.v2 section .feat::before{content:""!important;display:block!important;position:static!important;inset:auto!important;z-index:auto!important;min-height:520px;background:var(--bg) center/cover no-repeat!important}
.v2 .feat .fin{position:static!important;max-width:none!important;padding:56px 52px!important;display:flex;flex-direction:column;justify-content:center;background:var(--navy2)}
.v2 .feat .fin *{text-shadow:none!important}
.v2 .feat .fin .k,.v2 .feat .fin .td-where{color:#D9B56A!important;-webkit-text-fill-color:#D9B56A!important}
.v2 .feat .fin .h2{color:#FBF6EA!important;-webkit-text-fill-color:#FBF6EA!important}
.v2 .feat .fin .lede,.v2 .feat .fin p,.v2 .feat .fin li,.v2 .feat .fin .iw{color:#E9E1D2!important;-webkit-text-fill-color:#E9E1D2!important}
.v2 .feat .fin .fnote a,.v2 .feat .fin .td-cap a{color:#E4C47E!important;-webkit-text-fill-color:#E4C47E!important}
.v2 .feat .fin .td-cap{color:#A9B4C2!important;-webkit-text-fill-color:#A9B4C2!important;font-size:12px}
.v2 .feat .td-facts li{border-color:rgba(217,181,106,.5)!important;background:none!important}
.v2 .feat .bg{color:#1A140A!important;-webkit-text-fill-color:#1A140A!important}
@media(max-width:900px){.v2 .feat{grid-template-columns:1fr}.v2 section .feat::before{min-height:0;aspect-ratio:4/3}.v2 .feat .fin{padding:32px 24px!important}}
/* Category tiles: the photo whole, the name beneath it */
.v2 .tiles{gap:22px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.v2 .tiles a{min-height:0!important;padding:0 0 20px!important;justify-content:flex-start!important;background:#fff!important;border:1px solid rgba(201,162,92,.4)!important;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s}
.v2 .tiles a::before{content:""!important;display:block!important;position:static!important;z-index:auto!important;aspect-ratio:16/10;margin-bottom:16px;background:var(--bg) center/cover no-repeat!important}
.v2 .tiles a:hover{border-color:var(--gold)!important;transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,47,82,.14)}
.v2 .tiles b{padding:0 20px;font-size:23px!important;color:var(--navy)!important;-webkit-text-fill-color:var(--navy)!important;text-shadow:none!important}
.v2 .tiles span{padding:4px 20px 0;font-size:14px;color:#5B6675!important;-webkit-text-fill-color:#5B6675!important;text-shadow:none!important}
/* Real estate and partner cards: same treatment */
.v2 .pcard{min-height:0!important;padding:0 0 20px!important;justify-content:flex-start!important;gap:4px!important;background:#fff!important;border:1px solid rgba(201,162,92,.4)!important;text-shadow:none!important;transition:border-color .25s,transform .25s,box-shadow .25s}
.v2 .pcard::before,.v2 .pcard:hover::before{content:""!important;display:block!important;position:static!important;z-index:auto!important;aspect-ratio:16/10;margin-bottom:14px;background:var(--bg) center/cover no-repeat!important}
.v2 .pcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,47,82,.14)}
.v2 .pcard>*{padding:0 20px;text-shadow:none!important}
.v2 .pcard .k{color:#8A6A36!important;-webkit-text-fill-color:#8A6A36!important}
.v2 .pcard b{font-size:23px!important;color:var(--navy)!important;-webkit-text-fill-color:var(--navy)!important}
.v2 .pcard span,.v2 .pcard .s,.v2 .pcard .iw{color:#5B6675!important;-webkit-text-fill-color:#5B6675!important}
.v2 .sec:not(.alt) .pcard{background:var(--navy2)!important}
.v2 .sec:not(.alt) .pcard b{color:#FBF6EA!important;-webkit-text-fill-color:#FBF6EA!important}
.v2 .sec:not(.alt) .pcard span,.v2 .sec:not(.alt) .pcard .s,.v2 .sec:not(.alt) .pcard .iw{color:#D7CEBE!important;-webkit-text-fill-color:#D7CEBE!important}
.v2 .sec:not(.alt) .pcard .k{color:#D9B56A!important;-webkit-text-fill-color:#D9B56A!important}
/* Alps and Plan panels: photo on top, words below */
.v2 .panel.ph{min-height:0!important;padding:0 0 34px!important;justify-content:flex-start!important;background:var(--navy2)!important;text-shadow:none!important}
.v2 .panel.ph::before{content:""!important;display:block!important;position:static!important;z-index:auto!important;height:300px;margin-bottom:28px;background:var(--bg) var(--pos,50% 50%)/cover no-repeat!important}
.v2 .panel.ph>*{margin-left:34px!important;margin-right:34px!important;text-shadow:none!important}
.v2 .panel.ph .h2{color:#FBF6EA!important;-webkit-text-fill-color:#FBF6EA!important}
.v2 .panel.ph .lede,.v2 .panel.ph .iw{color:#E9E1D2!important;-webkit-text-fill-color:#E9E1D2!important}
.v2 .panel.ph .k{color:#D9B56A!important;-webkit-text-fill-color:#D9B56A!important}
.v2 .panel.ph .bg{align-self:flex-start}
/* Season Letter: photo beside the words */
.v2 section.letter{display:grid;grid-template-columns:1.2fr 1fr;background:var(--navy2)!important;text-shadow:none!important}
.v2 section.letter::before{content:""!important;display:block!important;position:static!important;z-index:auto!important;min-height:440px;background:var(--bg) center/cover no-repeat!important}
.v2 section.letter>.wrap{display:flex;flex-direction:column;justify-content:center;padding:64px 48px!important;text-align:left!important;max-width:none!important;width:auto}
.v2 section.letter *{text-shadow:none!important}
.v2 section.letter .k{color:#D9B56A!important;-webkit-text-fill-color:#D9B56A!important}
.v2 section.letter .h2{color:#FBF6EA!important;-webkit-text-fill-color:#FBF6EA!important}
.v2 section.letter .lede,.v2 section.letter .iw{color:#E9E1D2!important;-webkit-text-fill-color:#E9E1D2!important}
.v2 section.letter .lf{justify-content:flex-start;margin-left:0!important}
@media(max-width:900px){.v2 section.letter{grid-template-columns:1fr}.v2 section.letter::before{min-height:0;aspect-ratio:4/3}.v2 section.letter>.wrap{padding:40px 24px!important}}
/* The Concierge: the photo whole, beside the words; no shading */
.v2 #concierge{background:var(--navy)!important}
.v2 #concierge>.wrap>div:first-child::before{content:"";display:block;aspect-ratio:4/3;margin-bottom:28px;border:1px solid rgba(201,162,92,.45);background:var(--cimg,none) center/cover no-repeat}
.v2 #concierge #con-h,.v2 #concierge .lede,.v2 #concierge .cnote{text-shadow:none!important}
.v2 #concierge .lede,.v2 #concierge .lede .iw,.v2 #concierge .cnote,.v2 #concierge .cnote .iw{color:#E9E1D2!important;-webkit-text-fill-color:#E9E1D2!important}

.v2 #today{width:auto!important;margin-left:0!important;aspect-ratio:auto!important;border:1px solid rgba(201,162,92,.45)!important;border-radius:3px!important;padding-top:0!important}
.v2 #today .fin{padding-left:52px!important;border-top:0!important}
.v2 #today::before{display:block!important}
@media(max-width:900px){.v2 #today .fin{padding-left:24px!important}}
.v2 .finderband{border-top:1px solid rgba(217,181,106,.25)}
@media(max-width:600px){.v2 .tiles{grid-template-columns:1fr 1fr;gap:12px}.v2 .tiles a{padding-bottom:14px!important}.v2 .tiles a::before{aspect-ratio:1/1;margin-bottom:10px}.v2 .tiles b{font-size:17px!important;padding:0 12px}.v2 .tiles span{font-size:12.5px;padding:2px 12px 0;line-height:1.4}}
@media(max-width:1100px){.v2 #concierge>.wrap>div:first-child::before{aspect-ratio:16/9}}

/* Review fixes */
@media(min-width:601px){.v2 .tiles{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.v2 .tiles{grid-template-columns:repeat(6,1fr);gap:16px}.v2 .tiles b{font-size:19px!important;padding:0 14px}.v2 .tiles span{font-size:12.5px;padding:3px 14px 0}.v2 .tiles a::before{aspect-ratio:1/1}}
@media(min-width:700px){.v2 .evg,.v2 .mk2{grid-template-columns:repeat(3,1fr)!important}}
.v2 .sec .row:not(.hbtn):has(>.bg+.bg){display:grid!important;grid-template-columns:max-content;gap:12px}
.v2 .sec .row:not(.hbtn):has(>.bg+.bg)>.bg{justify-content:center;text-align:center;margin:0!important}
.v2 .sec .row[style*="center"]:has(>.bg+.bg){justify-content:center}
@media(max-width:600px){.v2 .sec .row:not(.hbtn):has(>.bg+.bg){grid-template-columns:1fr;width:100%}}
.v2 #concierge>.wrap{align-items:center!important}
.v2 .hb1,.v2 .hb2{padding:0 16px!important}
@media(min-width:761px) and (max-width:1180px){.trust2{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 0;width:auto!important;max-width:470px!important}.trust2 li:nth-child(3){padding-left:0;border-left:0}}
.v2 h2,.v2 h3,.v2 .rc b,.v2 .rc h3,.v2 .evc b,.v2 .pcard b,.v2 .tiles b{text-wrap:balance}
.v2 p,.v2 .s,.v2 li{text-wrap:pretty}
/* Section heads: one consistent style */
.v2 .sec .h2{letter-spacing:-.005em}

/* Keith 1 Nov: the same luxury bar on every screen; on iPhone and iPad portrait a calm bar with a full-screen menu */
.lxmob{display:none}
@media(min-width:1024px){.lxburger{display:none}}
@media(max-width:1023px){
.util,header.top{display:none!important}
.lxbar{display:block;position:sticky;top:0;z-index:60;background:rgba(7,22,40,.97);border-bottom:1px solid rgba(217,181,106,.45)}
.lxin{height:62px;display:flex;align-items:center;gap:12px;padding:0 16px}
.lxlogo{flex:1 1 auto;min-width:0}.lxlogo img{height:19px;width:auto;display:block}
.lxr{display:flex;align-items:center;gap:10px}
.lxenq{display:none}
.lxmusic .mbtn{white-space:nowrap;font-size:11px;padding:7px 12px}
.lxburger{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:1px solid rgba(217,181,106,.6);border-radius:3px;cursor:pointer}
.lxburger span{display:block;width:20px;height:1.5px;background:#E4C47E;transition:transform .25s,opacity .25s}
body.lxopen .lxburger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
body.lxopen .lxburger span:nth-child(2){opacity:0}
body.lxopen .lxburger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.lxnav{position:fixed;left:0;right:0;top:62px;bottom:0;display:none;flex-direction:column;justify-content:flex-start;gap:0;padding:18px 28px 48px;background:#071628;overflow-y:auto;border-top:1px solid rgba(217,181,106,.35)}
body.lxopen .lxnav{display:flex}
.lxi{border-bottom:1px solid rgba(217,181,106,.18);padding:14px 0}
.lxi>a{height:auto;padding:0;font-family:'Ibarra Real Nova',Georgia,serif;font-size:24px;letter-spacing:.02em;text-transform:none;color:#FBF6EA}
.lxi.dd>a::after{display:none}
.lxm{position:static;transform:none;opacity:1;visibility:visible;min-width:0;padding:8px 0 0;background:none;border:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.lxm a{padding:4px 0;font-size:15px;color:#D9B56A}
.lxmob{display:block}
}

@media(max-width:1023px){
.util,header.top{display:none!important}
.lxbar{display:block;position:sticky;top:0;z-index:60;background:rgba(7,22,40,.97);border-bottom:1px solid rgba(217,181,106,.45)}
.lxin{height:62px;display:flex;align-items:center;gap:12px;padding:0 16px}
.lxlogo{flex:1 1 auto;min-width:0}.lxlogo img{height:19px;width:auto;display:block}
.lxr{display:flex;align-items:center;gap:10px}
.lxenq{display:none}
.lxmusic .mbtn{white-space:nowrap;font-size:11px;padding:7px 12px}
.lxburger{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:1px solid rgba(217,181,106,.6);border-radius:3px;cursor:pointer}
.lxburger span{display:block;width:20px;height:1.5px;background:#E4C47E;transition:transform .25s,opacity .25s}
body.lxopen .lxburger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
body.lxopen .lxburger span:nth-child(2){opacity:0}
body.lxopen .lxburger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.lxnav{position:fixed;left:0;right:0;top:62px;bottom:0;display:none;flex-direction:column;justify-content:flex-start;gap:0;padding:18px 28px 48px;background:#071628;overflow-y:auto;border-top:1px solid rgba(217,181,106,.35)}
body.lxopen .lxnav{display:flex}
.lxi{border-bottom:1px solid rgba(217,181,106,.18);padding:14px 0}
.lxi>a{height:auto;padding:0;font-family:'Ibarra Real Nova',Georgia,serif;font-size:24px;letter-spacing:.02em;text-transform:none;color:#FBF6EA}
.lxi.dd>a::after{display:none}
.lxm{position:static;transform:none;opacity:1;visibility:visible;min-width:0;padding:8px 0 0;background:none;border:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.lxm a{padding:4px 0;font-size:15px;color:#D9B56A}
.lxmob{display:block}
}

/* Music and Search buttons inside the blue bar (their old rules applied only inside the retired top bar) */
.lxbar .mbtn,.lxbar .sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid #2E6B8E;border-radius:999px;background:#133A63;color:#F4EDE1;font-family:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;line-height:1}
.lxbar .mbtn svg,.lxbar .sbtn svg{width:15px;height:15px;flex:0 0 auto}
.lxbar .mbtn .eq{display:none}
.lxbar .sbtn{width:36px;height:36px;padding:0;border-radius:50%}
.lxbar #musicBtn .lbl{display:inline}
/* Phones: the logo, Music, Search and the three lines fit on one line */
@media(max-width:1023px){
.lxbar .lxin{padding:0 10px;gap:8px}
.lxbar .lxlogo img{height:clamp(13px,3.8vw,16px)}
.lxbar .lxr{gap:6px}
.lxbar .mbtn{padding:0 9px;font-size:10px;letter-spacing:.06em}
.lxbar .sbtn{width:34px;height:34px}
}
/* Place links in the text and headings: quiet, gold underline, so they read as part of the page */
a.pl{color:inherit;text-decoration:none;border-bottom:1px solid rgba(217,181,106,.55);transition:border-color .2s,color .2s}
a.pl:hover{color:#E4C47E;border-bottom-color:#E4C47E}

/* Rings on the Music button, as on the main site: gold pulse while the music waits to start, gold flash while it plays */
@keyframes musicpulse{0%,100%{box-shadow:0 0 0 0 rgba(231,164,62,.5)}50%{box-shadow:0 0 0 7px rgba(231,164,62,0)}}
@keyframes musicflash{0%,30%,100%{border-color:rgba(231,164,62,.55);box-shadow:0 0 0 0 rgba(231,164,62,0)}10%{border-color:#F4C561;box-shadow:0 0 0 3px rgba(244,197,97,.45),0 0 14px rgba(244,197,97,.55)}}
#musicBtn.waiting{border-color:#E7A43E;animation:musicpulse 2.4s ease-in-out infinite}
#musicBtn.playing{animation:musicflash 3s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){#musicBtn.waiting,#musicBtn.playing{animation:none}}


/* v2: words fade in from hidden on scroll; photos keep their 12% state as before */
html.js .rv:not(.in):not(:has(img)):not(figure):not(.pg-photo){opacity:0}
/* Gold sheen that sweeps left to right across the bar logo, every 6 seconds (same as the page wordmark) */
.lxlogo{position:relative;overflow:hidden;display:inline-block}
.lxlogo::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;transform:translateX(-150%);background:linear-gradient(100deg,transparent,rgba(255,236,190,.28),transparent);pointer-events:none;will-change:transform}
html.live .lxlogo::after{animation:lxlogoshine 6s ease-in-out infinite}
@keyframes lxlogoshine{0%{transform:translateX(-150%)}22%,100%{transform:translateX(330%)}}
@media (prefers-reduced-motion:reduce){.lxlogo::after{animation:none!important}}
/* Laptop widths: keep the whole bar, including Enquire and Tap for music, inside the screen (no cut-off, no sideways scroll) */
@media(min-width:1121px) and (max-width:1680px){.lxin{gap:10px}.lxi>a{padding:0 6px;letter-spacing:.04em}.lxenq{padding:0 12px;letter-spacing:.08em}.lxr{gap:8px}}
@media(min-width:1121px) and (max-width:1400px){.lxi>a{padding:0 5px;letter-spacing:.02em;font-size:10.5px}.lxenq{padding:0 10px;font-size:10.5px}.lxmusic .mbtn{padding:6px 9px;font-size:10px;letter-spacing:.04em}.lxin{padding-left:12px;padding-right:12px}}
@media(min-width:1024px) and (max-width:1120px){.lxi>a{padding:0 4px;letter-spacing:.02em;font-size:10px}.lxenq{padding:0 8px;font-size:10px;letter-spacing:.03em}.lxin{gap:6px;padding-left:8px;padding-right:8px}.lxr{gap:6px}.lxmusic .mbtn{padding:5px 7px;font-size:9.5px}}