/* Layout: hotel leads, Bookresorts frames (top bar + footer). Single light look, colors set explicitly. */
:root{
  /* White site. Turquoise = actions only (buttons, links, small marks). Deep teal = header, footer, one band. */
  --ground:#FFFFFF; --surface:#FFFFFF; --panel:#F5F7F8; --ink:#14191C; --muted:#586166; --line:#E4E8EA;
  --hotel:#008AA8;          /* button turquoise */
  --hotel-hover:#007490;
  --hotel-tint:#E5F4F7;
  --brand:#FAF6EE;          /* whisper cream: top bar + footer only */
  --brand-ink:#2B231D;      /* espresso text on cream */
  --brand-line:#EDE5D6;     /* warm hairline */
  --brand-soft:#B9D2D8;
  --ok:#00809D;
  --display:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --body:Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wrap:1240px;
  color-scheme: light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* owner's spec 1: full-height (lining) numbers everywhere — Cormorant's old-style figures never show in headings, room names or prices */
*{font-variant-numeric:lining-nums!important}   /* on every element: rules that use the `font:` shorthand would reset it */
.g-row .price{font-variant-numeric:lining-nums tabular-nums!important}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid #4C7DBF;outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;text-wrap:balance;margin:0}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#00728C}
.h2{font-size:clamp(34px,4vw,46px);margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;font:600 15px var(--body);text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--hotel);color:#fff}
.btn-primary:hover{background:var(--hotel-hover)}
.btn-outline{border-color:var(--ink);background:transparent;color:var(--ink)}
.btn-outline:hover{border-color:var(--hotel);color:var(--hotel)}
.section{padding-block:clamp(48px,7vw,88px)}

/* Bookresorts bar */
.topbar{background:var(--brand);color:var(--brand-ink);font-size:13px;border-bottom:1px solid var(--brand-line)}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:center;padding-block:8px}
.topbar .wrap{justify-content:center;padding-block:10px}
.disclosure{margin:0;text-align:center;font-size:13.5px;line-height:1.5}
.disclosure sup{font-size:.6em}
.learn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.learn:hover{color:var(--hotel)}

/* About BookResorts popup */
.about{border:0;padding:0;overflow:hidden;border-radius:18px;width:min(760px, calc(100% - 32px));max-height:88vh;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.about::backdrop{background:rgba(20,18,15,.55)}
.about .inner{padding:clamp(24px,4vw,44px);overflow:auto;max-height:88vh}
.about .x{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;background:#fff;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;color:var(--muted)}
.about .x:hover{background:var(--panel);color:var(--ink)}
.about .logo{display:flex;justify-content:center;align-items:center;gap:8px;font-size:22px;letter-spacing:-.01em}
.about .logo b{font-weight:700}
.about .eyebrow{display:block;text-align:center;color:#00728C;margin-top:18px}
.about h2{text-align:center;font-size:clamp(32px,4.5vw,44px);margin-top:8px}
.about .lead{text-align:center;max-width:58ch;margin:14px auto 0;color:#3A4246;line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;background:var(--brand);border:1px solid var(--brand-line);border-radius:14px;padding:18px 8px}
.stats div{text-align:center;padding:0 6px}
.stats div + div{border-left:1px solid var(--brand-line)}
.stats b{display:block;font-family:var(--display);font-size:clamp(24px,3.4vw,32px);color:var(--brand-ink);line-height:1.1}
.stats span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6B5E50;font-weight:600}
@media (max-width:560px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.stats div:nth-child(3){border-left:0}}
.notice{margin-top:26px;background:var(--brand);border:1px solid var(--brand-line);border-radius:12px;padding:16px 18px;line-height:1.65;font-size:15px}
.about h3{font-size:24px;margin:30px 0 14px;text-align:center}
.reasons{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.reason{display:flex;gap:12px}
.reason i{flex:none;width:40px;height:40px;border-radius:10px;background:var(--hotel-tint);display:flex;align-items:center;justify-content:center}
.reason strong{display:block;font-size:15px}
.reason p{margin:2px 0 0;font-size:14px;color:var(--muted);line-height:1.55}
@media (max-width:620px){.reasons{grid-template-columns:1fr}}
.how{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.how li{font-size:14.5px;line-height:1.6;color:#3A4246;padding-left:16px;border-left:2px solid var(--brand-line)}
.how li strong{color:var(--ink)}
.about .foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--muted)}
.about .foot a{color:#00728C;font-weight:600}
.terms{width:min(640px, calc(100% - 32px))}
.terms h2{font-family:var(--body);font-size:clamp(22px,3vw,26px);font-weight:700;letter-spacing:-.01em}
.terms .lead{font-size:14.5px}
.terms h3{font-family:var(--body);font-size:16px;font-weight:700;text-align:left;margin:24px 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.terms p,.terms li{font-size:14px;line-height:1.65;color:#3A4246}
.terms p{margin:0 0 8px}
.terms ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.terms a{color:#00728C;font-weight:600}
.legal h2{margin-top:6px}
.legal .lead{margin-top:6px;font-size:13.5px;color:var(--muted)}
.legal .intro{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.legal h3{margin-top:20px}
.legal .todo{margin:22px 0 0;padding:12px 14px;border-radius:10px;background:#FFF4E5;color:#8A5300;font-size:13.5px}

/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);color:var(--ink);border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.lockup{display:flex;flex-direction:column;text-decoration:none}
.lockup b{font-family:var(--display);font-size:30px;font-weight:600;line-height:1.05}
.lockup span{font-size:12.5px;color:var(--muted);margin-top:2px}
.hcall{display:flex;flex-direction:column;text-decoration:none;padding-left:16px;margin-left:6px;border-left:1px solid var(--line);white-space:nowrap;line-height:1.25}
.hcall small{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hcall b{font-size:16px;font-weight:700}
.hcall:hover b{color:var(--hotel)}
.call-icon{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:10px;align-items:center;justify-content:center;color:var(--ink)}
@media (max-width:1260px){.nav{gap:18px}}
.nav{display:flex;gap:26px;font-size:14.5px;font-weight:500}
.nav a{text-decoration:none;padding-block:6px}
.nav a:hover{color:var(--hotel)}
.header-actions{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;width:46px;height:46px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;cursor:pointer}
.mobile-nav{display:none;border-top:1px solid var(--line);background:var(--surface)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:14px max(20px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;color:var(--ink)}
@media (max-width:1140px){.nav{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.hcall small{display:block}}
@media (max-width:760px){.header .btn,.hcall{display:none}.call-icon{display:inline-flex}.lockup b{font-size:24px}.lockup span{font-size:11.5px}}

/* Hero */
.hero{position:relative;min-height:620px;display:flex;align-items:flex-end;color:#fff;background:#2b2a25}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.58) 100%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-bottom:150px;display:flex;flex-direction:column;gap:12px}
.hero h1{font-size:clamp(48px,8vw,84px)}
.hero-tags{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero-rating{display:flex;align-items:center;gap:10px;font-size:15.5px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.rating-stars{color:#F5C542;letter-spacing:2px;font-size:16px}

/* Booking widget */
.widget-wrap{position:relative;z-index:5;margin-top:-96px}
.widget{background:var(--surface);border-radius:16px;box-shadow:0 16px 40px rgba(20,38,59,.18);overflow:hidden}
.widget form{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr auto;gap:12px;align-items:end;padding:18px 20px}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field label{font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.field input,.field select{font:500 16px var(--body);color:var(--ink);padding:0 12px;height:50px;border:1px solid #CFD6D9;border-radius:10px;background:#fff;width:100%}
.widget .btn-primary{height:50px;font-size:16px;width:100%}
.callbox{display:flex;flex-direction:column;padding-left:16px;border-left:1px solid var(--line);white-space:nowrap}
.callbox small{font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.callbox a{font-weight:700;text-decoration:none;font-size:16px}
.trustline{background:var(--panel);display:flex;flex-wrap:wrap;gap:6px 28px;padding:11px 20px;font-size:13.5px;color:#3A4246}
.trustline span::before{content:"✓ ";color:var(--ok);font-weight:700}
@media (max-width:900px){
  .widget form{grid-template-columns:1fr 1fr}
  .widget form .submit{grid-column:1/-1}
  .callbox{grid-column:1/-1;border-left:0;padding-left:0;flex-direction:row;gap:8px;align-items:baseline;justify-content:center}
}

/* Intro */
.intro-head{display:grid;grid-template-columns:1fr 1.2fr;gap:24px 64px;align-items:start}
.intro-head p{margin:0;font-size:17.5px;line-height:1.75;color:#3A4246;max-width:62ch}
@media (max-width:820px){.intro-head{grid-template-columns:1fr}}

/* Carousels */
.carousel{position:relative;margin-top:36px}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.track::-webkit-scrollbar{display:none}
.track > *{scroll-snap-align:start;min-width:0}
.track.photos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#E9EEF0}
@media (max-width:900px){.track{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:560px){.track{grid-auto-columns:85%}}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.18);font-size:22px;cursor:pointer;z-index:2}
.arrow.prev{left:-18px}.arrow.next{right:-18px}
@media (max-width:560px){.arrow{display:none}}

/* Highlights */
.highlights{display:grid;grid-template-columns:3fr 2fr;gap:36px;align-items:center}
.hl-card{background:var(--panel);border:0;border-radius:18px;padding:clamp(24px,4vw,44px)}
.hl-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;border-top:1px solid var(--line);padding-top:26px;margin-top:22px}
.hl{display:flex;gap:14px}
.hl i{flex:none;width:38px;height:38px;border-radius:50%;background:var(--hotel-tint);display:flex;align-items:center;justify-content:center}
.hl b{display:block;font-size:16px;margin-bottom:3px}
.hl p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.hl-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hl-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:#E9EEF0}
.hl-photos img:last-child{margin-top:70px}
@media (max-width:900px){.highlights{grid-template-columns:1fr}.hl-photos img:last-child{margin-top:0}}
@media (max-width:560px){.hl-grid{grid-template-columns:1fr}}

/* Rooms */
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}
.section-head a.more{font-weight:600;text-decoration:none;color:#00728C}
.room{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.room img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#E9EEF0}
.room .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.room h3{font-size:27px}
.room .specs{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.room .actions{display:flex;gap:10px;margin-top:auto;padding-top:10px}
.room .actions .btn{flex:1;min-height:46px;font-size:14px;padding:0 12px}

/* Dining */
.dining{display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:28px}
.dining img{width:100%;height:100%;min-height:340px;object-fit:cover;background:#E9EEF0}
.dining .body{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:12px;justify-content:center}
.dining .body p{margin:0;color:#3A4246;line-height:1.75}
.dining .kicker{color:#00728C;font-weight:600;font-size:14px}
@media (max-width:820px){.dining{grid-template-columns:1fr}.dining img{min-height:240px}}

/* Book band */
.band{background:var(--panel);color:var(--ink);border-radius:20px;padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:center}
.band .eyebrow{color:var(--hotel)}
.band h2{font-size:clamp(32px,4vw,46px);max-width:16ch;margin-top:6px}
.band ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14.5px}
.band li::before{content:"✓ ";font-weight:700;color:var(--hotel)}
.band .ctas{display:flex;flex-direction:column;gap:12px;min-width:min(280px,100%)}
.band .btn-white{background:var(--hotel);color:#fff}
.band .btn-white:hover{background:var(--hotel-hover)}
.band .btn-ghost{border-color:var(--ink);color:var(--ink)}

/* Area */
.area-head{display:grid;grid-template-columns:1fr 1.6fr;gap:20px 64px}
.area-head p{margin:0;color:#3A4246;line-height:1.75;max-width:66ch}
.area{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:32px}
.map{border-radius:18px;overflow:hidden;background:#E3EBEE;min-height:400px;display:flex;align-items:flex-end;position:relative}
.map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.map a{position:relative;margin:16px;background:#fff;color:var(--ink);text-decoration:none;font-weight:600;padding:12px 16px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.nearby{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.nearby h3{font-family:var(--body);font-size:18px;margin-bottom:6px}
.nearby li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:15px}
.nearby li:last-child{border-bottom:0}
.nearby ul{list-style:none;margin:0;padding:0}
.nearby span{color:var(--muted);text-align:right;white-space:nowrap}
@media (max-width:900px){.area-head,.area{grid-template-columns:1fr}.map{min-height:280px}}

.mapwrap{position:relative;margin-top:32px;border-radius:18px;overflow:hidden;border:1px solid var(--line);height:440px;background:#E3EBEE}
.gmap{width:100%;height:100%;border:0;display:block}
.mapcard{position:absolute;top:16px;left:16px;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(20,25,28,.15);padding:16px 18px;display:flex;flex-direction:column;gap:4px;max-width:340px}
.mapcard b{font-size:17px}
.mapcard span{font-size:13.5px;color:var(--muted)}
.mapbtns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.mapbtns .btn{min-height:42px;font-size:14px;padding:0 16px}
@media (max-width:620px){.mapwrap{height:auto}.gmap{height:300px}.mapcard{position:static;max-width:none;box-shadow:none;border-top:1px solid var(--line);border-radius:0}}
.h3near{font-family:var(--display);font-size:clamp(28px,3.4vw,36px)}
.neartrack{grid-auto-columns:calc((100% - 48px)/4)}
@media (max-width:1100px){.neartrack{grid-auto-columns:calc((100% - 32px)/3)}}
@media (max-width:760px){.neartrack{grid-auto-columns:70%}}
.near img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#E9EEF0}
.near h3{font-family:var(--body);font-size:16.5px;font-weight:700;margin:12px 0 4px}
.near .dist{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.near .dist svg{color:#00728C}
.getting{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.getting div{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:12px;padding:12px 16px}
.getting span{display:flex;flex-direction:column;font-size:13.5px;color:var(--muted);line-height:1.3}
.getting b{color:var(--ink);font-size:14.5px}
/* FAQ */
.faq{display:grid;grid-template-columns:1fr 2fr;gap:28px 64px}
.faq-list{display:flex;flex-direction:column;gap:10px}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 20px}
summary{cursor:pointer;font-weight:600;padding:17px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:22px;line-height:1;color:var(--hotel)}
details[open] summary::after{content:"–"}
details p{margin:0 0 18px;color:var(--muted);line-height:1.7}
@media (max-width:820px){.faq{grid-template-columns:1fr}}

/* Footer */
footer{background:var(--brand);color:var(--brand-ink);margin-top:24px;border-top:1px solid var(--brand-line)}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1.3fr 1fr;gap:40px 48px;padding-block:64px 52px}
.flogo{display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-.01em;margin-bottom:14px}
.flogo b{font-weight:700}
.fbrand p{margin:0;font-size:14.5px;line-height:1.75;max-width:46ch;color:var(--brand-ink)}
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:44px;height:44px;border-radius:50%;border:1px solid #DCCFB8;display:flex;align-items:center;justify-content:center;color:var(--brand-ink)}
.social a:hover{border-color:var(--hotel);color:var(--hotel)}
.fcol{display:flex;flex-direction:column;gap:11px;font-size:14.5px;align-items:flex-start}
.fcol h4{font-family:var(--display);font-size:24px;font-weight:600;margin:0 0 6px;color:var(--brand-ink)}
.fcol a,.flink{color:var(--brand-ink);text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.fcol a:hover,.flink:hover{color:var(--hotel);text-decoration:underline;text-underline-offset:4px}
.fline{display:flex;gap:10px;align-items:flex-start;line-height:1.55}
.fline svg{flex:none;margin-top:3px}
.fline small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6B5E50}
@media (max-width:980px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
.legal{border-top:1px solid var(--brand-line);font-size:12.5px;color:var(--brand-ink)}
.legal .wrap{padding-block:16px}

/* Mobile sticky booking bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(20,38,59,.12);display:none;gap:10px;padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));transform:translateY(110%);transition:transform .25s ease}
.mbar.show{transform:none}
.mbar .btn{min-height:50px}
.mbar .btn-primary{flex:1}
@media (max-width:900px){.mbar{display:flex}body{padding-bottom:80px}}

/* Floating helpers: guarantee (left) + call (right). Desktop/tablet only; phones use the sticky bar. */
.float{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:70;font-family:var(--body)}
.float.left{left:max(24px, env(safe-area-inset-left,0px))}
.float.right{right:max(24px, env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(20,25,28,.16);width:330px;overflow:hidden}
/* Guarantee: "Lowest Price + Free Perks" compact comparison card (M1) */
.guar{width:258px;background:#FFFFFF;border-color:#E3E8EA;border-radius:14px}
.guar:not(.open){width:auto}
.g-toggle{display:flex;align-items:center;gap:8px;width:100%;background:#FFFFFF;border:0;padding:6px 12px 6px 7px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.g-seal{flex:none;display:flex;transition:transform .3s ease}
.g-toggle:hover .g-seal{transform:scale(1.06)}
.g-toggle b{display:block;font-size:13px}
.g-toggle .g-seal svg{width:30px;height:33px}
.g-toggle small{display:block;font-size:11.5px;color:#586166}
.g-chev{margin-left:auto;transition:transform .2s;color:#586166}
.g-body{display:none;padding:0 14px 14px}
.guar.open .g-body{display:block}
.g-title{font-family:var(--body);font-size:16px;font-weight:700;letter-spacing:-.01em;text-align:center;color:var(--ink);margin:0 -14px 6px;padding:13px 40px 13px 14px;background:#EAF6F9;border-bottom:1px solid #D5ECF1;white-space:nowrap;line-height:1.2}
.g-table{font-size:12.5px;line-height:1.25;color:var(--ink);white-space:nowrap}
.g-row{display:grid;grid-template-columns:1fr 42px 50px;align-items:center;min-height:35px;border-top:1px solid #EDF0F1}
.g-row > span:not(:first-child){display:flex;justify-content:center;align-items:center}
.g-head{border-top:0;min-height:24px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.g-head .us{color:#00728C}.g-head .them{color:#7A8489}
.g-row .price{font-size:13px;font-weight:700;font-variant-numeric:lining-nums tabular-nums}
.g-row .price.them{font-weight:500;color:#7A8489}
.g-row i{font-style:normal}
.g-row .yes{width:18px;height:18px;border-radius:50%;background:var(--hotel);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.g-row .no{width:12px;height:2px;border-radius:2px;background:#D3D9DC;display:block}
.g-body .btn{width:100%;margin-top:12px;min-height:42px;font-size:14px;padding:0 8px;border-radius:9px}
.g-row[hidden]{display:none}
.g-note{margin:8px 0 0;font-size:11px;line-height:1.4;color:#7A8489;text-align:center;white-space:normal}
.g-note .learn{color:#586166}
.g-body{position:relative}
.guar.open .g-toggle{display:none}
.g-min{position:absolute;top:9px;right:9px;z-index:1;width:28px;height:28px;border-radius:50%;border:1px solid #BFE0E8;background:#fff;color:#00728C;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.g-min:hover{background:#008AA8;border-color:#008AA8;color:#fff}
.guar.open .g-body{animation:gUp .28s ease}
@keyframes gUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.guar.open .g-body{animation:none}}
/* Call */
.c-btn{width:60px;height:60px;border-radius:50%;border:0;background:var(--hotel);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,138,168,.35);position:relative}
.c-btn:hover{background:var(--hotel-hover)}
.c-btn .tag{position:absolute;top:-6px;right:-6px;background:#fff;color:var(--ink);font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:999px;border:1px solid var(--line)}
.c-card{display:none;padding:20px}
.c-card.open{display:block}
.c-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.c-head b{font-family:var(--display);font-size:24px;line-height:1.1}
.c-head p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.c-x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px;line-height:1;cursor:pointer;color:var(--muted)}
.c-num{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.c-num:hover{border-color:var(--hotel)}
.c-num b{display:block;font-size:19px;font-variant-numeric:tabular-nums}
.c-num small{font-size:13px;color:var(--muted)}
.c-num i{flex:none;width:44px;height:44px;border-radius:50%;background:var(--hotel);color:#fff;display:flex;align-items:center;justify-content:center}
.c-note{margin:12px 2px 0;font-size:12.5px;color:var(--muted)}
.callpill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DCE3E6;border-radius:999px;padding:6px 18px 6px 6px;box-shadow:0 8px 22px rgba(20,25,28,.12);text-decoration:none;color:var(--ink)}
.callpill:hover{border-color:var(--hotel);box-shadow:0 10px 26px rgba(0,138,168,.18)}
.cp-ic{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--hotel);color:#fff;align-items:center;justify-content:center;flex:none}
.cp-tx{display:flex;flex-direction:column;line-height:1.2}
.cp-tx small{font-size:11.5px;color:var(--muted)}
.cp-tx b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:900px){.float{display:none}}

/* language + currency (plain text, next to the phone) */
/* automatic translation: hide Google's bar and highlights */
.goog-te-banner-frame,iframe.skiptranslate,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip{display:none!important}
body{top:0!important;position:static}
.goog-text-highlight,font[style*="background-color"]{background:none!important;box-shadow:none!important}
[data-cur-note][hidden]{display:none}
html:not([lang="en"]) .lc-num{margin:0 .15em}
.ckpage .p2-save,.ckpage .p2-top small{white-space:nowrap;display:block;overflow:hidden}
/* header auto-fit: steps applied only when the menu doesn't fit (long languages, narrow screens) */
.header.hf3 .nav{gap:14px;font-size:13.5px}.header.hf3 .header-actions{gap:12px}.header.hf3 .header-actions .btn{padding-left:16px;padding-right:16px}
.header.hf35 .lockup span{white-space:normal!important;display:block;max-width:230px}
.header.hf4 .nav{display:none}.header.hf4 .menu-btn{display:inline-flex;align-items:center;justify-content:center}
.lc{position:relative;display:inline-flex}
.lc-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#3A4246;cursor:pointer;padding:6px 2px;white-space:nowrap}
.lc-btn:hover,.lc-btn[aria-expanded=true]{color:#00728C}
.lc-pop{position:absolute;right:0;top:calc(100% + 12px);z-index:120;display:grid;grid-template-columns:1fr 1.25fr;gap:4px 18px;width:480px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(20,25,28,.18);padding:14px 16px;text-align:left;color:var(--ink)}
.lc-pop[hidden]{display:none}
.lc-col{display:flex;flex-direction:column;min-width:0}
.lc-col > b{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C;margin:0 0 8px}
.lc-s{height:36px;border:1px solid #CFD6D9;border-radius:8px;padding:0 10px;font:inherit;font-size:13.5px;margin-bottom:6px;width:100%;box-sizing:border-box}
.lc-s:focus{outline:none;border-color:var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.lc-list{display:flex;flex-direction:column;max-height:280px;overflow:auto;gap:1px}
.lc-o{display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:none;text-align:left;font:inherit;font-size:13.5px;padding:7px 9px;border-radius:7px;cursor:pointer;color:var(--ink)}
.lc-o[hidden]{display:none}
.lc-o small{font-size:11.5px;color:var(--muted)}
.lc-o:hover{background:var(--panel)}
.lc-o.on{background:var(--hotel-tint);font-weight:600}
.lc-sep{display:block;height:1px;background:var(--line);margin:4px 8px}.lc-sep[hidden]{display:none}
.lc-note{grid-column:1/-1;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.lc-mob{display:flex;align-items:center;gap:8px;border:0;background:none;font:inherit;color:inherit;padding:14px 0;width:100%;text-align:left;cursor:pointer;border-top:1px solid var(--line)}
.nav a{white-space:nowrap}.header-actions .btn{white-space:nowrap}
@media (min-width:1241px){.lockup span{white-space:nowrap}}
@media (max-width:1400px){.header .nav{gap:22px}}
.header-actions .lc{margin-right:4px}
@media (max-width:1240px){.header .nav{gap:14px;font-size:13.5px}.header-actions{gap:12px}.header .btn{padding-left:16px;padding-right:16px}.lockup b{font-size:26px}}
/* the language + currency label always stays visible, at every width */
.header .lc{display:inline-flex!important}
.lc-mob{display:none!important}
/* phones: no room beside the name, so it lives in the ☰ menu */
@media (max-width:760px){.header .lc{display:none!important}.lc-mob{display:flex!important}}
@media (max-width:760px){.header-actions{gap:8px}}
@media (max-width:560px){.lc-pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:80vh}}
@media (max-width:560px){.lc-pop{grid-template-columns:1fr}.lc-list{max-height:180px}}

/* price widget: other languages wrap instead of spilling out of the box */
.g-row{grid-template-columns:minmax(0,1fr) minmax(42px,auto) minmax(50px,auto)}
html:not([lang="en"]) .g-title{white-space:normal;text-wrap:balance;padding-left:40px;font-size:15px}
html:not([lang="en"]) .g-table{white-space:normal}
html:not([lang="en"]) .g-row > span:first-child{padding:6px 8px 6px 0;overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .g-row .price{white-space:nowrap}
.g-row .lc-num{margin:0!important}

.brimg{display:block;height:34px;width:auto;margin:0 auto}
.flogo .brimg{margin:0;height:32px}
.brimg.sm{height:28px}
.brlogo{display:inline-flex;align-items:center;gap:8px;font-family:var(--body);font-size:25px;letter-spacing:-.02em;color:#17202E;line-height:1}
.brlogo img{width:30px;height:30px;object-fit:contain;flex:none}
.brlogo b{font-weight:700}
.brlogo span{font-weight:400}
.brlogo.sm{font-size:21px}.brlogo.sm img{width:26px;height:26px}
.terms .logo{margin-bottom:2px}.terms .eyebrow{margin-top:12px}

/* ---------- Inner pages ---------- */
.nav a[aria-current="page"]{color:var(--hotel);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.phero{position:relative;min-height:440px;display:flex;align-items:flex-end;color:#fff;background:#2b2a25}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.58) 100%)}
.phero .wrap{position:relative;z-index:1;width:100%;padding-block:0 52px;display:flex;flex-direction:column;gap:10px}
.phero + .section{padding-top:clamp(28px,3.5vw,44px)}
.phero h1{font-size:clamp(42px,6.5vw,72px)}
.phero p{margin:0;font-size:17px;max-width:60ch}
.crumbs{font-size:13px;letter-spacing:.04em}
.crumbs a{color:#fff;text-decoration:none;opacity:.9}.crumbs a:hover{text-decoration:underline}
.lead-row{display:grid;grid-template-columns:1fr 1.25fr;gap:24px 64px;align-items:start}
.lead-row p{margin:0;font-size:17.5px;line-height:1.75;color:#3A4246;max-width:64ch}
@media (max-width:820px){.lead-row{grid-template-columns:1fr}}
.grid-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:36px}
.room .tag{display:inline-block;align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00728C;background:var(--hotel-tint);padding:4px 8px;border-radius:6px}
/* room detail */
.rgal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:10px;margin-top:16px}
.rgal button{border:0;padding:0;border-radius:14px;overflow:hidden;cursor:zoom-in;background:#E9EEF0;position:relative}
.rgal button:first-child{grid-row:span 2}
.rgal img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.rgal button:hover img{transform:scale(1.03)}
.rgal .more{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--ink);font:600 13px var(--body);padding:8px 12px;border-radius:8px}
@media (min-width:761px){.rgal.n4 button:last-child{grid-column:span 2}}
@media (max-width:900px){.float,.float.right,.float.left{display:none}}
@media (max-width:760px){.rgal{grid-template-columns:1fr 1fr;grid-template-rows:260px 140px 140px}.rgal button:first-child{grid-column:span 2;grid-row:auto}}
.rhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:8px}
.rhead h1{font-size:clamp(36px,5vw,56px)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chips span{font-size:13.5px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff}
.rlayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start;margin-top:40px}
@media (max-width:980px){.rlayout{grid-template-columns:1fr}}
.rbody p{font-size:16.5px;line-height:1.8;color:#3A4246;margin:0 0 16px;max-width:70ch}
.rbody h2{font-size:clamp(28px,3.4vw,36px);margin:36px 0 16px}
.incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.incl li{display:flex;gap:10px;font-size:15px;line-height:1.5}
.incl li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--hotel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:620px){.incl{grid-template-columns:1fr}}
.notice-fee{margin-top:20px;font-size:14px;color:#3A4246;background:var(--panel);border-radius:12px;padding:14px 16px}
.rside{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(20,25,28,.08);padding:22px}
.rside h3{font-family:var(--body);font-size:19px;font-weight:700;margin-bottom:4px}
.rside .sub{font-size:14px;color:var(--muted);margin:0 0 16px}
.rside form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rside .field.full,.rside .btn{grid-column:1/-1}
.rside .btn{width:100%;margin-top:4px}
.rside .callrow{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:14px}
.rside .callrow a{font-weight:700;text-decoration:none}
.rside .perks{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted)}
.rside .perks li::before{content:"✓ ";color:var(--hotel);font-weight:700}
.faqs{display:flex;flex-direction:column;gap:10px}
/* venues, tiles, activities */
.venue{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.venue + .venue{margin-top:24px}
.venue.flip{grid-template-columns:1fr 1.1fr}.venue.flip img{order:2}
.venue img{width:100%;height:100%;min-height:360px;object-fit:cover;background:#E9EEF0}
.venue .body{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:12px;justify-content:center}
.venue .body p{margin:0;color:#3A4246;line-height:1.75}
.venue .kicker{color:#00728C;font-weight:600;font-size:14px}
.facts{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px;margin-top:4px}
.facts b{font-weight:600}
@media (max-width:820px){.venue,.venue.flip{grid-template-columns:1fr}.venue.flip img{order:0}.venue img{min-height:240px}}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px}
.tile{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#E9EEF0;border:0;padding:0;cursor:zoom-in;text-align:left}
.tile img{width:100%;height:100%;object-fit:cover}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;color:#fff;font-family:var(--display);font-size:24px;font-weight:600;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:820px){.cols2{grid-template-columns:1fr}}
.bullets{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}
.bullets li{padding-left:16px;border-left:2px solid var(--hotel);line-height:1.6}
.hours{background:var(--panel);border-radius:16px;padding:24px}
.hours h3{font-family:var(--body);font-size:18px;font-weight:700;margin-bottom:10px}
.hours p{margin:6px 0;color:#3A4246}
.acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:24px}
.act{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.act-img{position:relative;margin:0;aspect-ratio:3/2;background:#E9EEF0;overflow:hidden}
.act-img img{width:100%;height:100%;object-fit:cover;display:block;color:transparent;font-size:0;transition:transform .5s ease}
.act:hover .act-img img{transform:scale(1.04)}
.act-img .pill{position:absolute;top:12px;left:12px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.act-img .pill.inc{background:#fff}
.act-img .pill.fee{background:rgba(255,255,255,.94)}
.act-b{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px}
.acts-lead{margin:10px 0 0;max-width:70ch;color:var(--muted);font-size:16px;line-height:1.65}
.act h3{font-family:var(--body);font-size:17px;font-weight:700}
.act p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.6}
.pill{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.pill.inc{background:var(--hotel-tint);color:#00728C}
.pill.fee{background:var(--panel);color:#586166}
.photo-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:28px}
.photo-row button{border:0;padding:0;border-radius:14px;overflow:hidden;aspect-ratio:1/1;cursor:zoom-in;background:#E9EEF0}
.photo-row img{width:100%;height:100%;object-fit:cover}
/* gallery */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}
.filters button{font:600 14px var(--body);padding:10px 16px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.gal{columns:3 280px;column-gap:12px;margin-top:24px}
.gal-item{break-inside:avoid;margin-bottom:12px;border:0;padding:0;width:100%;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#E9EEF0;display:block}
.gal-item img{width:100%;height:auto;display:block}
.gal-item[hidden]{display:none}
/* lightbox */
.lb{border:0;padding:0;background:transparent;max-width:min(1100px,calc(100% - 24px));max-height:92vh;overflow:visible}
.lb::backdrop{background:rgba(10,12,14,.88)}
.lb img{max-width:100%;max-height:82vh;border-radius:10px;display:block;margin:0 auto}
.lb-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#fff;font-size:14px}
.lb-bar button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:22px;cursor:pointer}
.lb-x{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:24px;cursor:pointer}
.split{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.split img{width:100%;height:100%;min-height:380px;object-fit:cover;background:#E9EEF0}
.split-body{padding:clamp(28px,4.5vw,56px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.split-body h2{font-size:clamp(32px,4vw,46px);max-width:18ch}
.split-points{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:#3A4246}
.split-points li::before{content:"✓ ";color:var(--hotel);font-weight:700}
.split-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
@media (max-width:820px){.split{grid-template-columns:1fr}.split img{min-height:240px;max-height:300px}}
.faq{grid-template-columns:1fr !important;gap:22px !important}
.faq > div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 32px}
.faq > div:first-child p{margin:0 !important;max-width:40ch}
.faq > div:first-child .eyebrow{flex-basis:100%;margin-bottom:-6px}
.faq > div:first-child h2{flex:1 1 auto}
.faq-list{display:grid !important;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:start}
.faq-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.faq-list summary{padding:15px 0;font-size:15px}
.faq-list details p{font-size:14.5px}
@media (max-width:820px){.faq-list{grid-template-columns:1fr}}
.rphotos{position:relative}
.rp-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rp-track::-webkit-scrollbar{display:none}
.rp-track img{flex:0 0 100%;scroll-snap-align:start;width:100%;aspect-ratio:4/3;object-fit:cover;background:#E9EEF0}
.rp-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);opacity:0;transition:opacity .2s}
.rp-prev{left:10px}.rp-next{right:10px}
.room:hover .rp-btn,.rp-btn:focus-visible{opacity:1}
@media (hover:none){.rp-btn{display:none}}
.rp-count{position:absolute;right:10px;bottom:10px;background:rgba(20,25,28,.72);color:#fff;font-size:12px;padding:3px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.room .body h3{min-height:1.15em}
.room .specs{min-height:3em}
.rspecs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px 14px;align-items:start;color:var(--muted);font-size:14.5px;line-height:1.35;min-height:calc(2.7em + 8px)}
.rspecs li{display:flex;align-items:flex-start;gap:8px;min-width:0}
.rspecs svg{flex:none;color:#3A4246;margin-top:1px}
.rspecs span{min-width:0;overflow-wrap:anywhere}
.rpspecs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;font-size:15.5px;color:#2E3538}
.rpspecs li{display:flex;align-items:center;gap:8px;padding:0 18px;min-width:0}.rpspecs li:first-child{padding-left:0}
.rpspecs li+li{border-left:1px solid var(--line)}.rpspecs svg{flex:none;width:19px;height:19px;color:#3A4246}
@media (max-width:700px){.rhead > div{flex:1 1 100%;min-width:0}.rpspecs{display:grid;max-width:420px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px 14px}.rpspecs li{padding:0;border:0!important;align-items:flex-start}.rpspecs svg{margin-top:2px}}
.ichips span{display:inline-flex;align-items:center;gap:6px}
.ichips svg{width:15px;height:15px;color:#3A4246;flex:none}
.fband{position:relative;border-radius:22px;overflow:hidden;min-height:520px;display:flex;align-items:center;background:#E9EEF0}
.fband > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fband-card{position:relative;margin:32px;max-width:400px;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 44px rgba(20,25,28,.18)}
.fband-card h2{font-size:clamp(30px,3.4vw,38px)}
.fband-ctas{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.fband-ctas .btn{width:100%}
@media (max-width:700px){.fband{display:block;min-height:0}.fband > img{position:static;height:260px}.fband-card{margin:0;max-width:none;border-radius:0;box-shadow:none;background:#fff}}

/* ---------- Date & guest picker ---------- */
.pk-field{grid-column:span 2}
.pk-lab{font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.pk-btn{display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 14px;border:1px solid #CFD6D9;border-radius:10px;background:#fff;font:500 16px var(--body);color:var(--ink);cursor:pointer;text-align:left}
.pk-btn:hover,.pk-btn.on{border-color:var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.pk-btn svg{flex:none;color:#00728C}
.pk-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget form{grid-template-columns:1fr 1fr minmax(180px,.9fr) auto}
.widget form .pk-field{grid-column:span 1}
@media (max-width:900px){.pk-field,.widget form .pk-field,.widget form .pk-field:nth-of-type(2){grid-column:1/-1}}
@media (max-width:700px){
.widget{border-radius:14px}
.widget form{gap:8px!important;padding:14px!important}
.widget .pk-lab{display:none}
.widget .pk-field{gap:0}
.widget .pk-btn{height:46px;font-size:15px;padding:0 12px;gap:9px}
.widget .pk-btn svg{width:18px;height:18px}
.widget form .submit label{display:none}
.widget form .submit{margin-top:2px}
.widget .btn-primary{height:46px!important;font-size:15.5px!important}
.widget .callbox{margin-top:2px;gap:6px!important}
.widget .callbox small{font-size:10.5px}
.widget .callbox a{font-size:14.5px}
.trustline{justify-content:center;gap:4px 14px;padding:9px 12px;font-size:12px;text-align:center}
}
.pk-panel{position:absolute;z-index:120;background:#fff;border:1px solid #DCE3E6;border-radius:14px;box-shadow:0 14px 36px rgba(20,25,28,.14);padding:14px 16px;font-family:var(--body);color:var(--ink)}
.pk-panel.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:16px max(16px, env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));box-shadow:0 0 0 100vmax rgba(10,12,14,.45)}
.pk-top{display:none;justify-content:space-between;align-items:center;margin-bottom:8px}
.sheet .pk-top{display:flex}
.pk-top b{font-size:17px}
.pk-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer;color:var(--ink)}
.pk-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.pk-nav{width:32px;height:32px;border-radius:50%;border:1px solid #DCE3E6;background:#fff;cursor:pointer;font-size:18px;color:var(--ink)}
.pk-nav:disabled{opacity:.3;cursor:default}
.pk-hint{font-size:12.5px;color:var(--muted)}
.pk-months{display:grid;grid-template-columns:repeat(var(--m,1),minmax(0,1fr));gap:20px}
.pk-mt{text-align:center;font-weight:600;font-size:13.5px;margin-bottom:4px}
.pk-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}
.pk-dow{font-size:10.5px;font-weight:600;color:var(--muted);text-align:center;padding:2px 0}
.pk-d{height:32px;border:0;background:transparent;padding:0;font:400 13px var(--body);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}
.pk-d span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%}
.pk-d:hover:not(:disabled) span{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pk-d:disabled{color:#BCC3C6;cursor:default}
.pk-d.mid{background:var(--hotel-tint)}
.pk-d.s{background:linear-gradient(90deg,transparent 50%,var(--hotel-tint) 50%)}
.pk-d.e{background:linear-gradient(90deg,var(--hotel-tint) 50%,transparent 50%)}
.pk-d.only{background:transparent}
.pk-d.s span,.pk-d.e span{background:var(--hotel);color:#fff;font-weight:600}
.pk-d.today span{text-decoration:underline;text-underline-offset:3px}
.pk-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #EDF0F1}
.pk-sum{font-size:13px}
.pk-sum b{font-weight:600}
.pk-actions{display:flex;align-items:center;gap:8px}
.pk-clear{border:0;background:none;color:var(--muted);font:600 13px var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:10px 6px}
.pk-apply{border:0;background:var(--hotel);color:#fff;font:600 14px var(--body);border-radius:9px;padding:0 20px;min-height:40px;cursor:pointer}
.pk-apply:hover:not(:disabled){background:var(--hotel-hover)}
.pk-apply:disabled{opacity:.45;cursor:default}
.pk-room{padding:4px 0 12px;border-bottom:1px solid #EDF0F1;margin-bottom:8px}
.pk-rt{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px;min-height:36px}
.pk-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:15px}
.pk-row small{display:block;font-size:12.5px;color:var(--muted)}
.pk-step{display:flex;align-items:center;gap:12px}
.pk-step button{width:40px;height:40px;border-radius:50%;border:1px solid #9AA4A8;background:#fff;font-size:18px;line-height:1;cursor:pointer;color:var(--ink)}
.pk-step button:hover:not(:disabled){border-color:var(--hotel);color:var(--hotel)}
.pk-step button:disabled{opacity:.3;cursor:default}
.pk-step output{min-width:18px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}
.pk-ages{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:4px}
.pk-ages select{height:44px;border:1px solid #CFD6D9;border-radius:10px;padding:0 38px 0 12px;font:inherit;width:100%;color:var(--ink);-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233A4246' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center;text-overflow:ellipsis}   /* owner 2026-11-04: the chevron sits 14px in from the right, same in every browser */
.pk-ages select.err{border-color:#B42318}
.pk-link{border:0;background:none;color:#00728C;font:600 14px var(--body);cursor:pointer;padding:10px 0}
.pk-note{font-size:12.5px;color:var(--muted);margin:2px 0 0}
.pk-err{font-size:13px;color:#B42318;margin:6px 0 0}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px}
.why div{background:var(--panel);border-radius:14px;padding:22px}
.why h3{font-family:var(--body);font-size:17px;font-weight:700;margin-bottom:6px}
.why p{margin:0;color:#3A4246;line-height:1.6;font-size:15px}

/* ---------- Hotel comparisons (guide style: big photos, cream cards) ---------- */
.cmp{--cream:#FBF7F0;--cream-line:#EADFCB}
.cmp-top{padding:30px 0 10px;text-align:center}
.cmp-top .crumbs{text-align:left;color:var(--muted)}
.cmp-top .crumbs a{color:var(--muted)}
.cmp-eye{display:block;margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#00728C}
.cmp-top h1{font-size:clamp(38px,5.6vw,68px);line-height:1.05;margin:12px auto 16px;max-width:22ch}
.cmp-top .lede{margin:0 auto;max-width:76ch;font-size:17.5px;line-height:1.7;color:#3A4246}
.cmp-upd{margin:12px 0 0;font-size:13.5px;color:var(--muted)}

/* hero: the two hotels, big photos */
.hc2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:34px auto 0;max-width:1180px;text-align:left}
.hcard{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(20,40,48,.08);display:flex;flex-direction:column}
.ph{position:relative;overflow:hidden;background:#E6ECEE}
.ph img{display:block;width:100%;height:100%;object-fit:cover;color:transparent}
.hcard .ph{aspect-ratio:16/10}
.ph-note{position:absolute;right:10px;bottom:10px;font-size:11px;font-weight:500;color:#fff;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:999px;backdrop-filter:blur(3px)}
.hc-b{padding:22px 26px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.hc-b h2{font-family:var(--body);font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1.2;margin:0}
.hc-tags{margin:0;font-size:15px;color:var(--muted)}
.hc-b > p:not(.hc-tags){margin:4px 0 0;font-size:16px;line-height:1.65;color:#2E3538}
.hc-cta{margin-top:auto;padding-top:14px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.hc-cta .btn{min-height:44px;font-size:15px;padding:0 20px}
.hc-cta .tl{font-size:14.5px;font-weight:600;color:#00728C}

/* section rhythm + headings with a short accent rule */
.cmp-blk{padding:56px 0 0}
.cmp-h{font-size:clamp(28px,3.4vw,42px);line-height:1.15;margin:0 0 26px;padding-bottom:16px;position:relative}
.cmp-h::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:2px;background:#8FCFDD}
.cmp-p{margin:-8px 0 0;font-size:16.5px;color:#3A4246}

/* quick verdict */
.vd p{margin:0 0 18px;font-size:18px;line-height:1.8;color:#2E3538;max-width:88ch}
.vd-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.vd-cta .btn{min-height:50px;padding:0 28px;font-size:15.5px;letter-spacing:.04em;border-radius:999px}

/* at-a-glance table */
.gl-wrap{border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(20,40,48,.06)}
.gl{width:100%;border-collapse:collapse;font-size:16px}
.gl caption{font-size:0;padding:0}
.gl th,.gl td{padding:20px 26px;text-align:left;vertical-align:top;border-top:1px solid #EEF1F2;line-height:1.6}
.gl thead th{border-top:0;background:var(--cream);font-size:17px;font-weight:500;color:var(--ink)}
.gl tbody th{font-weight:500;color:#2E3538;width:20%}
.gl td{color:#2E3538;width:40%}
.gl .yes{color:#1D7A4D;font-weight:600}
.gl .no{color:#8A9296}
.gl td[colspan]{color:#3A4246}
.pill-b{display:table;margin-top:10px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00728C;background:#E3F3F7;padding:7px 14px;border-radius:999px}

/* section cards */
.sc2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sc{background:var(--cream);border:1px solid var(--cream-line);border-radius:26px;overflow:hidden;box-shadow:0 10px 30px rgba(60,45,20,.05);display:flex;flex-direction:column}
.sc-ph{aspect-ratio:16/8;overflow:hidden;background:#E6ECEE}
.sc-ph img{width:100%;height:100%;object-fit:cover;display:block;color:transparent}
.sc-b{padding:28px 32px 30px}
.sc-b h3{font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin:0 0 12px}
.sc-i{margin:0 0 14px;font-size:16.5px;line-height:1.75;color:#5E676B}
.sc ul{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.sc li{font-size:16.5px;line-height:1.55;color:#22292C}
.sc-t{margin:0;font-size:16px;line-height:1.7;color:#5E676B}
.sc.us .sc-t{color:#00728C;font-weight:500}

/* photo tour of La Valise */
.tour{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:14px}
.tour-i{position:relative;border-radius:20px;overflow:hidden;display:block;background:#E6ECEE}
.tour-i:first-child{grid-row:span 2}
.tour-i:nth-child(4){grid-column:2/4}
.tour-i img{width:100%;height:100%;object-fit:cover;display:block;color:transparent;transition:transform .5s ease}
.tour-i:hover img{transform:scale(1.04)}
.tour-i span{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.94);color:var(--ink);font-size:14px;font-weight:600;padding:7px 12px;border-radius:999px}
.tour-more{display:inline-block;margin-top:14px;font-weight:600;color:#00728C}

/* beach-road map */
.road{margin:24px 0 0;border:1px solid var(--line);border-radius:22px;padding:18px 22px 12px;background:#fff}
.road h3{font-family:var(--body);font-size:14px;font-weight:600;margin:0 0 6px;color:#3A4246}
.road svg{display:block;width:100%;height:auto}
.road figcaption{font-size:12.5px;color:var(--muted);margin-top:4px}
.scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* who wins */
.wins{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.win{border:1px solid var(--line);border-radius:22px;padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;background:#fff;box-shadow:0 10px 30px rgba(20,40,48,.05)}
.win small{font-size:17px;line-height:1.35;color:#3A4246;min-height:2.7em}
.win .ph{aspect-ratio:4/3;border-radius:16px}
.win h3{font-size:24px;line-height:1.2;margin:4px 0 0}
.win.us h3{color:#00728C}
.win p{margin:0;font-size:15px;line-height:1.6;color:#5E676B}

/* more + sources */
ul.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin:18px 0 0;padding-left:20px}
ul.more a{color:#00728C;font-size:17px;text-underline-offset:3px}
.srcs{margin-top:32px;font-size:13px;color:var(--muted);line-height:1.6}
.srcs a{color:var(--muted)}
.srcs ol{margin:6px 0 0;padding-left:18px}

/* hub cards */
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hub-card{border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;background:#fff;box-shadow:0 10px 30px rgba(20,40,48,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.hub-card:hover{border-color:#8FCFDD;box-shadow:0 18px 44px rgba(0,80,100,.12);transform:translateY(-2px)}
.hub-card h3{font-size:clamp(24px,2.3vw,30px);line-height:1.2;margin:0}
.hub-card p{margin:0;font-size:16px;line-height:1.65;color:#2E3538}
.hub-meta{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}
.hub-card .ph{margin-top:auto;aspect-ratio:16/10;border-radius:16px}
.hub-tbl td,.hub-tbl th{white-space:nowrap;padding:16px 22px;font-size:15px}
.hub-tbl tbody tr:first-child{background:#F3FAFB}
.hub-tbl tbody th a{color:inherit}

@media (max-width:1100px){.wins{grid-template-columns:repeat(2,1fr)}.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){
  .tour{grid-template-columns:1fr 1fr;grid-template-rows:200px 140px 140px}
  .tour-i:first-child{grid-column:1/3;grid-row:auto}
  .tour-i:nth-child(4){grid-column:1/3}
  .hc2,.sc2{grid-template-columns:1fr;gap:20px}
  .hub-grid{grid-template-columns:1fr}
  .cmp-top{text-align:left}
  .cmp-top h1,.cmp-top .lede{margin-left:0}
  .vd p{font-size:16.5px}
  .gl th,.gl td{padding:14px;font-size:14.5px}
  .gl tbody th{width:28%}
  .sc-b{padding:22px 22px 24px}
  ul.more{grid-template-columns:1fr}
  .road svg{min-width:680px;direction:ltr}
  .road .scrollx{direction:rtl}
  .road{padding:14px 14px 10px}
}
@media (max-width:560px){.wins{grid-template-columns:1fr}}

.cmp > section.section{padding-top:64px!important;padding-bottom:0!important}
.cmp > section.section:last-of-type{padding-top:72px!important;padding-bottom:72px!important}

/* ---- compact pass: less scrolling ---- */
.cmp-top{padding:22px 0 0}
.cmp-eye{margin-top:14px;font-size:12px}
.cmp-top h1{font-size:clamp(30px,4vw,48px);margin:8px auto 10px}
.cmp-top .lede{font-size:16px;line-height:1.6;max-width:72ch}
.cmp-upd{margin-top:8px;font-size:13px}
.hc2{gap:18px;margin-top:22px;max-width:1000px}
.hcard{border-radius:16px;box-shadow:0 8px 24px rgba(20,40,48,.07)}
.hcard .ph{aspect-ratio:2/1}
.hc-b{padding:14px 18px 18px;gap:4px}
.hc-b h2{font-size:21px}
.hc-tags{font-size:13.5px}
.hc-b > p:not(.hc-tags){font-size:14.5px;line-height:1.55;margin-top:2px}
.hc-cta{padding-top:10px}
.hc-cta .btn{min-height:38px;font-size:14px;padding:0 16px}
.cmp-blk{padding-top:36px}
.cmp-h{font-size:clamp(23px,2.5vw,30px);margin-bottom:16px;padding-bottom:10px}
.cmp-h::after{width:56px;height:2px}
.vd p{font-size:15.5px;line-height:1.7;margin-bottom:10px}
.vd-cta{justify-content:flex-start;margin-top:6px}
.vd-cta .btn{min-height:42px;font-size:14px;padding:0 20px}
.gl-wrap{border-radius:16px;box-shadow:none}
.gl{font-size:14.5px}
.gl th,.gl td{padding:11px 18px;line-height:1.5}
.gl thead th{font-size:14.5px;font-weight:600}
.pill-b{font-size:11px;padding:4px 10px;margin-top:6px}
.tour{grid-template-columns:repeat(4,1fr);grid-template-rows:170px;gap:12px}
.tour-i:first-child{grid-row:auto}
.tour-i:nth-child(4){grid-column:auto}
.tour-i{border-radius:14px}
.tour-i span{font-size:12.5px;padding:5px 10px;left:10px;bottom:10px}
.tour-more{margin-top:10px;font-size:14px}
.sc2{gap:16px}
.sc{border-radius:16px;box-shadow:none}
.sc-b{padding:18px 22px 20px}
.sc-b h3{font-size:20px;margin-bottom:8px}
.sc-i,.sc li,.sc-t{font-size:14.5px;line-height:1.6}
.sc-i{margin-bottom:10px}
.sc ul{gap:4px;margin-bottom:10px}
.wins{gap:14px}
.win{border-radius:16px;padding:14px 14px 16px;gap:8px;box-shadow:none}
.win small{font-size:13.5px;font-weight:600;min-height:0;color:#586166}
.win .ph{aspect-ratio:16/9;border-radius:10px}
.win h3{font-size:19px;margin:0}
.win p{font-size:13.5px;line-height:1.5}
ul.more{gap:6px 32px;margin-top:12px}
ul.more a{font-size:15px}
.srcs{margin-top:20px;font-size:12.5px}
.hub-grid{gap:16px}
.hub-card{border-radius:16px;padding:16px 18px;gap:8px;box-shadow:none}
.hub-card h3{font-size:20px}
.hub-card p{font-size:14.5px;line-height:1.55}
.hub-meta{font-size:12px;padding-bottom:10px}
.hub-card .ph{aspect-ratio:2/1;border-radius:10px}
.hub-tbl td,.hub-tbl th{padding:10px 18px;font-size:14px}
.cmp > section.section{padding-top:40px!important}
.cmp > section.section:last-of-type{padding-top:44px!important;padding-bottom:56px!important}
@media (max-width:820px){
  .tour{grid-template-columns:1fr 1fr;grid-template-rows:120px 120px}
  .tour-i:first-child{grid-column:auto}
  .hcard .ph{aspect-ratio:16/9}
}

.cmp .faq .h2{font-size:clamp(23px,2.5vw,30px)}
.cmp .faq summary{padding-top:12px;padding-bottom:12px}

/* hub: every comparison as a compact card, with filters */
.hub-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.hub-card{padding:0;overflow:hidden;gap:0}
.hub-card .ph{margin:0;aspect-ratio:16/9;border-radius:0;order:-1}
.hub-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.hub-card h3{font-size:18px;line-height:1.2}
.hub-card p{font-size:13.5px;line-height:1.5;color:#4A5357;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hub-meta{font-size:11px;letter-spacing:.06em;padding:0;border:0;color:#00728C}
.hub-card .go{margin-top:auto;padding-top:4px;font-size:13.5px;font-weight:600;color:#00728C}
.hub-card[hidden]{display:none}
.hub-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 16px;order:-1}
.hub-f button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;font-weight:500;color:#3A4246;cursor:pointer}
.hub-f button[aria-pressed="true"]{background:#008AA8;border-color:#008AA8;color:#fff}
.hub-n{font-size:13px;color:var(--muted);margin-left:4px}
.cmp-blk .wrap:has(> .hub-grid){display:flex;flex-direction:column}
.cmp-blk .wrap:has(> .hub-grid) > .cmp-h{order:-2}
ul.more{grid-template-columns:repeat(3,minmax(0,1fr))}
ul.more a{font-size:14.5px}
@media (max-width:1100px){.hub-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.hub-grid{grid-template-columns:repeat(2,1fr)}ul.more{grid-template-columns:1fr}}
@media (max-width:480px){.hub-grid{grid-template-columns:1fr}}

.cmp-top h1{max-width:34ch;line-height:1.12;text-wrap:balance}
.cmp-top .lede{line-height:1.65;text-wrap:pretty}

.cmp > section.section:has(.faq){padding-top:72px!important}
.cmp .faq{row-gap:6px}

.cmp > section.section:last-of-type{padding-top:72px!important}

.cmp a.hl{color:inherit;text-decoration:underline;text-decoration-color:#8FCFDD;text-decoration-thickness:2px;text-underline-offset:3px}
.cmp a.hl:hover{color:#00728C}
.hc-cta:empty{display:none}

.cmp a.hl{display:inline!important}

/* ---------- Travel Guide ---------- */
/* index */
.gqs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.gq{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;color:inherit;background:#fff;transition:border-color .2s}
a.gq:hover{border-color:#8FCFDD}
.gq small{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00728C}
.gq b{font-size:15px;font-weight:600;line-height:1.3}
.gfeat{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .2s,border-color .2s}
.gfeat:hover{border-color:#8FCFDD;box-shadow:0 14px 36px rgba(0,80,100,.10)}
.gfeat-ph{background:#E6ECEE;min-height:260px;max-height:340px}
.gfeat-ph img{width:100%;height:100%;object-fit:cover;display:block;color:transparent}
.gfeat-b{padding:26px 30px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.gfeat-b h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin:0}
.gfeat-b p{margin:0;font-size:15.5px;line-height:1.6;color:#3A4246}
.gfeat .go{font-size:14.5px;font-weight:600;color:#00728C;margin-top:4px}
.gf{margin:0 0 16px}
.gf button span{font-size:12px;opacity:.7;margin-left:2px}
.ggrid,.gp-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gc{border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.gc:hover{border-color:#8FCFDD;box-shadow:0 14px 32px rgba(0,80,100,.10);transform:translateY(-2px)}
.gc[hidden]{display:none}
.gc-ph{aspect-ratio:16/9;background:#E6ECEE;overflow:hidden}
.gc-ph img{width:100%;height:100%;object-fit:cover;display:block;color:transparent}
.gc-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.gc-cat{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00728C}
.gc h3{font-size:19px;line-height:1.25;margin:0}
.gc p{margin:0;font-size:14px;line-height:1.55;color:#4A5357;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gc-meta{margin-top:auto;padding-top:4px;font-size:12.5px;color:var(--muted)}

/* post */
.gp{padding-top:22px}
.gp .crumbs,.gp .crumbs a{color:var(--muted)}
.gp-head{max-width:820px;margin:16px 0 0}
.gp-head .cmp-eye{margin:0}
.gp-head h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:8px 0 10px;text-wrap:balance}
.gp-meta{margin:0;font-size:13.5px;color:var(--muted)}
.gp-hero{margin:18px 0 0;border-radius:18px;overflow:hidden;aspect-ratio:21/7;background:#E6ECEE}
.gp-hero img{width:100%;height:100%;object-fit:cover;display:block;color:transparent}
.gp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:28px;align-items:start}
.gp-body{max-width:720px}
.gp-qa{background:#EAF6F9;border:1px solid #CFE8EE;border-radius:14px;padding:16px 20px;margin-bottom:8px}
.gp-qa b{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C}
.gp-qa p{margin:6px 0 0;font-size:16.5px;line-height:1.6;color:#22292C}
.gp-sec h2{font-size:clamp(23px,2.4vw,28px);line-height:1.2;margin:34px 0 10px;scroll-margin-top:110px}
.gp-sec p{margin:0 0 14px;font-size:16.5px;line-height:1.75;color:#2E3538}
.gp-sec ul{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:7px}
.gp-sec li{font-size:16px;line-height:1.6;color:#2E3538}
.gp-fig{margin:18px 0 6px}
.gp-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block;background:#E6ECEE;color:transparent}
.gp-fig figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.gp-tbl{margin:6px 0 18px}
.gp-tbl .gl th,.gp-tbl .gl td{padding:10px 14px;font-size:14.5px}
.gp-tbl .gl tbody th{font-weight:600;width:auto;white-space:nowrap}
.gp-side{position:relative;height:100%}
.gp-stick{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px}
.gp-toc{border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.gp-toc b{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#586166}
.gp-toc ol,.gp-toc-m ol{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:7px}
.gp-toc a,.gp-toc-m a{font-size:14px;line-height:1.4;color:#2E3538;text-decoration:none}
.gp-toc a:hover,.gp-toc-m a:hover{color:#00728C;text-decoration:underline}
.gp-toc-m{display:none;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:14px 0 0}
.gp-toc-m summary{font-weight:600;cursor:pointer}
.gp-book{border-radius:14px;padding:18px;background:var(--cream,#FBF7F0);border:1px solid #EADFCB;display:flex;flex-direction:column;gap:10px}
.gp-book-k{font-family:var(--display,'Cormorant Garamond',serif);font-size:22px;font-weight:600;line-height:1.15}
.gp-book p{margin:0;font-size:14px;line-height:1.55;color:#4A5357}
.gp-book .btn{min-height:42px;font-size:14.5px}
.gp-call{font-size:13.5px;color:#00728C;font-weight:500;text-align:center}
.gp-book-inline{display:none;margin:22px 0 4px}
.gp-cmp{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.gp-cmp b{font-size:15px}
.gp-cmp ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.gp-cmp a{color:#00728C;font-size:14.5px}
.gpage .srcs{margin-top:28px}
.gpage > section.section{padding-top:48px!important;padding-bottom:0!important}
.gpage > section.section:last-of-type{padding-top:64px!important;padding-bottom:64px!important}
.gpage .faq .h2{font-size:clamp(23px,2.5vw,30px)}

@media (max-width:1100px){.gqs{grid-template-columns:repeat(3,1fr)}.gqs .gq:nth-child(n+4){display:none}}
@media (max-width:980px){
  .gp-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .gp-side{display:none}
  .gp-toc-m{display:block}
  .gp-book-inline{display:flex}
  .ggrid,.gp-rel{grid-template-columns:repeat(2,1fr)}
  .gfeat{grid-template-columns:1fr}
  .gfeat-ph{min-height:0;aspect-ratio:16/9}
  .gfeat-b{padding:18px 20px}
}
@media (max-width:620px){
  .ggrid,.gp-rel{grid-template-columns:1fr}
  .gqs{grid-template-columns:1fr 1fr}
  .gqs .gq:nth-child(n+4){display:flex}
  .gqs .gq:nth-child(5){grid-column:1/-1}
  .gp-hero{aspect-ratio:16/9}
  .gp-sec p{font-size:16px}
}

.gp-body{min-width:0}
.gp-tbl{max-width:100%}
@media (max-width:620px){.gp-tbl .gl{min-width:560px}}

/* ---- smaller photos + room cards ---- */
.gp-hero{aspect-ratio:21/6!important;max-height:330px}
.gp-fig{margin:16px 0 4px}
.gp-fig img{aspect-ratio:21/9;max-height:300px}
.gp-call{display:none}
.rcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.rcs .rc{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.rcs .rc:hover{border-color:#8FCFDD;box-shadow:0 10px 24px rgba(0,80,100,.08)}
.rc-ph{display:block;aspect-ratio:16/9;background:#E6ECEE;overflow:hidden}
.rc-ph img{width:100%;height:100%;object-fit:cover;display:block;color:transparent;transition:transform .5s}
.rcs .rc:hover .rc-ph img{transform:scale(1.04)}
.rc-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.rc-b small{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00728C}
.rc-b h3{font-size:19px;line-height:1.2;margin:0}
.rc-b h3 a{color:inherit;text-decoration:none}
.rc-b h3 a:hover{color:#00728C}
.rc-b p{margin:0;font-size:14.5px;line-height:1.5;color:#3A4246}
.rc-best b{font-weight:600;color:#22292C}
.rc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.rc-chips span{font-size:12px;font-weight:500;color:#3A4246;background:var(--panel,#F3F5F6);border-radius:999px;padding:3px 9px}
.rc-go{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:#00728C;text-decoration:none}
.rc-go:hover{text-decoration:underline}
.gp-sec a.rl{color:#00728C;text-decoration:underline;text-decoration-color:#8FCFDD;text-decoration-thickness:2px;text-underline-offset:3px}
@media (max-width:620px){.rcs{grid-template-columns:1fr}.gp-hero{aspect-ratio:16/8!important}}

.gp-tbl a.rl{color:#00728C;text-decoration:underline;text-decoration-color:#8FCFDD;text-underline-offset:3px}
.rcs3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rcs3 .rc-b h3{font-size:17px}
.rcs3 .rc-b p{font-size:13.5px}
@media (max-width:980px){.rcs3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.rcs3{grid-template-columns:1fr}}

/* back link */
.backbar{padding:10px 0 0}
.backlink{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:14px;font-weight:500;color:#00728C;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.backlink:hover{text-decoration:underline}
.backlink span{overflow:hidden;text-overflow:ellipsis}

/* footer: a little tighter (site-wide) */
.fgrid{gap:28px 44px;padding-block:46px 36px}
.flogo{margin-bottom:10px}
.fbrand p{line-height:1.6}
.social{margin-top:14px}
.social a{width:38px;height:38px}
.fcol{gap:8px}
.fcol h4{font-size:22px;margin-bottom:4px}



/* booking banner: a bit smaller everywhere */
.fband{min-height:400px;border-radius:18px}
.fband-card{margin:26px;max-width:340px;padding:24px 26px;gap:10px;border-radius:16px}
.fband-card h2{font-size:clamp(26px,2.6vw,31px)}
.fband-card .split-points li{font-size:14.5px}
.fband-ctas{gap:8px;margin-top:4px}
.fband-ctas .btn{min-height:44px;font-size:14.5px}
@media (max-width:700px){.fband{min-height:0}.fband > img{height:200px}.fband-card{margin:0;max-width:none;padding:20px}}

/* Hotel Highlights: light & airy style */
.hl-card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,40,48,.05)}
.hl-grid{gap:0 34px;padding-top:6px}
.hl-grid .hl{padding:16px 0;border-bottom:1px solid #EEF1F2}
.hl-grid .hl:nth-last-child(-n+2){border-bottom:0}
.hl-grid .hl i{background:none;width:24px;height:24px;margin-top:2px}
.hl-grid .hl b{font-family:var(--display,"Cormorant Garamond",serif);font-size:21px;font-weight:600;margin-bottom:2px}
.hl-grid .hl p{font-size:14px}
@media (max-width:560px){.hl-grid .hl:nth-last-child(2){border-bottom:1px solid #EEF1F2}}

/* About popup stats: regular numbers instead of the old-style serif figures */
.stats b{font-family:var(--body);font-weight:700;font-size:clamp(22px,2.8vw,28px);letter-spacing:-.01em;font-variant-numeric:lining-nums;margin-bottom:4px}

/* price widget: smaller headline when open */
.g-title{font-size:14px!important;padding-top:11px!important;padding-bottom:11px!important}
html:not([lang="en"]) .g-title{font-size:13.5px!important}

/* header auto-fit: hotel name always on one line; address / phone hidden only when needed */
.header .lockup b{white-space:nowrap}
.header.nAddr .lockup span{display:none!important}
.header.nPhone .hcall{display:none!important}

/* header: slightly smaller hotel name; menu links spread evenly across the free space */
.header .lockup b{font-size:27px}
@media (max-width:1240px){.header .lockup b{font-size:24px}}
@media (min-width:1141px){
  .header .nav{flex:1 1 auto;justify-content:space-evenly;gap:26px!important;margin:0 8px}
  .header.hf3 .nav{gap:16px!important}
  .header.hf4 .nav{display:none}
}

/* header address: a tad smaller */
.header .lockup span{font-size:11.5px}
@media (max-width:1240px){.header .lockup span{font-size:11px}}

/* header: full / short menu labels (switched by the auto-fit) */
.nav .nl-s{display:none}
.header.nDine .nl-dine .nl-f,.header.nRooms .nl-rooms .nl-f{display:none}
.header.nDine .nl-dine .nl-s,.header.nRooms .nl-rooms .nl-s{display:inline}

/* two-row header: used only when a long hotel name would push out the phone number */
@media (min-width:1141px){
  .header{overflow-x:clip}
  .header.h2row .wrap{flex-wrap:wrap;row-gap:0;padding-bottom:0}
  .header.h2row .nav{order:5;flex:0 0 100%;justify-content:flex-start;gap:30px!important;margin:10px 0 0;height:34px;position:relative}
  .header.h2row .nav::before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:1px;background:var(--line)}
  .header.h2row .nav a{padding-block:0;font-size:14px}
}

/* two-row header: cleaner second row */
@media (min-width:1141px){
  .header.h2row .wrap{padding-top:10px}
  .header.h2row .nav{margin-top:9px;height:38px;gap:32px!important}
  .header.h2row .nav::before{background:#EEF1F2}
  .header.h2row .nav a{font-size:13.5px;font-weight:500;color:#3A4246;letter-spacing:.01em;position:relative}
  .header.h2row .nav a::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:#008AA8;transform:scaleX(0);transition:transform .2s}
  .header.h2row .nav a:hover{color:#00728C}
  .header.h2row .nav a:hover::after,.header.h2row .nav a[aria-current="page"]::after{transform:scaleX(1)}
  .header.h2row .nav a[aria-current="page"]{color:#00728C;text-decoration:none}
}
@media (min-width:1141px){
  .header.h2row .nav{align-items:stretch;margin-top:8px}
  .header.h2row .nav a{display:flex;align-items:center}
  .header.h2row .nav a::after{bottom:0}
}

/* About BookResorts popup: lighter, more compact */
.about{width:min(640px, calc(100% - 32px))}
.about .inner{padding:30px 34px 28px}
.about .x{width:36px;height:36px;font-size:22px;top:10px;right:10px}
.about .logo .brimg{height:28px}
.about .eyebrow{font-size:11px;margin-top:14px}
.about h2{font-size:clamp(26px,3.4vw,32px);margin-top:6px}
.about .lead{font-size:14.5px;line-height:1.6;margin-top:10px;max-width:52ch}
.about .stats{margin-top:20px;padding:12px 6px;border-radius:12px}
.about .stats b{font-size:clamp(18px,2.2vw,21px);margin-bottom:2px}
.about .stats span{font-size:10px;letter-spacing:.1em}
.about .notice{margin-top:14px;padding:12px 16px;font-size:13.5px;line-height:1.55;border-radius:12px}
.about h3{font-size:21px;margin:24px 0 12px}
.about .reasons{gap:12px 22px}
.about .reason{gap:10px}
.about .reason i{width:32px;height:32px;border-radius:8px}
.about .reason i svg{width:16px;height:16px}
.about .reason strong{font-size:14px}
.about .reason p{font-size:13px;line-height:1.5}
.about .how li{font-size:13.5px;line-height:1.55}
.about .foot{margin-top:20px;padding-top:14px;font-size:13px}

.pk-btn .pk-n{margin-left:-3px;color:var(--muted);font-weight:500;white-space:nowrap}

/* FAQ always has breathing room above it, on every page */
section:has(> .wrap.faq){padding-top:64px!important}
section.section:has(+ section > .wrap.faq){padding-bottom:0!important}
@media (max-width:700px){section:has(> .wrap.faq){padding-top:48px!important}}

/* long currencies / translations: prices never split, sentences around them wrap, columns never get pushed wider than the screen */
.lc-num{white-space:nowrap}
.ckpage .s2-save,.ckpage .p2-save{white-space:normal!important}
.ckwrap > *,.ckmain > *,.ckcard > *{min-width:0}
a[href^="mailto:"]{overflow-wrap:anywhere}

/* booking page: slimmer sidebar so the room cards get more room */
@media (min-width:1001px){.bookpage .wside{grid-template-columns:minmax(0,1fr) 270px!important}}

/* FAQ sections: "See all FAQs" on the right of the heading */
.faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
.faq-head .faq-all{white-space:nowrap;margin-bottom:8px}

/* Hotel Highlights, open & airy (option B): no box, no lines, icons in soft teal circles */
.highlights .hl-card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0}
.highlights .hl-grid{border-top:0!important;gap:30px 40px!important;padding-top:10px!important}
.highlights .hl{border-bottom:0!important;padding:0!important}
.highlights .hl i{width:40px;height:40px;border-radius:50%;background:#EAF5F7;display:grid;place-items:center;flex:none;margin-top:-4px}
@media (max-width:700px){.faq-head .faq-all{margin:2px 0 6px auto}}

/* Getting here: the design's 5 equal tiles, drive or walk times. One change: a long name wraps instead of being cut
   off with "…" (owner, 2026-10-31: "Harry Reid International Airp"). */
.getting{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.getting div{min-width:0}
.getting span{min-width:0}
.getting b{white-space:normal;overflow-wrap:anywhere}
@media (max-width:1100px){.getting{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.getting{grid-template-columns:repeat(2,minmax(0,1fr))}.getting div:last-child:nth-child(odd){grid-column:1 / -1}.getting svg{width:20px;height:20px}}
.getting svg{flex:none}
@media (max-width:700px){.getting div{padding:11px 12px;gap:9px}.getting b{white-space:normal;font-size:14px}.getting span{font-size:13px}}

/* Photo viewer: big arrows on the left and right of the screen, count at the bottom, swipe on phones */
.lb{max-width:min(1100px,calc(100% - 170px))!important}
.lb img{width:min(1100px,calc(100vw - 170px))!important;max-width:none!important;height:min(86vh,calc((100vw - 170px) * .66),726px)!important;max-height:none!important;object-fit:contain;border-radius:10px;background:transparent}
.lb .lb-bar{display:block;margin:0;height:0}
.lb{width:fit-content}
.lb .lb-prev,.lb .lb-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:54px;height:54px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#14191C;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .15s,background .15s}
.lb .lb-prev{left:-70px}.lb .lb-next{right:-70px}
.lb .lb-prev:hover,.lb .lb-next:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.lb .lb-prev:focus-visible,.lb .lb-next:focus-visible{outline:3px solid #8FCFDD;outline-offset:2px}
.lb .lb-cap{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:999px}
.lb.one .lb-prev,.lb.one .lb-next{display:none}
@media (max-width:700px){.lb{max-width:calc(100% - 16px)!important}.lb img{width:calc(100vw - 16px)!important;height:min(70vh,calc((100vw - 16px) * .75))!important}.lb .lb-prev,.lb .lb-next{width:44px;height:44px;font-size:26px;background:rgba(255,255,255,.85)}.lb .lb-prev{left:8px}.lb .lb-next{right:8px}}

.rc-chips span{display:inline-flex;align-items:center;gap:5px}.rc-chips svg{width:13px;height:13px;flex:none}

/* mobile bottom bar: Check availability (left) + Call us (right) */
.mbar{gap:8px!important;padding:10px max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))!important;box-shadow:0 -4px 16px rgba(20,25,28,.07)!important;border-top:1px solid #EEF1F2!important}
.mbar a{text-decoration:none;min-width:0}
.mb-book{flex:1 1 0;height:52px;border-radius:12px;background:var(--hotel);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;padding:0 10px;text-align:center}
.mb-book b{font-size:15px;font-weight:700;white-space:nowrap}.mb-book small{font-size:11px;font-weight:500;opacity:.92;margin-top:3px;white-space:nowrap}
.mb-book:active{filter:brightness(.94)}
.mb-call{flex:0 0 124px;height:52px;border:1px solid #D8DEE1;border-radius:12px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center}
.mb-in{display:flex;align-items:center;gap:8px}.mb-in svg{flex:none}
.mb-t{display:flex;flex-direction:column;line-height:1.15}.mb-t b{font-size:14px;font-weight:600;white-space:nowrap}
.mb-t small{font-size:11px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:4px}.mb-t small i{width:6px;height:6px;border-radius:50%;background:#22C55E;flex:none}
.mb-call:active{background:#F3F5F6}
@media (max-width:340px){.mb-book small{display:none}.mb-call{flex-basis:104px}}

.mbar[hidden]{display:none!important}
@media (max-width:900px){body.has-mbar{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}}
/* /book (rooms, checkout, confirmation) has no mobile bar — no room reserved for one (owner 2026-11-05: white block under the footer) */
@media (max-width:900px){body.page-book,body.page-book.has-mbar{padding-bottom:0}}

/* phones: header = name + language + menu (call lives in the bottom bar) */
@media (max-width:900px){
body.has-mbar .header .call-icon{display:none!important}
.header .wrap{gap:10px}
.header .lockup{min-width:0;flex:1 1 auto}
.header .lockup b{white-space:normal!important;overflow-wrap:break-word;line-height:1.08;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.header .lockup span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header .header-actions{flex:none}
}

.dl-short{display:none}
@media (max-width:700px){.disclosure .dl-long{display:none}.disclosure .dl-short{display:inline}}
@media (max-width:700px){.disclosure{font-size:clamp(11px,calc((100vw - 30px) / 28.5),13.5px)!important;margin:0 -8px!important}}

/* phone menu: FAQs + language/currency buttons */
.mn-lc{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px max(20px, env(safe-area-inset-left,0px)) 16px}
.mn-lcb{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid #D8DEE1;border-radius:10px;background:#fff;font:500 15px var(--body);color:var(--ink);cursor:pointer;min-width:0;text-align:left}
.mn-lcb span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-lcb svg{flex:none}.mn-lcb b{width:18px;text-align:center;font-weight:600;flex:none;white-space:nowrap}
.mn-lcb:active{background:#F3F5F6}
/* language / currency bottom sheet */
.lc-sh{display:none}
.lc-dim{position:fixed;inset:0;background:rgba(20,25,28,.45);z-index:119}
.lc-dim[hidden]{display:none}
html.lc-lock{overflow:hidden}
.lc-pop[data-only]:not([hidden]){position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;max-width:none!important;height:min(78vh,640px);display:flex!important;flex-direction:column;gap:0;border-radius:18px 18px 0 0;border:0;padding:6px 16px calc(14px + env(safe-area-inset-bottom,0px));z-index:120;box-shadow:0 -10px 30px rgba(0,0,0,.18);animation:lcUp .22s ease}
@keyframes lcUp{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
.lc-pop[data-only] .lc-sh{display:flex;justify-content:flex-end;position:relative;height:30px;flex:none}
.lc-pop[data-only] .lc-sh i{position:absolute;left:50%;top:6px;width:40px;height:4px;border-radius:4px;background:#D5DBDE;transform:translateX(-50%)}
.lc-pop[data-only] .lc-x{width:34px;height:34px;margin-top:2px;border:0;border-radius:50%;background:#F1F4F5;display:grid;place-items:center;color:var(--ink);cursor:pointer}
.lc-pop[data-only=l] .lc-cc,.lc-pop[data-only=l] .lc-note,.lc-pop[data-only=c] .lc-cl{display:none!important}
.lc-pop[data-only] .lc-col{display:flex;flex-direction:column;min-height:0;flex:1}
.lc-pop[data-only] .lc-col > b{font:600 22px/1.15 var(--display);color:var(--ink);letter-spacing:0;text-transform:none;margin:-26px 0 12px}
.lc-pop[data-only] .lc-s{height:46px;font-size:16px;border-radius:12px;flex:none;margin-bottom:6px}
.lc-pop[data-only] .lc-list{flex:1;min-height:0;max-height:none!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:6px}
.lc-pop[data-only] .lc-o{min-height:48px;padding:0 12px;font-size:15.5px;border-radius:10px;position:relative}
.lc-pop[data-only] .lc-o.on{padding-right:40px}
.lc-pop[data-only] .lc-o.on::after{content:"";position:absolute;right:14px;top:50%;width:14px;height:8px;border-left:2.4px solid var(--hd);border-bottom:2.4px solid var(--hd);transform:translateY(-70%) rotate(-45deg)}
.lc-pop[data-only] .lc-o.on small{display:none}
.lc-h{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 12px 6px}
.lc-h:first-child{padding-top:8px}
.lc-h[hidden]{display:none}
.lc-pop:not([data-only]) .lc-h{padding:8px 10px 4px;font-size:10.5px}
.lc-pop[data-only] .lc-sep{display:none}
.lc-pop[data-only] .lc-note{flex:none;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--line)}

/* phones: full-height menu */
@media (max-width:900px){
html.mn-lock .header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
.mobile-nav.open{position:fixed;left:0;right:0;top:var(--mn-top,110px);bottom:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));background:#fff}
html.mn-lock{overflow:hidden}
}

#menuBtn .mb-x{display:none}
#menuBtn[aria-expanded=true] .mb-x{display:block}
#menuBtn[aria-expanded=true] .mb-h{display:none}

/* phones: tighter spacing between sections */
@media (max-width:700px){
.section{padding-block:36px}
.intro-head{gap:14px}
.section-head{margin-bottom:18px}
}

html.mn-pre main,html.mn-pre footer,html.mn-pre .mbar{visibility:hidden}

/* call button, design A: phone in a soft teal circle with a live dot */
.mb-call{justify-content:center!important;padding:0 8px 0 9px!important;gap:7px}
.mb-ic{width:31px;height:31px;border-radius:50%;background:#E3F1F4;color:#00728C;display:grid;place-items:center;flex:none;position:relative}
.mb-ic i{position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:#22C55E;border:2px solid #fff}
.mb-call .mb-t{min-width:0}.mb-call .mb-t b{font-size:15px}.mb-call .mb-t small{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;display:block}
@media (max-width:340px){.mb-ic{width:26px;height:26px}.mb-ic svg{width:14px;height:14px}.mb-call{gap:5px;padding:0 6px!important}.mb-call .mb-t b{font-size:14px}.mb-call .mb-t small{font-size:10.5px;letter-spacing:-.2px}}

/* phone menu: "Ready to book?" card */
.mn-cta{margin:4px max(20px, env(safe-area-inset-left,0px)) 22px;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#F6FAFB}
.mn-ct{font:600 21px/1.1 var(--display);color:var(--ink)}
.mn-cs{font-size:13px;color:var(--muted);margin-top:-4px}
.mobile-nav .mn-bk,.mobile-nav .mn-cl{display:flex!important;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 12px!important;border-radius:12px;border-bottom:0!important;text-decoration:none;font-weight:700}
.mobile-nav .mn-bk{background:var(--hotel);color:#fff!important}
.mobile-nav .mn-cl{border:1px solid #D8DEE1!important;background:#fff;color:var(--ink)!important;font-weight:600}
.mn-cl em{width:28px;height:28px;border-radius:50%;background:#E3F1F4;color:#00728C;display:grid;place-items:center;flex:none}
@media (max-width:900px){html.mn-lock .mbar{display:none!important}.mobile-nav.open{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}

/* phones: every text field is at least 16px so iPhone never zooms in when you tap it */
@media (max-width:900px){
input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea{font-size:16px!important}
}

/* phones: cleaner checkout summary card */
@media (max-width:700px){
.ckpage .cksum{padding:0!important;border-radius:16px;overflow:hidden}
.ckpage .s2-hold{padding:10px 14px!important;font-size:13px!important;gap:10px!important;line-height:1.35;border-bottom:1px solid #D6EAF0}
.ckpage .s2-hold .s2-hic{flex:none}
.ckpage .s2-hold .s2-hic svg,.ckpage .s2-hold > svg{width:18px;height:18px}
.ckpage .s2-hold b{font-size:14px}
.ckpage .s2-hold .s2-hs{display:block;font-size:12.5px;margin-top:1px}
.ckpage .ckgal{height:180px!important;border-radius:0!important;margin:0!important}
.ckpage .s2-in{padding:14px 16px 2px!important}
.ckpage .s2 h4.s2-room{font-size:22px!important;font-weight:700!important;margin:0 0 10px!important}
.ckpage .s2 .s2-stay div{padding:8px 12px}
.ckpage .s2 .s2-stay small{font-size:10.5px}
.ckpage .s2 .s2-stay b{font-size:14.5px}
.ckpage .s2 .s2-stay i{font-size:12.5px}
.ckpage .s2-tbl{gap:7px 12px!important;margin-top:12px!important;font-size:14px!important}
.ckpage .s2-tbl dd{color:var(--ink)!important}
.ckpage .s2-tbl dd.ckinc{color:#1E6B45!important;font-weight:600}
.ckpage .s2 .cktot{font-family:var(--body)!important;font-size:15px!important;font-weight:600;margin-top:12px!important;padding-top:12px!important;align-items:center}
.ckpage .s2 .cktot b{font-size:24px!important}
.ckpage .s2 .cktot s{font-size:13px;font-weight:400}
.ckpage .s2 .s2-save{font-size:13px!important;padding:7px 10px!important;margin:10px 0 0!important;border-radius:9px}
.ckpage .s2-hotel{font-size:12.5px!important;margin-top:8px}
.ckpage .s2-extra{margin-top:12px;padding-top:2px;border-top:1px solid var(--line)}
.ckpage .s2 .ckpromo{font-size:14px;margin-top:12px}
.ckpage .s2 .cknote{font-size:12px!important;margin-top:8px!important;padding-bottom:12px}
.ckpage .s2 .ckacc summary{font-size:14.5px;padding:12px 0}
.ckpage .s2 .ckacc:last-child{border-bottom:0}
}

.ckpage .hs-s{display:none}
@media (max-width:700px){.ckpage .hs-l{display:none}.ckpage .hs-s{display:inline}}

/* phones: tighter checkout form, two fields per row */
@media (max-width:700px){
.ckpage .ckmain{gap:12px!important}
.ckpage .ckcard:not(.cksum){padding:16px!important;border-radius:14px}
.ckpage .ckcard h3{font-size:19px!important;gap:10px!important;margin:0 0 12px!important}
.ckpage .ckcard h3 > i{width:26px!important;height:26px!important;font-size:12.5px!important}
.ckpage .ckgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 10px!important}
.ckpage .ckf.wide{grid-column:1 / -1}
.ckpage .ckf{gap:4px!important}
.ckpage .ckf > span:first-child{font-size:10.5px!important;letter-spacing:.08em}
.ckpage .ckf input,.ckpage .ckf select,.ckpage .ckf .cc-btn{height:44px!important;border-radius:9px!important;padding:0 12px!important}
.ckpage .ckf select{padding:0 22px 0 10px!important;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 fill=%27none%27 stroke=%27%23586166%27 stroke-width=%272.4%27/%3E%3C/svg%3E") no-repeat right 8px center!important}
.ckpage .ckf small{font-size:12px!important;line-height:1.35}
.ckpage .ckphone{gap:8px!important}
.ckpage .cklegal{font-size:12px!important;line-height:1.5;margin:4px 2px 0!important}
.ckpage .ckgo{height:50px!important;font-size:16px!important}
.ckpage .ckdev{font-size:12px!important;padding:8px 10px!important;margin-top:10px!important}
/* trust pointers: centered, stacked, with icons */
.ckpage .cktrust{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:4px;font-size:14px!important;font-weight:600;color:#3A4246;text-align:center}
.ckpage .cktrust span{justify-content:center}
.ckpage .cktrust b{margin-left:3px}
}

/* Safari: let popup bodies keep their height inside a max-height popup (otherwise only the footer shows) */
.bookpage .rdm-body,.bookpage .md-b{flex:1 1 auto!important;min-height:0}
.bookpage .rdm-f,.bookpage .md-h,.bookpage .md-chips{flex:none}
/* phones: no check-mark line under the homepage booking box */
@media (max-width:700px){.widget .trustline{display:none!important}}

/* room pages: space above "Keep exploring / Other rooms & suites" */
.rmore{padding-top:64px!important}
@media (max-width:700px){.rmore{padding-top:36px!important}}

/* mobile bottom bar v2: 50/50, icon + left-aligned text, soft live pulse */
.mbar .mb-book,.mbar .mb-call{flex:1 1 0!important;min-width:0;height:52px;border-radius:12px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 14px!important;text-align:left!important}
.mbar .mb-book{background:var(--hotel);color:#fff}
.mbar .mb-call{background:#fff;border:1px solid #D8DEE1;color:var(--ink)}
.mbar .mb-ic{width:32px!important;height:32px!important;border-radius:50%;display:grid;place-items:center;flex:none;position:relative}
.mbar .mb-ic svg{width:20px!important;height:20px!important}
.mbar .mb-book .mb-ic{background:rgba(255,255,255,.18);color:#fff}
.mbar .mb-call .mb-ic{background:#E3F1F4;color:#00728C}
.mbar .mb-t{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.mbar .mb-t b{font-size:15px!important;font-weight:700}
.mbar .mb-t small{font-size:11.5px!important;white-space:nowrap;margin-top:2px;display:block}
.mbar .mb-book .mb-t small{opacity:.9;color:#fff}
.mbar .mb-call .mb-t b{color:var(--ink)}.mbar .mb-call .mb-t small{color:var(--muted)}
.mbar .mb-call .mb-ic i{position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#22C55E;border:2px solid #fff;animation:mbLive 2.6s ease-out infinite}
@keyframes mbLive{0%{box-shadow:0 0 0 0 rgba(34,197,94,.35)}70%{box-shadow:0 0 0 4px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion: reduce){.mbar .mb-call .mb-ic i{animation:none}}
@media (max-width:340px){.mbar .mb-book,.mbar .mb-call{padding:0 10px!important;gap:7px!important}.mbar .mb-ic{width:28px!important;height:28px!important}.mbar .mb-ic svg{width:17px!important;height:17px!important}.mbar .mb-t b{font-size:14px!important}.mbar .mb-t small{font-size:10.5px!important}}

/* mobile bottom bar: scales smoothly with the phone's width (320px → 430px+) */
@media (max-width:900px){
.mbar{gap:clamp(6px,2.2vw,10px)!important;padding:clamp(8px,2.6vw,11px) max(clamp(10px,3.2vw,14px), env(safe-area-inset-right,0px)) calc(clamp(8px,2.6vw,11px) + env(safe-area-inset-bottom,0px)) max(clamp(10px,3.2vw,14px), env(safe-area-inset-left,0px))!important}
.mbar .mb-book,.mbar .mb-call{height:clamp(46px,13.4vw,56px)!important;padding:0 clamp(9px,3.6vw,16px)!important;gap:clamp(6px,2.3vw,10px)!important;border-radius:clamp(10px,3.1vw,14px)!important}
.mbar .mb-ic{width:clamp(27px,8.2vw,35px)!important;height:clamp(27px,8.2vw,35px)!important}
.mbar .mb-ic svg{width:clamp(15px,4.7vw,20px)!important;height:clamp(15px,4.7vw,20px)!important}
.mbar .mb-t b{font-size:clamp(13px,3.55vw,15px)!important}
.mbar .mb-t small{font-size:clamp(10.5px,2.95vw,12.5px)!important}
.mbar .mb-call .mb-ic i{width:clamp(8px,2.3vw,10px);height:clamp(8px,2.3vw,10px)}
body.has-mbar{padding-bottom:calc(clamp(46px,13.4vw,56px) + 2 * clamp(8px,2.6vw,11px) + 2px + env(safe-area-inset-bottom,0px))!important}
}

/* mobile bottom bar: scales smoothly with the phone's width (small phones -> large phones) */
@media (max-width:900px){
.mbar{gap:clamp(6px,2.1vw,10px)!important;padding:clamp(7px,2.3vw,10px) max(clamp(10px,3.1vw,14px), env(safe-area-inset-right,0px)) calc(clamp(7px,2.3vw,10px) + env(safe-area-inset-bottom,0px)) max(clamp(10px,3.1vw,14px), env(safe-area-inset-left,0px))!important}
.mbar .mb-book,.mbar .mb-call{height:clamp(42px,12.3vw,52px)!important;padding:0 clamp(8px,3.3vw,14px)!important;gap:clamp(6px,2.3vw,10px)!important;border-radius:clamp(10px,3.1vw,14px)!important}
.mbar .mb-ic{width:clamp(24px,7.5vw,32px)!important;height:clamp(24px,7.5vw,32px)!important}
.mbar .mb-ic svg{width:clamp(15px,4.7vw,20px)!important;height:clamp(15px,4.7vw,20px)!important}
.mbar .mb-t b{font-size:clamp(13px,3.55vw,15px)!important}
.mbar .mb-t small{font-size:clamp(9.5px,2.75vw,11.5px)!important}
.mbar .mb-call .mb-ic i{width:clamp(8px,2.3vw,10px);height:clamp(8px,2.3vw,10px)}
body.has-mbar{padding-bottom:calc(clamp(42px,12.3vw,52px) + 2 * clamp(7px,2.3vw,10px) + env(safe-area-inset-bottom,0px))!important}
}

/* phones: room cards (homepage carousel + Rooms page) a bit smaller, same proportions */
@media (max-width:700px){
.room .body{padding:14px 16px 16px!important;gap:8px!important}
.room .body h3{font-size:23px!important;line-height:1.15}
.room .rspecs{font-size:13px!important;gap:6px 12px!important;min-height:0!important}
.room .rspecs svg{width:15px!important;height:15px!important}
.room .rspecs li{gap:7px!important}
.room .actions{gap:8px!important;padding-top:4px!important}
.room .actions .btn{min-height:42px!important;height:42px;font-size:14px!important;padding:0 10px!important}
}
@media (max-width:700px){.room .rp-track img{aspect-ratio:3/2!important}}

/* phones: room details popup, smaller price bar */
@media (max-width:700px){
.bookpage .rdm-f{padding:9px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;gap:10px!important}
.bookpage .rdm-rate{font-size:11.5px!important;margin-bottom:1px}
.bookpage .rdm-pb .pb-n b{font-size:22px!important}
.bookpage .rdm-pb .pb-n small{font-size:12.5px!important}
.bookpage .rdm-pb .pblock .off{font-size:12px!important;padding:3px 8px!important;margin-right:6px!important}
.bookpage .rdm-pb .pb-t,.bookpage .rdm-pb .pb-t s{font-size:12.5px!important}
.bookpage .rdm-pb .pb-t b{font-size:13.5px!important}
.bookpage .rdm-go{min-height:42px!important;height:42px!important;padding:0 22px!important;font-size:14.5px!important;border-radius:10px!important}
}

/* Discover logo: same box as the other cards; wordmark scaled to fit, orange dot as the "O" */
.ckpage .cklogos .d{font-size:0!important;background:#fff;min-width:38px!important;width:38px;padding:0 3px!important;display:flex!important;align-items:center;justify-content:center;gap:0}
.ckpage .cklogos .d::before{content:"DISC";font-size:5.4px;font-weight:800;color:#222;line-height:1;letter-spacing:0}
.ckpage .cklogos .d::after{content:"VER";font-size:5.4px;font-weight:800;color:#222;line-height:1;letter-spacing:0;padding-left:6px;background:radial-gradient(circle,#F58220 0 2.6px,transparent 2.9px) left 0 center/6px 6px no-repeat}
/* phones: lighter trust lines under Confirm booking (phone number stays bold) */
@media (max-width:700px){.ckpage .cktrust{font-weight:400!important}.ckpage .cktrust b{font-weight:700}}

.ckpage .cktrust .ckq{font-style:normal}.ckpage .cktrust .ckq b{margin-left:0!important}

/* desktop: room details popup, slimmer price bar */
@media (min-width:701px){
.bookpage .rdm-f{padding:10px 22px!important;gap:14px!important}
.bookpage .rdm-rate{font-size:12px!important;margin-bottom:1px}
.bookpage .rdm-pb .pb-n b{font-size:23px!important}
.bookpage .rdm-pb .pb-n small{font-size:13px!important}
.bookpage .rdm-pb .pblock .off{font-size:12.5px!important;padding:3px 9px!important;margin-right:6px!important}
.bookpage .rdm-pb .pb-t,.bookpage .rdm-pb .pb-t s{font-size:13px!important}
.bookpage .rdm-pb .pb-t b{font-size:14px!important}
.bookpage .rdm-go{min-height:44px!important;height:44px!important;padding:0 34px!important;font-size:15px!important;border-radius:10px!important}
}

/* desktop: room details price bar, stacked design, hug content */
@media (min-width:701px){
.bookpage .rdm-f{padding:11px 22px!important;align-items:center!important}
.bookpage .rdm-p{gap:0!important}
.bookpage .rdm-rate{line-height:1.15!important;margin:0 0 4px!important}
.bookpage .rdm-pb .pblock{gap:0!important;row-gap:0!important}
.bookpage .rdm-pb .pb-n{line-height:1.1!important;margin:0!important}
.bookpage .rdm-pb .pb-n b{line-height:1.1!important}
.bookpage .rdm-pb .pb-t{line-height:1.2!important;margin:3px 0 0!important}
}

/* desktop: no rubber-band bounce at the page ends, so the sticky header + top bar never detach */
@media (min-width:701px){
html,body{overscroll-behavior-y:none}
}

/* desktop checkout: tighter fields + section boxes */
@media (min-width:701px){
.ckpage .ckmain{gap:14px!important}
.ckpage section.ckcard{padding:18px 21px!important}
.ckpage section.ckcard h3{font-size:20px!important;margin-bottom:12px!important;gap:10px!important}
.ckpage section.ckcard h3>i{width:28px!important;height:28px!important;font-size:13px!important;flex:none}
.ckpage section.ckcard .ckgrid{gap:11px 14px!important}
.ckpage section.ckcard .ckf{gap:5px!important}
.ckpage section.ckcard .ckf>span:first-child{font-size:11.5px!important}
.ckpage section.ckcard input,.ckpage section.ckcard select,.ckpage section.ckcard .ckcc,.ckpage section.ckcard .exp-wrap,.ckpage section.ckcard .exp-ghost,.ckpage section.ckcard .cc,.ckpage section.ckcard .cc-btn{height:44px!important;min-height:44px!important}
.ckpage section.ckcard input,.ckpage section.ckcard select{font-size:15px!important}
.ckpage section.ckcard small{font-size:12.5px!important}
}
/* card logos: a hidden brand stays hidden (Discover's flex override was beating [hidden]) */
.ckpage .cklogos i[hidden],.cklogos i[hidden]{display:none!important}

/* desktop checkout: 1-2-3 steps identical in size to the booking page */
@media (min-width:701px){
.ckpage .cksteps{gap:10px!important;font-size:14.5px!important}
.ckpage .cksteps li,.ckpage .cksteps a{gap:8px!important}
.ckpage .cksteps li + li::before{margin-right:4px!important}
.ckpage .cksteps i{width:26px!important;height:26px!important;font-size:13px!important}
.ckpage .cksteps i svg{width:14px;height:14px}
}

/* desktop home page: room cards, smaller title + specs */
@media (min-width:701px){
#rooms #roomTrack .room h3{font-size:23px!important}
#rooms #roomTrack .room .body{gap:7px!important}
#rooms #roomTrack .room .rspecs{font-size:13.5px!important;gap:6px 12px!important}
#rooms #roomTrack .room .rspecs svg{width:15px;height:15px}
}
/* desktop Rooms & Suites page: same smaller title + specs as the home page cards */
@media (min-width:701px){
.grid-rooms .room h3{font-size:23px!important}
.grid-rooms .room .body{gap:7px!important}
.grid-rooms .room .rspecs{font-size:13.5px!important;gap:6px 12px!important}
.grid-rooms .room .rspecs svg{width:15px;height:15px}
}

/* compare widget: no nightly-rate row; minimize button centred in the header bar, top right */
#rateRow{display:none!important}
.fcard.guar .g-body{position:relative}
.fcard.guar .g-min{top:8px!important;right:9px!important;width:25px!important;height:25px!important}.fcard.guar .g-min svg{width:12px;height:12px}

/* desktop home map: use Google's own place card only (ours sat on top of it) */
@media (min-width:621px){.mapwrap .mapcard{display:none!important}}

/* home photo mosaic */
.hgm{margin-top:48px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;height:clamp(320px,36vw,470px);border-radius:16px;overflow:hidden;position:relative}
.hgm-i{padding:0;border:0;background:#E9EEF0;cursor:zoom-in;overflow:hidden;display:block;min-height:0}
.hgm-i:first-child{grid-row:1/3}
.hgm-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s}
.hgm-i:hover img{transform:scale(1.03);filter:brightness(1.05)}
.hgm-all{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:7px;background:#fff;color:var(--ink);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:9px 14px;font:600 14px var(--body);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.14)}
.hgm-all:hover{background:#f6f8f9}
/* phones keep the original swipe slider; the mosaic is desktop only */
.carousel.hg-mob{display:none}
@media (max-width:700px){.hgm{display:none!important}.carousel.hg-mob{display:block}}

/* full-screen gallery viewer */
html.hgv-lock,html.hgv-lock body{overflow:hidden}
.hgv{position:fixed;inset:0;z-index:2147483000;background:#0f1113;display:none;flex-direction:column;color:#fff}
.hgv.open{display:flex}
.hgv-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 8px}
.hgv-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
.hgv-chips::-webkit-scrollbar{display:none}
.hgv-chips button{flex:none;border:1px solid #3a4248;background:transparent;color:#dfe5e8;border-radius:999px;padding:7px 14px;font:600 13.5px var(--body);cursor:pointer;white-space:nowrap}
.hgv-chips button small{font-weight:500;color:#9aa5ab;margin-left:6px;font-size:12px}
.hgv-chips button.on{background:#fff;color:#111;border-color:#fff}.hgv-chips button.on small{color:#667}
.hgv-x{flex:none;display:flex;align-items:center;gap:6px;border:1px solid #3a4248;background:transparent;color:#fff;border-radius:999px;padding:7px 14px;font:600 13.5px var(--body);cursor:pointer}
.hgv-x:hover{background:#fff;color:#111}
.hgv-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:6px 76px}
.hgv-stage{max-width:100%;max-height:100%;overflow:hidden;border-radius:8px;display:flex}
.hgv-stage img{max-width:100%;max-height:calc(100vh - 220px);object-fit:contain;display:block;cursor:zoom-in;transition:transform .3s ease;user-select:none}
.hgv-stage.z img{transform:scale(2);cursor:zoom-out;transition:transform .3s ease,transform-origin .05s linear}
.hgv-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.hgv-nav:hover{background:rgba(255,255,255,.25)}
.hgv-p{left:16px}.hgv-n{right:16px}
.hgv-cap{display:flex;justify-content:center;align-items:center;gap:14px;font-size:13.5px;color:#cfd6da;padding:10px 16px 6px}
.hgv-cnt{color:#fff;font-weight:600}.hgv-hint{color:#7f8a90;font-size:12.5px}
.hgv-th{display:flex;gap:8px;overflow-x:auto;padding:6px 18px 16px;scrollbar-width:thin;justify-content:safe center}
.hgv-th button{flex:none;width:84px;height:56px;padding:0;border:0;border-radius:6px;overflow:hidden;opacity:.5;cursor:pointer;background:#222;outline-offset:2px}
.hgv-th button.on{opacity:1;outline:2px solid #fff}
.hgv-th button:hover{opacity:.85}
.hgv-th img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:700px){
.hgv-top{padding:10px 12px 6px}.hgv-x span{display:none}.hgv-x{padding:8px 10px}
.hgv-main{padding:4px 0}.hgv-nav{display:none}
.hgv-stage img{max-height:calc(100vh - 200px)}
.hgv-hint{display:none}
.hgv-th button{width:64px;height:44px}
}

/* desktop home intro: slightly smaller heading + text */
@media (min-width:701px){
.intro-head p:not(.eyebrow){font-size:16px!important;line-height:1.7!important}
}
/* home intro (desktop): headline left, short text right, vertically centred; matches the page's left-aligned sections */
.intro-head .ih-eb,.intro-head .ih-short{display:none}
@media (min-width:701px){
.intro-head{display:grid!important;grid-template-columns:1.3fr 1fr;grid-template-rows:auto 1fr;gap:0 48px;align-items:start;text-align:left;max-width:none;margin:0}
.intro-head .ih-eb{display:block!important;grid-column:1;grid-row:1;margin:0!important;font-size:12px!important;line-height:1.55!important;color:#00728C!important}
.intro-head .h2{grid-column:1;grid-row:2;margin:5px 0 0!important;max-width:none;text-wrap:pretty}
.intro-head .ih-short{display:none!important}
.intro-head .ih-long{display:block;grid-column:2;grid-row:1/3;align-self:start;max-width:62ch!important;margin:-2px 0 0!important}
.hgm{margin-top:40px}
}

/* ===== mobile fixes (Oct 31 pm) ===== */
@media (max-width:700px){
/* FAQ: category bar sits fully below the header, full width, clearly separated */
.fqpage .fq-chips{top:var(--fq-top,71px)!important;margin:0 -20px 12px!important;padding:10px 20px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #E3E8EA!important;box-shadow:0 6px 14px -10px rgba(20,25,28,.35);scroll-padding:0 20px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.fqpage .fq-chips a{font-size:14px!important;font-weight:500;padding:8px 14px!important;background:#fff}
.fqpage .fq-chips a.on{background:var(--hotel,#008AA8)!important;border-color:var(--hotel,#008AA8)!important;color:#fff!important;font-weight:600}
.fqpage .fq-chips a:last-child{margin-right:24px}
/* room page: photos edge to edge, swipe only */
.rgal{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:0!important;margin:12px -20px 0!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;position:relative}
.rgal::-webkit-scrollbar{display:none}
.rgal button{flex:0 0 100%;width:100%;aspect-ratio:4/3;border-radius:0!important;scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important;cursor:default}
.rgal button img{transform:none!important}
.rgal .more{display:none!important}
.rgal-wrap{position:relative}
.rgal-count{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.55);color:#fff;font:600 12.5px var(--body);padding:4px 10px;border-radius:999px;pointer-events:none;z-index:2}
/* restaurants / activities / weddings / spa: photo rows swipe sideways */
.photo-row,.tiles{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-20px!important;margin-right:-20px!important;padding:0 20px;scroll-padding:0 20px;overscroll-behavior-x:contain}
.photo-row::-webkit-scrollbar,.tiles::-webkit-scrollbar{display:none}
.photo-row button{flex:0 0 72%;aspect-ratio:4/5!important;scroll-snap-align:start}
.tiles .tile{flex:0 0 72%;scroll-snap-align:start}
.photo-row button:last-child,.tiles .tile:last-child{margin-right:20px}
/* photo viewer: close button always fully on screen (clear of the notch / Safari bar) */
.lb-x{top:calc(env(safe-area-inset-top,0px) + 14px)!important;right:calc(env(safe-area-inset-right,0px) + 14px)!important;z-index:5;box-shadow:0 4px 14px rgba(0,0,0,.35);display:grid;place-items:center;line-height:1}
.hgv-top{padding-top:calc(env(safe-area-inset-top,0px) + 10px)!important}
}

/* phones: booking-page photo + map windows open as a clean full-screen page (no more cut-off top on iPhone) */
@media (max-width:700px){
.bookpage dialog.md[open],dialog.md[open]{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.md .md-h{position:relative;z-index:2;background:#fff;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px!important;min-height:56px}
.md .md-h b{font-size:17px}
.md .md-x{width:38px;height:38px;font-size:22px;background:#F1F4F5;display:grid;place-items:center}
.md .md-chips{overflow-x:auto;flex-wrap:nowrap!important;display:flex;gap:8px;scrollbar-width:none;padding:10px 16px!important}
.md .md-chips::-webkit-scrollbar{display:none}
.md .md-chips button{flex:none}
.md .md-b{padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 20px)!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.md .md-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto!important;gap:6px}
.md .md-grid > *{aspect-ratio:4/3;height:auto!important;border-radius:10px;overflow:hidden}
.md .md-grid > *:nth-child(5n+1){grid-column:1/-1;aspect-ratio:16/10}
.md .md-grid img{width:100%;height:100%;object-fit:cover;display:block}
.md .md-mapbox{height:46vh!important;min-height:260px!important;border-radius:12px;overflow:hidden}
html.md-lock,html.md-lock body{overflow:hidden!important}
}
@media (max-width:700px){
.xlb{height:100vh!important;height:100dvh!important}
.xlb img{max-width:100vw!important;max-height:72dvh!important;border-radius:0!important}
.xlb-x,.bookpage .xlb-x{top:calc(env(safe-area-inset-top,0px) + 14px)!important;right:14px!important;z-index:3}
.xlb-p,.xlb-n{width:40px!important;height:40px!important;background:rgba(255,255,255,.85)!important}
.xlb-p{left:10px!important}.xlb-n{right:10px!important}
.xlb-c{bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;font-weight:600;background:rgba(0,0,0,.5);padding:4px 11px;border-radius:999px}
}

/* phones: destination-fee note, lighter and smaller */
@media (max-width:700px){
.bookpage .bfee{background:none!important;border:0!important;padding:0 4px!important;margin:10px 0 0!important;font-size:12.5px!important;line-height:1.5!important;color:#7A8489!important;text-align:center}
}
/* destination fee note removed from the booking page (it's in Important information) */
.bookpage .bfee{display:none!important}

/* no double-tap-to-zoom anywhere (pinch zoom still works); also removes the tap delay */
html,body,*{touch-action:manipulation}

/* phones: gallery filters become a sticky bar under the header (same style as the FAQ topics) */
@media (max-width:700px){
.filters{position:sticky;top:var(--fq-top,71px);z-index:5;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;margin:0 -20px 14px!important;padding:10px 20px!important;background:rgba(255,255,255,.97);border-bottom:1px solid #E3E8EA;box-shadow:0 6px 14px -10px rgba(20,25,28,.35);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.filters::-webkit-scrollbar{display:none}
.filters button{flex:none;font-size:14px!important;padding:8px 14px!important;white-space:nowrap}
.filters button:last-child{margin-right:24px}
.filters button[aria-pressed="true"]{background:var(--hotel,#008AA8)!important;border-color:var(--hotel,#008AA8)!important;color:#fff!important}
}
@media (max-width:700px){
.filters,.fqpage .fq-chips{-webkit-mask-image:none!important;mask-image:none!important;background:#fff!important}
}

/* phones: pop-ups fit the visible screen (iPhone Safari's 100vh is taller than what you see), close X always visible */
@media (max-width:700px){
/* document pop-ups (About, Terms, Privacy, Hotel non-affiliation…): a centred card that scrolls inside */
.about{width:calc(100% - 24px)!important;max-height:calc(100vh - 120px)!important;max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:16px!important;margin:auto!important}
.about .inner{max-height:inherit!important;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:46px 20px 22px!important}
.about .x{top:8px!important;right:8px!important;width:36px!important;height:36px!important;background:#F1F4F5!important;color:var(--ink)!important;z-index:3;box-shadow:0 0 0 6px #fff}
.about .logo .brimg{height:24px}
.about h2{font-size:26px!important}
/* room details: bottom sheet that never goes under the Safari bar */
.bookpage .rdm{max-height:calc(100vh - 110px)!important;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px))!important}
.bookpage .rdm-x{top:10px!important;right:10px!important;width:40px!important;height:40px!important}
.bookpage .rdm-gal{height:min(240px,32dvh)!important}
}
/* no blue focus ring on close buttons after a tap (keyboard users still get it) */
.about .x:focus:not(:focus-visible),.rdm-x:focus:not(:focus-visible),.md-x:focus:not(:focus-visible),.lb-x:focus:not(:focus-visible),.xlb-x:focus:not(:focus-visible){outline:none!important;box-shadow:none}
/* close buttons get auto-focused when a pop-up opens; Safari then draws a blue ring. Use a soft fill instead. */
.about .x,.rdm-x,.md-x,.lb-x,.xlb-x{outline:none!important}
.about .x:focus-visible,.md-x:focus-visible{background:#E3E9EB!important}

/* desktop room pages: photo block and room title a notch smaller */
@media (min-width:761px){
.rgal{grid-template-rows:205px 205px!important}
.rhead h1{font-size:clamp(36px,3.6vw,46px)!important}
}
/* phones: green check circle on the booking-page perk pills (matches the green pill text) */
@media (max-width:700px){.bookpage .btrust span::before{background-color:#1E7A4C!important;border-color:#1E7A4C!important}}
/* checkout steps: completed step uses the brand teal (not green), check stays white */
.ckpage .cksteps .done i{background:var(--hotel,#008AA8)!important;border-color:var(--hotel,#008AA8)!important;color:#fff!important}
.ckpage .cksteps li.on::before{background:var(--hotel,#008AA8)!important}

/* restaurant / bar cards: photo slider fills the photo side */
.venue .vph{position:relative;min-height:360px;height:100%;overflow:hidden}
.venue .vph .rp-track{position:absolute;inset:0}
.venue .vph .rp-track img{min-height:0!important;height:100%!important;aspect-ratio:auto!important;flex:0 0 100%}
.venue.flip .vph{order:2}
.venue:hover .rp-btn{opacity:1}
@media (max-width:820px){.venue .vph{min-height:0;height:auto;aspect-ratio:4/3}.venue.flip .vph{order:0}}

/* phones: bottom sticky bar a touch shorter overall (white bar ~59px instead of 67px) */
/* (owner 2026-11-03: "the mobile book now and call bar is not as big as i had it on the html" — the zip's phone-only
   44px override is gone; the bar keeps the design's own sizing: 52px buttons on a 430px phone, 48px at 390, 46px at 375) */
.bookpage .bwrap{max-width:1180px;margin:0 auto;padding:28px max(20px,env(safe-area-inset-right,0px)) 120px max(20px,env(safe-area-inset-left,0px))}
.bookpage .steps{list-style:none;margin:0 0 22px;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14.5px;color:var(--muted)}
.bookpage .steps li{display:flex;align-items:center;gap:8px}
.bookpage .steps li + li::before{content:"";width:36px;height:1px;background:#CFD6D9;margin-right:4px}
.bookpage .steps span{width:26px;height:26px;border-radius:50%;border:1px solid #CFD6D9;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.bookpage .steps .on{color:var(--ink);font-weight:600}
.bookpage .steps .on span{background:var(--hotel);border-color:var(--hotel);color:#fff}
.bookpage .bsearch{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 8px 22px rgba(20,25,28,.06)}
.bookpage .bsearch .field{display:flex;flex-direction:column;gap:5px;min-width:0}
.bookpage .bs-go{height:50px;padding:0 28px}
.bookpage .btrust{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 2px 0;font-size:13.5px;color:#3A4246}
.bookpage .btrust span::before{content:"✓ ";color:var(--hotel);font-weight:700}
.bookpage .bhead{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:6px 16px;margin:34px 0 16px}
.bookpage .bhead h1{font-size:clamp(30px,3.6vw,40px)}
.bookpage .bhead span{font-size:14px;color:var(--muted)}
.bookpage .spec{margin:4px 0 0;font-size:14px;color:var(--muted)}
.bookpage .badge{position:absolute;top:12px;left:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;padding:5px 9px;border-radius:7px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.bookpage .badge.inline{position:static;box-shadow:none;background:var(--hotel-tint);color:#00728C;white-space:nowrap;align-self:flex-start}
.bookpage .cnt{position:absolute;right:10px;bottom:10px;background:rgba(20,25,28,.72);color:#fff;font-size:12px;padding:3px 8px;border-radius:999px}
.bookpage .rate-p{display:flex;align-items:baseline;gap:4px}
.bookpage .rate-p b{font-size:24px;font-weight:700;letter-spacing:-.01em}
.bookpage .rate-p small{font-size:13px;color:var(--muted)}
.bookpage .bfee{margin:18px 2px 0;font-size:13.5px;color:#3A4246;background:var(--panel);border-radius:10px;padding:12px 14px}
.bookpage .bcardA{display:grid;grid-template-columns:300px minmax(0,1fr) minmax(0,1.25fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bookpage .bcardA + .bcardA{margin-top:16px}
.bookpage .bA-ph{position:relative;background:#E9EEF0}
.bookpage .bA-ph img{width:100%;height:100%;min-height:230px;object-fit:cover}
.bookpage .bA-info{padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.bookpage .bA-info h3{font-size:26px}
.bookpage .feat{list-style:none;padding:0;margin:6px 0 2px;display:flex;flex-direction:column;gap:3px;font-size:14px;color:#3A4246}
.bookpage .feat li::before{content:"✓ ";color:var(--hotel);font-weight:700}
.bookpage .lnk{font-size:14px;font-weight:600;color:#00728C;margin-top:auto}
.bookpage .bA-rates{border-left:1px solid var(--line);display:flex;flex-direction:column}
.bookpage .rate{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px 20px;flex:1}
.bookpage .rate + .rate{border-top:1px solid var(--line)}
.bookpage .rate-l{display:flex;flex-direction:column;font-size:14px}
.bookpage .rate-l b{font-size:15px}
.bookpage .rate-l span{color:var(--muted);font-size:13px}
.bookpage .rate-l span.ok{color:#2F6B3A}
.bookpage .rate-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.bookpage .rate-r > small{font-size:12px;color:var(--muted)}
.bookpage .rate-btn{min-height:42px;padding:0 18px;font-size:14px}
@media (max-width:1000px){.bookpage .bcardA{grid-template-columns:240px 1fr}
.bookpage .bA-rates{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:640px){.bookpage .bcardA{grid-template-columns:1fr}
.bookpage .bA-ph img{min-height:200px;max-height:240px}
.bookpage .rate{grid-template-columns:1fr auto}
.bookpage .rate-btn{grid-column:1/-1}
.bookpage .bsearch{grid-template-columns:1fr}}
.bookpage .bB{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.bookpage .bB-main .bhead{margin-top:0}
.bookpage .bcardB{display:grid;grid-template-columns:240px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bookpage .bcardB + .bcardB{margin-top:14px}
.bookpage .bcardB img{width:100%;height:100%;min-height:210px;object-fit:cover;background:#E9EEF0}
.bookpage .bB-body{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.bookpage .bB-top{display:flex;justify-content:space-between;gap:12px}
.bookpage .bB-top h3{font-size:24px}
.bookpage .seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bookpage .seg label{position:relative;cursor:pointer}
.bookpage .seg input{position:absolute;opacity:0}
.bookpage .seg span{display:flex;flex-direction:column;gap:2px;border:1px solid #CFD6D9;border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted)}
.bookpage .seg span b{color:var(--ink);font-size:14px}
.bookpage .seg input:checked + span{border-color:var(--hotel);box-shadow:0 0 0 2px var(--hotel-tint);background:#F7FCFD}
.bookpage .seg input:focus-visible + span{outline:3px solid #4C7DBF;outline-offset:2px}
.bookpage .bB-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bookpage .bB-foot .btn{min-width:150px}
.bookpage .bB-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.bookpage .stay{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bookpage .stay > img{width:100%;height:130px;object-fit:cover}
.bookpage .stay-b{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.bookpage .stay-b > b{font-size:17px}
.bookpage .stay-row{display:flex;gap:10px;font-size:14.5px}
.bookpage .stay-row svg{color:#00728C;flex:none;margin-top:2px}
.bookpage .stay-row small{display:block;color:var(--muted);font-size:12.5px}
.bookpage .stay.mini{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.bookpage .ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#3A4246}
.bookpage .ticks li::before{content:"✓ ";color:var(--hotel);font-weight:700}
.bookpage .callrow2{display:flex;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:13.5px}
.bookpage .callrow2 a{font-weight:700;text-decoration:none}
@media (max-width:1000px){.bookpage .bB{grid-template-columns:1fr}
.bookpage .bB-side{position:static;order:-1}
.bookpage .stay > img{display:none}}
@media (max-width:640px){.bookpage .bcardB{grid-template-columns:1fr}
.bookpage .bcardB img{max-height:220px}
.bookpage .seg{grid-template-columns:1fr}}
.bookpage .bC{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bookpage .bcardC{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.bookpage .bC-ph{position:relative}
.bookpage .bC-ph img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#E9EEF0}
.bookpage .bC-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.bookpage .bC-b h3{font-size:26px}
.bookpage .bC-price{margin-top:8px;display:flex;flex-direction:column;gap:2px}
.bookpage .bC-price > small{font-size:13px;color:var(--muted)}
.bookpage .bC-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:12px}
.bookpage .bC-btns .btn{min-height:46px;font-size:14px;padding:0 10px}
@media (max-width:760px){.bookpage .bC{grid-template-columns:1fr}}
.bookpage .switch{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:200;display:flex;gap:4px;background:#14191C;padding:5px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.bookpage .switch button{border:0;background:transparent;color:#C9D0D3;font:600 14px var(--body);padding:10px 16px;border-radius:999px;cursor:pointer;min-height:40px}
.bookpage .switch button[aria-pressed="true"]{background:#fff;color:#14191C}
.bookpage .ex{position:fixed;left:16px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:200;background:#FFF7E0;color:#5C4400;border:1px solid #F0DCA0;font-size:12.5px;padding:6px 10px;border-radius:8px}
.bookpage .rlist{transition:opacity .2s}
.bookpage .rlist.upd{opacity:.45}
.bookpage button.lnk2{border:0;background:none;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:#00728C;cursor:pointer}
.bookpage .rdm{border:0;padding:0;border-radius:18px;width:min(880px,94vw);max-height:90vh;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.bookpage .rdm[open]{display:flex;flex-direction:column}
.bookpage .rdm::backdrop{background:rgba(10,14,16,.6)}
.bookpage .rdm-x{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(20,25,28,.75);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.bookpage .rdm-body{overflow:auto;flex:1}
.bookpage .rdm-gal{min-height:0;height:min(440px,48vh);border-radius:0!important}
.bookpage .rdm-c{padding:22px 28px 26px}
.bookpage .rdm-c h2{font-size:clamp(24px,3vw,32px);line-height:1.1;margin:0}
.bookpage .rdm-c .ispecs{padding-bottom:16px;border-bottom:1px solid var(--line)}
.bookpage .rdm-d{margin:16px 0 0;font-size:15px;line-height:1.65;color:#3A4246;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bookpage .rdm-d.open{display:block;-webkit-line-clamp:unset}
.bookpage .rdm-more{border:0;background:none;padding:0;margin-top:6px;font:inherit;font-size:14px;font-weight:600;color:#00728C;cursor:pointer}
.bookpage .rdm-more[hidden]{display:none}
.bookpage .rdm-pb .pb-n{white-space:nowrap}
.bookpage .rdm-c h3{font-size:22px;margin:22px 0 10px}
.bookpage .rdm-inc{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:#3A4246}
.bookpage .rdm-inc li::marker{color:#00A3C4}
.bookpage .rdm-f{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-top:1px solid var(--line);background:#fff}
.bookpage .rdm-p{display:flex;flex-direction:column;gap:2px}
.bookpage .rdm-rate{font-size:12.5px;font-weight:600;color:var(--muted)}
.bookpage .rdm-pb .pblock{align-items:flex-start;text-align:left;gap:2px}
.bookpage .rdm-pb .pb-t{justify-content:flex-start}
.bookpage .rdm-pb .pb-n b{font-size:26px}
.bookpage .rdm-pb .pb-i{display:none}
.bookpage .rdm-go{min-width:160px;min-height:48px}
@media (max-width:700px){.bookpage .rdm{width:100vw;max-width:100vw;max-height:94vh;margin:auto 0 0;border-radius:18px 18px 0 0}
.bookpage .rdm-gal{height:260px}
.bookpage .rdm-c{padding:18px 18px 20px}
.bookpage .rdm-f{padding:12px 18px}
.bookpage .rdm-go{min-width:130px}}
.bookpage .bsearch .pk-field{grid-column:auto}
.bookpage .ex{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
.bookpage .cb4{margin-top:24px;background:#14191C;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.bookpage .cb4 .cb-eb{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7FD3E4}
.bookpage .cb4-n{font-size:clamp(26px,3vw,34px);font-weight:700;color:#fff;letter-spacing:-.01em;text-decoration:none;line-height:1.2}
.bookpage .cb4-s{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#C9D0D3}
.bookpage .cb4-s i{width:8px;height:8px;border-radius:50%;background:#4CC38A;box-shadow:0 0 0 3px rgba(76,195,138,.2)}
.bookpage .pol{margin-top:44px}
.bookpage .pol-eb{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00728C;margin-bottom:6px}
.bookpage .pol h2{font-size:clamp(26px,3vw,34px);margin:0 0 16px}
.bookpage .acc{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden}
.bookpage .acc{padding:0}
.bookpage .acc summary{justify-content:flex-start;font-weight:600}
.bookpage .acc summary::after,.bookpage .acc[open] summary::after{content:none;display:none}
.bookpage .acc summary .chv{flex:0 0 18px;overflow:visible}
.bookpage .acc summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-size:16px}
.bookpage .acc summary::-webkit-details-marker{display:none}
.bookpage .acc summary svg:first-child{color:#00728C}
.bookpage .acc summary .chv{margin-left:auto;width:18px;height:18px;color:var(--muted);transition:transform .2s}
.bookpage .acc[open] summary .chv{transform:rotate(180deg)}
.bookpage .acc[open] summary{border-bottom:1px solid var(--line)}
.bookpage .acc-b{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px;padding:18px 22px 22px}
.bookpage .pg{margin-bottom:16px}
.bookpage .pg h4{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C;margin:0 0 8px;font-family:inherit}
.bookpage .pg ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.5;color:#3A4246}
.bookpage .pg li::marker{color:#00A3C4}
.bookpage .acc-note{font-size:13px;font-style:italic;color:var(--muted);margin:4px 0 0}
@media (max-width:760px){.bookpage .acc-b{grid-template-columns:1fr;padding:14px 16px 16px}}
.bookpage .xp{margin:4px 0 22px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.bookpage .xp-bar{display:flex;gap:6px;padding:6px}
.bookpage .xp-tab{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);padding:9px 14px;border-radius:10px;cursor:pointer}
.bookpage .xp-tab:hover{background:var(--panel)}
.bookpage .xp-tab[aria-expanded=true]{background:var(--hotel-tint);color:#00627A}
.bookpage .xp-tab .chv{transition:transform .2s;color:var(--muted)}
.bookpage .xp-tab[aria-expanded=true] .chv{transform:rotate(180deg);color:#00627A}
.bookpage .xp-panel{border-top:1px solid var(--line);padding:16px}
.bookpage .xp-panel[hidden]{display:none}
.bookpage .xp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.bookpage .xp-chips button{font:inherit;font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid #CFD6D9;background:#fff;color:#3A4246;cursor:pointer}
.bookpage .xp-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.bookpage .xp-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);grid-template-rows:150px 150px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:6px}
.bookpage .xp-ph{border:0;padding:0;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#E9EEF0;scroll-snap-align:start}
.bookpage .xp-ph[hidden]{display:none}
.bookpage .xp-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.bookpage .xp-ph:hover img{transform:scale(1.04)}
.bookpage .xp-loc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
.bookpage .xp-loc p{margin:0 0 14px;font-size:14.5px;line-height:1.6;color:#3A4246}
.bookpage .xp-eb{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C;margin-bottom:10px}
.bookpage .xp-nears{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bookpage .xp-near img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block;background:#E9EEF0}
.bookpage .xp-near b{display:block;font-size:13.5px;margin-top:6px;line-height:1.25}
.bookpage .xp-near span{font-size:12.5px;color:var(--muted)}
.bookpage .xp-map{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);height:290px;background:#E9EEF0}
.bookpage .xp-map iframe{width:100%;height:100%;border:0;display:block}
.bookpage .xp-dir{position:absolute;right:10px;bottom:28px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.bookpage .xlb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;overflow:hidden}
.bookpage .xlb::backdrop{background:rgba(10,14,16,.92)}
.bookpage .xlb[open]{display:flex;align-items:center;justify-content:center}
.bookpage .xlb img{max-width:min(1200px,88vw);max-height:84vh;border-radius:8px;object-fit:contain}
.bookpage .xlb-b,.bookpage .xlb-x{position:fixed;border:0;background:rgba(255,255,255,.95);color:var(--ink);width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer}
.bookpage .xlb-p{left:18px;top:50%;transform:translateY(-50%)}
.bookpage .xlb-n{right:18px;top:50%;transform:translateY(-50%)}
.bookpage .xlb-x{top:16px;right:16px}
.bookpage .xlb-c{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px}
@media (max-width:860px){.bookpage .xp-loc{grid-template-columns:1fr}
.bookpage .xp-grid{grid-auto-columns:calc((100% - 10px)/2.3);grid-template-rows:120px 120px}
.bookpage .xp-nears{grid-template-columns:repeat(2,minmax(0,1fr))}
.bookpage .xp-map{height:240px}}
.bookpage .pblock .off{background:#E3F4EA;color:#17663F;box-shadow:inset 0 0 0 1px #C6E7D3;font-weight:700;font-size:14px;padding:5px 11px;border-radius:999px;align-self:center;margin-right:8px;font-variant-numeric:tabular-nums}
.bookpage .pblock .off[hidden],.bookpage .pb-t s[hidden]{display:none}
.bookpage .v1 .pblock{gap:2px}
.bookpage .v1 .pb-n{white-space:nowrap;flex-wrap:nowrap}
.bookpage .v1 .pb-n small{white-space:nowrap}
.bookpage .v1 .pb-n b{font-size:34px;line-height:1.05}
.bookpage .pb-t{display:flex;align-items:baseline;gap:8px;justify-content:flex-end}
.bookpage .pb-t s{color:var(--muted);font-size:15px}
.bookpage .v1 .pb-t b{font-size:17px}
.bookpage .v1 .pb-i{margin-top:4px;font-size:14px}
.bookpage .pb-deal[hidden],.bookpage .pb-save[hidden]{display:none}
.bookpage .pb-deal .off{background:#E0F2EA;color:#1E6B45;font-weight:700;font-size:13px;padding:3px 8px;border-radius:6px}
.bookpage .pb-deal s{color:var(--muted);font-size:16px}
.bookpage .pb-save{font-size:13px;color:#1E6B45}
.bookpage .pb-save b{font-weight:700}
.bookpage .tip{position:static;display:inline-flex;vertical-align:-3px;margin-left:4px;color:var(--muted);cursor:help}
.bookpage .tipbox{position:absolute;left:42px;right:12px;top:calc(100% + 2px);width:auto;max-width:320px;box-shadow:0 8px 24px rgba(0,0,0,.18);background:var(--ink);color:#fff;font-size:12.5px;font-weight:400;line-height:1.45;padding:10px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}
.bookpage .rradio label:has(input:checked) .rt small{color:#17663F}
.bookpage .tip:hover .tipbox,.bookpage .tip:focus .tipbox{opacity:1}
.bookpage .tipbox::before{content:"";position:absolute;left:14px;top:-6px;width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:2px}
.bookpage .tip:hover,.bookpage .tip:focus{z-index:20}
.bookpage .rlist{display:flex;flex-direction:column;gap:18px}
.bookpage .rc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:visible;display:grid;position:relative}
.bookpage .rc:has(.tip:hover),.bookpage .rc:has(.tip:focus){z-index:30}
.bookpage .rc .gal2{overflow:hidden;border-radius:17px 0 0 17px}
@media (max-width:980px){.bookpage .rc .gal2{border-radius:17px 17px 0 0}}
.bookpage .rc.top{border:1.5px solid var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.bookpage .rc.picked{border:1.5px solid var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.bookpage .rc h3{font-size:clamp(24px,2.6vw,30px);line-height:1.1}
.bookpage .rc h3 span{color:var(--muted);font-weight:500}
.bookpage .badge{background:#FFFFFF;color:#00728C}
.bookpage .gal2{position:relative;background:#E9EEF0;min-height:260px}
.bookpage .gal2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bookpage .gal2 img[hidden]{display:none}
.bookpage .g2b{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.95);font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--ink);z-index:1}
.bookpage .g2p{left:12px}
.bookpage .g2n{right:12px}
.bookpage .g2dots{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:6px;z-index:1}
.bookpage .g2dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6)}
.bookpage .g2dots i.on{width:20px;border-radius:4px;background:#fff}
.bookpage .gal2 .cnt{z-index:1}
.bookpage .gal2 .badge{z-index:1}
.bookpage .ispecs{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#3A4246}
.bookpage .ispecs li{display:flex;align-items:center;gap:6px}
.bookpage .ispecs svg{color:#586166}
.bookpage .lnk2{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#00728C;text-decoration:none}
.bookpage .lnk2:hover{text-decoration:underline}
.bookpage .rradio{border:1px solid var(--line);border-radius:12px;overflow:visible;margin-top:10px}
.bookpage .rradio label:first-child{border-radius:11px 11px 0 0}
.bookpage .rradio label:last-child{border-radius:0 0 11px 11px}
.bookpage .rradio label:has(.tip:hover),.bookpage .rradio label:has(.tip:focus){z-index:20}
.bookpage .rradio label{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;position:relative}
.bookpage .rradio label + label{border-top:1px solid var(--line)}
.bookpage .rradio input{position:absolute;opacity:0}
.bookpage .rradio .dot{width:20px;height:20px;border-radius:50%;border:2px solid #9AA4A8;display:inline-block}
.bookpage .rradio input:checked ~ .dot{border:6px solid var(--hotel)}
.bookpage .rradio label:has(input:checked){background:#F4FAFB}
.bookpage .rradio input:focus-visible ~ .dot{outline:3px solid #4C7DBF;outline-offset:2px}
.bookpage .rt{display:flex;flex-direction:column}
.bookpage .rt b{font-size:15px}
.bookpage .rt small{font-size:13px;color:var(--muted)}
.bookpage .rt small.ok{color:#2F6B3A}
.bookpage .rd{font-size:14px;color:#3A4246;font-variant-numeric:tabular-nums}
.bookpage .pblock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.bookpage .pb-n{display:flex;align-items:baseline;gap:4px}
.bookpage .pb-n b{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bookpage .pb-n small{color:var(--muted);font-size:14px}
.bookpage .pb-t{font-size:14px;color:#3A4246}
.bookpage .pb-t b{font-weight:700}
.bookpage .pb-i{display:flex;align-items:center;gap:6px;font-size:13px;color:#00728C;font-weight:600}
.bookpage .v1{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
.bookpage .v1-b{padding:22px 24px;display:flex;flex-direction:column}
.bookpage .v1-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);flex:1}
.bookpage .v1-p{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:14px}
.bookpage .v1-p .btn{min-width:180px;min-height:52px}
.bookpage .v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bookpage .v2-b{padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.bookpage .v2-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.bookpage .v2-f{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}
.bookpage .pblock.row{align-items:flex-start;text-align:left}
.bookpage .v2-f .btn{min-width:180px;min-height:50px}
.bookpage .v3{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr)}
.bookpage .v3-b{padding:22px 24px;display:flex;flex-direction:column}
.bookpage .v3-rows{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bookpage .v3-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:14px 16px}
.bookpage .v3-r + .v3-r{border-top:1px solid var(--line)}
.bookpage .v3-pr{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:4px;text-align:right;justify-content:end}
.bookpage .v3-pr b{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.bookpage .v3-pr small{color:var(--muted);font-size:13px}
.bookpage .v3-pr span{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.bookpage .v3-r .btn{min-width:130px;min-height:44px}
.bookpage .v4{grid-template-columns:260px minmax(0,1fr)}
.bookpage .gal2.small{min-height:200px}
.bookpage .v4-b{padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.bookpage .seg2{display:inline-flex;margin-top:14px;border:1px solid #CFD6D9;border-radius:10px;padding:3px;gap:3px;flex-wrap:wrap}
.bookpage .seg2 label{position:relative;cursor:pointer}
.bookpage .seg2 input{position:absolute;opacity:0}
.bookpage .seg2 span{display:block;padding:8px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:#3A4246}
.bookpage .seg2 input:checked + span{background:var(--hotel);color:#fff}
.bookpage .seg2 input:focus-visible + span{outline:3px solid #4C7DBF;outline-offset:2px}
.bookpage .v4-p{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.bookpage .v4-p .btn{min-width:160px}
.bookpage .v1 .gal2{min-height:230px}
.bookpage .v1-b{padding:18px 22px}
.bookpage .v1 h3{font-size:clamp(21px,2.1vw,25px)}
.bookpage .v1 .ispecs{margin-top:6px;font-size:13.5px}
.bookpage .v1-grid{margin-top:12px;padding-top:12px;gap:24px}
.bookpage .v1 .lnk2{font-size:13.5px}
.bookpage .v1 .rradio{margin-top:8px;border-radius:10px}
.bookpage .v1 .rradio label{padding:9px 12px;gap:10px}
.bookpage .v1 .rradio .dot{width:18px;height:18px}
.bookpage .v1 .rradio input:checked ~ .dot{border-width:5px}
.bookpage .v1 .rt b{font-size:14px;font-weight:600}
.bookpage .v1 .rt small{font-size:12.5px}
.bookpage .v1 .rd{font-size:13.5px}
.bookpage .v1 .pb-n b{font-size:27px;font-weight:700}
.bookpage .v1 .pb-n small{font-size:13px}
.bookpage .v1 .pblock .off{font-size:12px;padding:3px 8px;margin-right:6px}
.bookpage .v1 .pb-t s{font-size:13.5px}
.bookpage .v1 .pb-t b{font-size:15px;font-weight:600}
.bookpage .v1 .pb-i{font-size:12.5px;margin-top:2px}
.bookpage .v1-p{gap:12px}
.bookpage .v1-p .btn{min-width:150px;min-height:44px;font-size:15px}
.bookpage .rc.top{box-shadow:none}
@media (max-width:980px){.bookpage .v1,.bookpage .v2,.bookpage .v3{grid-template-columns:1fr}
.bookpage .gal2{min-height:240px}
.bookpage .v1-grid{grid-template-columns:1fr}
.bookpage .v1-p{align-items:stretch}
.bookpage .v1-p .pblock{align-items:flex-start;text-align:left}
.bookpage .v1-p .pb-t{justify-content:flex-start}
.bookpage .v4{grid-template-columns:200px 1fr}
.bookpage .v4-b{grid-template-columns:1fr}
.bookpage .v4-p{align-items:flex-start}}
@media (max-width:640px){.bookpage .v4{grid-template-columns:1fr}
.bookpage .v3-r{grid-template-columns:1fr auto}
.bookpage .v3-r .btn{grid-column:1/-1}
.bookpage .v2-f .btn,.bookpage .v4-p .btn,.bookpage .v1-p .btn{width:100%}}

.bookpage .hs{display:grid;grid-template-columns:132px minmax(0,1fr) 170px;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;margin:0 0 22px;background:#fff}
.bookpage .hs button{border:0;padding:0;background:none;cursor:pointer;font:inherit}
.bookpage .hs-ph,.bookpage .hs-map,.bookpage .sb-map{position:relative;border-radius:10px;overflow:hidden;height:88px;display:block;width:100%;background:#E9EEF0}
.bookpage .hs-ph img{width:100%;height:100%;object-fit:cover;display:block}
.bookpage .hs-ph span,.bookpage .hs-map span,.bookpage .sb-map span{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);color:var(--ink);font-size:12.5px;font-weight:600;padding:4px 9px 4px 7px;border-radius:999px}
.bookpage .hs-ph span svg,.bookpage .hs-map span svg,.bookpage .sb-map span svg{width:14px;height:14px}
.bookpage .mm{width:100%;height:100%;display:block}
.bookpage .hs-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.bookpage .hs-name{font-family:var(--display,"Cormorant Garamond",serif);font-size:22px;font-weight:600;line-height:1.1}
.bookpage .hs-rate{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600}
.bookpage .hs-rate i{font-style:normal;color:var(--muted);font-weight:400}
.bookpage .hs-addr{font-size:13px;color:var(--muted)}
.bookpage .hs-links{display:flex;gap:8px;font-size:13.5px;color:var(--muted);margin-top:2px}
.bookpage .lk{color:#00728C!important;font-weight:600!important;font-size:13.5px!important}
.bookpage .lk:hover{text-decoration:underline}
.bookpage .bhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bookpage .ql{display:flex;gap:8px}
.bookpage .qbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid #CFD6D9;background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.bookpage .qbtn:hover{border-color:var(--hotel);color:#00627A}
.bookpage .wside{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.bookpage .sb{position:sticky;top:100px;display:flex;flex-direction:column;gap:12px}
.bookpage .sb-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.bookpage .sb-ph{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:62px 62px;gap:3px}
.bookpage .sb-ph button{border:0;padding:0;cursor:pointer;position:relative;background:#E9EEF0;overflow:hidden}
.bookpage .sb-ph img{width:100%;height:100%;object-fit:cover;display:block}
.bookpage .sb-big{grid-row:1/3}
.bookpage .sb-more span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,25,28,.5);color:#fff;font-weight:700;font-size:14px}
.bookpage .sb-body{padding:14px;display:flex;flex-direction:column;gap:6px}
.bookpage .sb-map{border:0;padding:0;cursor:pointer;height:96px;margin-top:6px}
.bookpage .sb-call{padding:14px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--muted)}
.bookpage .sb-call a{font-size:18px;font-weight:700;color:var(--ink);text-decoration:none}
.bookpage .wside .v1{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
.bookpage .wside .v1-grid{grid-template-columns:1fr;gap:12px}
.bookpage .wside .v1-p{flex-direction:row;align-items:flex-end;justify-content:space-between}
.bookpage .wside .v1-p .pblock{align-items:flex-start;text-align:left}
.bookpage .wside .pb-t{justify-content:flex-start}
.bookpage .md{border:0;padding:0;border-radius:16px;width:min(1080px,94vw);max-height:88vh;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.bookpage .md[open]{display:flex;flex-direction:column}
.bookpage .md::backdrop{background:rgba(10,14,16,.55)}
.bookpage .md-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.bookpage .md-h b{font-size:16px}
.bookpage .md-x{border:0;background:var(--panel);width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer;line-height:1}
.bookpage .md-chips{padding:12px 18px 0;margin:0}
.bookpage .md-b{overflow:auto;padding:14px 18px 18px}
.bookpage .md-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:8px}
.bookpage .mp{border:0;padding:0;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#E9EEF0}
.bookpage .mp:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.bookpage .mp[hidden]{display:none}
.bookpage .mp img{width:100%;height:100%;object-fit:cover;display:block}
.bookpage .md-loc{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.bookpage .md-mapbox{height:440px}
.bookpage .md-p{margin:0 0 14px;font-size:14px;line-height:1.6;color:#3A4246}
.bookpage .md-nears{grid-template-columns:repeat(2,minmax(0,1fr))}
.bookpage .xlb{z-index:1000}
@media (max-width:1000px){.bookpage .wside{grid-template-columns:1fr}
.bookpage .sb{position:static;order:-1;flex-direction:row}
.bookpage .sb-card{flex:1}
.bookpage .sb-call{display:none}}
@media (max-width:760px){.bookpage .hs{grid-template-columns:96px minmax(0,1fr)}
.bookpage .hs-map{display:none}
.bookpage .hs-ph{height:78px}
.bookpage .hs-name{font-size:19px}
.bookpage .hs-addr{display:none}
.bookpage .md{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:16px 16px 0 0}
.bookpage .md-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}
.bookpage .md-loc{grid-template-columns:1fr}
.bookpage .md-mapbox{height:260px}

}
.bookpage .wside{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.bookpage .wside .bhead{margin-top:26px}
.bookpage .sbwrap{position:sticky;top:96px;margin-top:26px}
.bookpage .sv[hidden],.bookpage .sv-bar[hidden]{display:none}
.bookpage .sv-bar .hs{margin:16px 0 0}
.bookpage .wside .v1{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr)}
.bookpage .wside .v1-grid{grid-template-columns:1fr;gap:12px}
.bookpage .wside .v1-p{flex-direction:row;align-items:flex-end;justify-content:space-between}
.bookpage .wside .v1-p .pblock{align-items:flex-start;text-align:left}
.bookpage .wside .pb-t{justify-content:flex-start}
.bookpage .sb{display:flex;flex-direction:column;gap:12px}
.bookpage .sc-pad{padding:16px}
.bookpage .hm{display:flex;gap:12px;align-items:center}
.bookpage .hm img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#E9EEF0;flex:none}
.bookpage .hm div{display:flex;flex-direction:column;gap:2px}
.bookpage .hm .hs-name{font-size:20px}
.bookpage .sc-links{display:flex;gap:8px;margin-top:12px}
.bookpage .qbtn.sm{padding:6px 12px;font-size:13px}
.bookpage .qbtn.sm svg{width:15px;height:15px}
.bookpage .sc-h{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C;margin:16px 0 8px;font-family:inherit}
.bookpage .sb-card > .sc-h:first-child,.bookpage .sc-pad > .sc-h:first-child{margin-top:0}
.bookpage .st-rows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px}
.bookpage .st-r{display:flex;gap:10px;align-items:flex-start;padding:10px 12px}
.bookpage .st-r + .st-r{border-top:1px solid var(--line)}
.bookpage .st-r svg{color:#00728C;margin-top:2px;flex:none}
.bookpage .st-r span{display:grid;grid-template-columns:1fr auto;column-gap:8px;width:100%}
.bookpage .st-r small{grid-column:1/-1;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.bookpage .st-r b{font-size:14.5px}
.bookpage .st-r i{font-style:normal;font-size:12.5px;color:var(--muted);align-self:center}
.bookpage .sc-change{border:0;background:none;padding:0;margin-top:10px;font:inherit;font-size:13.5px;font-weight:600;color:#00728C;cursor:pointer}
.bookpage .sc-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}
.bookpage .sc-perks li{display:flex;gap:8px;align-items:center}
.bookpage .sc-perks svg{color:#00A3C4;flex:none}
.bookpage .sc-call{display:flex;gap:12px;align-items:center;padding:14px 16px;text-decoration:none;color:var(--ink)}
.bookpage .sc-call svg{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--hotel-tint);color:#00728C;flex:none}
.bookpage .sc-call span{display:flex;flex-direction:column}
.bookpage .sc-call small{font-size:12.5px;color:var(--muted)}
.bookpage .sc-call b{font-size:18px}
.bookpage .sc-dark{background:#14191C;border-color:#14191C;color:#fff;padding:20px;display:flex;flex-direction:column;gap:4px}
.bookpage .sc-dark .sc-eb{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7FD3E4}
.bookpage .sc-dark .hs-name{font-size:24px;color:#fff}
.bookpage .sc-dark .hs-rate{color:#fff}
.bookpage .sc-dark .hs-rate i{color:#AEB7BB}
.bookpage .sc-addr{font-size:13px;color:#AEB7BB}
.bookpage .dbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.bookpage .dbtn svg{width:15px;height:15px}
.bookpage .sc-dark .sc-perks{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);color:#E6EBED}
.bookpage .sc-dark .sc-perks svg{color:#4CC3DB}
.bookpage .sc-dcall{margin-top:16px;display:flex;flex-direction:column;background:rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;text-decoration:none}
.bookpage .sc-dcall small{font-size:12px;color:#AEB7BB}
.bookpage .sc-dcall b{font-size:22px;color:#fff}
@media (max-width:1000px){.bookpage .wside{grid-template-columns:1fr}
.bookpage .sbwrap{position:static;order:-1;margin-top:16px}
.bookpage .sb{display:grid;grid-template-columns:1fr 1fr}
.bookpage .sb-call{display:none}}
@media (max-width:640px){.bookpage .sb{grid-template-columns:1fr}}
@media (min-width:981px){.bookpage .wside .v1{grid-template-columns:230px minmax(0,1fr)}
.bookpage .wside .v1 .gal2{min-height:0;height:100%}
.bookpage .wside .v1-b{padding:14px 18px}
.bookpage .wside .v1 h3{font-size:21px}
.bookpage .wside .v1 .ispecs{margin-top:4px;font-size:13px;gap:4px 14px}
.bookpage .wside .v1 .ispecs svg{width:15px;height:15px}
.bookpage .wside .v1-grid{grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-top:10px;padding-top:10px;align-items:center}
.bookpage .wside .v1-p{flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}
.bookpage .wside .v1-p .pblock{align-items:flex-end;text-align:right}
.bookpage .wside .pb-t{justify-content:flex-end}
.bookpage .wside .v1 .pb-n b{font-size:24px}
.bookpage .wside .v1 .pb-t s{font-size:12.5px}
.bookpage .wside .v1 .pb-t b{font-size:14px}
.bookpage .wside .v1 .pb-i{font-size:12px}
.bookpage .wside .v1-p .btn{min-width:132px;min-height:40px;font-size:14.5px}
.bookpage .wside .v1 .lnk2{font-size:13px}
.bookpage .wside .v1 .rradio{margin-top:6px}
.bookpage .wside .v1 .rradio label{padding:7px 10px;gap:9px}
.bookpage .wside .v1 .rradio .dot{width:16px;height:16px}
.bookpage .wside .v1 .rradio input:checked ~ .dot{border-width:5px}
.bookpage .wside .v1 .rt b{font-size:13.5px}
.bookpage .wside .v1 .rt small{font-size:12px}
.bookpage .wside .v1 .rd{font-size:13px}
body.r2 .bookpage .wside .v1 .rradio{display:grid;grid-template-columns:1fr 1fr}
body.r2 .bookpage .wside .v1 .rradio label{grid-template-columns:auto 1fr;grid-template-rows:auto auto;row-gap:0;align-items:start;border-radius:0}
body.r2 .bookpage .wside .v1 .rradio label + label{border-top:0;border-left:1px solid var(--line)}
body.r2 .bookpage .wside .v1 .rradio label:first-child{border-radius:9px 0 0 9px}
body.r2 .bookpage .wside .v1 .rradio label:last-child{border-radius:0 9px 9px 0}
body.r2 .bookpage .wside .v1 .rradio .dot{margin-top:2px}
body.r2 .bookpage .wside .v1 .rd{grid-column:2;font-size:12.5px;color:var(--muted);margin-top:2px}
body:not(.r2) .bookpage .wside .v1{grid-template-columns:280px minmax(0,1fr)}
body:not(.r2) .bookpage .wside .v1-grid{grid-template-columns:minmax(0,290px) minmax(0,1fr)}
body.r2 .bookpage .wside .v1{grid-template-columns:180px minmax(0,1fr)}
body.r2 .bookpage .wside .v1-grid{gap:14px}
body.r2 .bookpage .wside .v1 .pb-n b{font-size:22px}
body.r2 .bookpage .wside .v1-p .btn{min-width:118px}
body.r2 .bookpage .wside .v1 .rradio label{padding:8px 9px;column-gap:7px}
body.r2 .bookpage .wside .v1 .rt b{font-size:13px}
body.r2 .bookpage .wside .v1 .tip{margin-left:2px}
body.r2 .bookpage .wside .v1 .rradio label{grid-template-columns:auto 1fr auto}
body.r2 .bookpage .wside .v1 .rt{grid-column:2;grid-row:1/3}
body.r2 .bookpage .wside .v1 .rd{grid-column:3;grid-row:1;margin-top:0;color:#3A4246;font-size:13px}
body.r2 .bookpage .wside .v1 .rt b{white-space:nowrap}
body.r2 .bookpage .wside .v1 .tipbox{left:10px;right:auto;width:240px}

}
@media (max-width:980px){.bookpage .wside .v1{grid-template-columns:1fr}
.bookpage .wside .v1 .gal2{min-height:220px}
.bookpage .wside .v1-p{flex-direction:column;align-items:stretch}
.bookpage .wside .v1-p .btn{width:100%}

}


.bookpage .sbwrap{top:calc(var(--hdr,78px) + 54px)}
.bookpage .sbwrap .sb{position:static}
.bookpage .wside2{margin-top:0}
.bookpage .v1-p{min-width:0}
html:not([lang="en"]) .pb-tot{margin-right:.28em}
html:not([lang="en"]) .pb-tot .lc-num{margin:0}
.bookpage .v1-p .pblock{max-width:100%;min-width:0;overflow:hidden}
.bookpage .pb-n,.bookpage .pb-t,.bookpage .pb-i{white-space:nowrap;max-width:100%}
.bookpage .rradio .rd{white-space:nowrap}
@media (min-width:981px){.bookpage .wside .v1 h3{font-size:23px;line-height:1.15}}
.bookpage .wside2 > div:first-child > .cb4:first-child{margin-top:24px}
@media (max-width:1000px){.bookpage .wside2 > div:last-child{display:none}}

.bookpage .tz{position:fixed;left:0;right:0;top:var(--hdr,78px);z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
.bookpage .tz.show{opacity:1;visibility:visible;transform:none}
.bookpage .tz-in{max-width:1180px;margin:0 auto;padding:7px 20px;display:flex;align-items:center;gap:7px;font-size:13.5px;color:#3A4246;white-space:nowrap}
.bookpage .tz svg{color:#00728C;flex:none}
.bookpage .tz-dot{color:#AEB7BB}
.bookpage .tz-ch{margin-left:10px;border:0;background:none;padding:0;font:inherit;font-weight:600;color:#00728C;cursor:pointer}
@media (max-width:700px){.bookpage .tz-in{padding:7px 14px;font-size:13px}.bookpage .tz [data-s-n],.bookpage .tz [data-s-n] + .tz-dot{display:none}}

/* rooms-left badge (top right of the room details) */
.bookpage .v1-b{position:relative}
.bookpage .rleft{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;font:700 11.5px/1 Inter,system-ui,sans-serif;white-space:nowrap;padding:5px 9px;border-radius:999px}
.bookpage .rleft svg{width:11px;height:11px}
.bookpage .rleft .dot{width:7px;height:7px;border-radius:50%;background:#D9381E;flex:none;animation:rlPulse 1.6s infinite}
@keyframes rlPulse{0%{box-shadow:0 0 0 0 rgba(217,56,30,.55)}70%{box-shadow:0 0 0 7px rgba(217,56,30,0)}100%{box-shadow:0 0 0 0 rgba(217,56,30,0)}}
.bookpage .rleft.two{background:#FFF4E0;color:#9A4D00;box-shadow:inset 0 0 0 1px #F5D7A3}
.bookpage .rleft.two svg{color:#E8790C}
.bookpage .rleft.last{background:#D9381E;color:#fff;box-shadow:0 4px 12px rgba(217,56,30,.3)}
.bookpage [data-card].has-left .v1-b > h3{padding-right:128px}
@media (max-width:700px){.bookpage .rleft{position:static;margin:0 0 8px;align-self:flex-start}.bookpage [data-card].has-left .v1-b > h3{padding-right:0}}

.bookpage .dhint{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;font:500 13.5px/1.4 Inter,system-ui,sans-serif;color:var(--muted,#5b6670)}
.bookpage .dhint svg{flex:none;color:var(--teal,#0E7C93)}
.bookpage .dhint b{color:var(--ink,#1a1f24);font-weight:600}
.bookpage .dhint button{all:unset;cursor:pointer;color:var(--teal,#0E7C93);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bookpage .dhint button:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}
.bookpage .pk-btn.pk-hl{background:#F3F9FA}

.bookpage .soldout{text-align:center;border:1px solid var(--line,#E4E8EA);border-radius:14px;padding:38px 24px 40px;background:linear-gradient(#fff,#FAFCFC)}
.bookpage .soldout .so-ic{width:52px;height:52px;border-radius:50%;background:#F3F9FA;color:var(--hotel,#008AA8);display:grid;place-items:center;margin:0 auto 14px}
.bookpage .soldout h2{font:600 30px/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 8px}
.bookpage .soldout p{margin:0 auto 22px;color:var(--muted,#586166);max-width:440px;font-size:15.5px;line-height:1.55}
.bookpage .soldout .so-acts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.bookpage .soldout .so-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:10px;font:600 15.5px/1 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;border:0;white-space:nowrap}
.bookpage .soldout .so-p{background:var(--hotel,#008AA8);color:#fff}
.bookpage .soldout .so-o{background:#fff;color:var(--ink,#14191C);box-shadow:inset 0 0 0 1px #CDD3D6}
.bookpage .soldout .so-btn:focus-visible{outline:2px solid var(--hotel,#008AA8);outline-offset:2px}
.bookpage.is-soldout .rlist,.bookpage.is-soldout .dhint,.bookpage.is-soldout .bfee{display:none!important}
@media (max-width:700px){.bookpage .soldout{padding:30px 18px}.bookpage .soldout h2{font-size:26px}.bookpage .soldout .so-btn{flex:1 1 100%}}

/* Only a non-refundable rate: a simple line instead of the two-option box */
.bookpage [data-card].nr-only .rradio{display:none!important}
.bookpage [data-card].nr-only .v1-grid > div:first-child{align-self:start;padding-top:2px}
.bookpage .nronly{position:relative;display:flex;align-items:center;gap:7px;margin-top:12px;font:600 13.5px/1.3 Inter,system-ui,sans-serif;color:var(--ink,#14191C)}
.bookpage .nronly > svg{flex:none;color:var(--muted,#586166)}
.bookpage .nronly .tip{margin-left:0;vertical-align:0}
.bookpage .nronly .tipbox{left:0;right:auto;width:260px}

/* Opened without dates (Expedia-style): rooms with their details, no prices until dates are picked */
.bookpage.nodates .rradio,.bookpage.nodates .nronly,.bookpage.nodates .v1-p .pblock,.bookpage.nodates .rleft,.bookpage.nodates .bfee,.bookpage.nodates [data-reserve]{display:none!important}
.bookpage .vp-btn{display:none}
.bookpage.nodates .rlist [data-card]{min-height:210px}
.bookpage.nodates .v1-grid{align-items:start}
.bookpage.nodates .v1-grid > div:first-child{align-self:start;padding-top:2px}
.bookpage.nodates .v1-grid > .v1-p{align-self:end}
.bookpage.nodates .rdm-p,.bookpage.nodates .rdm-go{display:none!important}
.bookpage.nodates .rdm-f{justify-content:flex-end}
.bookpage.nodates .rdm-vp{display:inline-flex;height:48px;padding:0 30px}
.bookpage.nodates .tz{display:none!important}
.bookpage.nodates .vp-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 26px;border:0;border-radius:10px;background:var(--hotel,#008AA8);color:#fff;font:600 15.5px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.bookpage.nodates .vp-btn:hover{filter:brightness(.95)}
.bookpage.nodates .vp-btn:focus-visible{outline:2px solid var(--hotel,#008AA8);outline-offset:2px}
.bookpage.nodates .v1-p{justify-content:flex-end;align-items:flex-end}
.bookpage.nodates .bhead span{color:var(--ink,#14191C);font-weight:600}
.bookpage.nodates [data-card].has-left .v1-b > h3{padding-right:0}
@media (max-width:700px){.bookpage.nodates .vp-btn{width:100%}}

.md-loc .loc-addr{display:flex;gap:12px;align-items:flex-start;padding:2px 0 4px}
.md-loc .loc-addr > i{width:38px;height:38px;border-radius:50%;background:#F3F9FA;color:#00728C;display:grid;place-items:center;flex:none}
.md-loc .loc-addr b{display:block;font-size:16px;color:var(--ink)}
.md-loc .loc-addr > div > span{display:block;color:var(--muted);font-size:14px}
.md-loc .loc-acts{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px}
.md-loc .loc-acts button,.md-loc .loc-acts a{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:600 13.5px/1.2 Inter,system-ui,sans-serif;color:#00728C;cursor:pointer;text-decoration:none}
.md-loc .loc-acts button:hover span,.md-loc .loc-acts a:hover{text-decoration:underline}
.md-loc .loc-get{list-style:none;margin:0 0 4px;padding:0;border:1px solid var(--line);border-radius:12px}
.md-loc .loc-get li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #EEF1F2;font-size:14.5px;color:var(--ink)}
.md-loc .loc-get li:last-child{border-bottom:0}
.md-loc .loc-get i{color:#00728C;display:grid}
.md-loc .loc-get em{margin-left:auto;font-style:normal;color:var(--muted);font-size:13.5px;white-space:nowrap}
.md-loc .loc-addr + .xp-eb{margin-top:18px}
.md-loc .loc-get + .xp-eb{margin-top:22px}
@media (min-width:861px){.md-loc{align-items:stretch}.md-loc .md-mapbox{height:auto!important;min-height:320px;align-self:stretch}
 /* fit the whole popup in the window, no scrolling */
 .bookpage #md-map{max-height:94vh}
 .bookpage #md-map .md-h{padding:12px 18px}
 .bookpage #md-map .md-b{padding:14px 18px 16px}
 .md-loc .loc-addr > i{width:34px;height:34px}
 .md-loc .loc-addr b{font-size:15.5px}.md-loc .loc-addr > div > span{font-size:13.5px}
 .md-loc .loc-acts{margin-top:5px}
 .md-loc .loc-addr + .xp-eb{margin-top:12px}
 .md-loc .loc-get li{padding:8px 12px;font-size:14px}
 .md-loc .loc-get + .xp-eb{margin-top:14px}
 .bookpage #md-map .xp-eb{margin-bottom:8px}
 .bookpage #md-map .xp-near img{aspect-ratio:auto;height:clamp(84px,calc((94vh - 400px) / 2 - 44px),150px)}
 .bookpage #md-map .xp-near b{margin-top:5px;font-size:13.5px}
 .bookpage #md-map .xp-nears{gap:8px 10px}}

/* Photos popup: room between the filter tabs and the photos as they scroll underneath */
.bookpage #md-ph .md-chips{padding:12px 18px 12px!important;border-bottom:1px solid #EEF1F2;position:relative;z-index:1;background:#fff}
.bookpage #md-ph .md-b{padding-top:12px}

/* ===== phones: booking page ===== */
.bookpage .steps em{font-style:normal}.bookpage .steps .st-s,.bookpage .tz .tz-cs,.bookpage .tz .tz-sub{display:none}
@media (max-width:700px){
/* steps: one tidy row */
.bookpage .steps,.ckpage .cksteps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:0 0 16px!important;flex-wrap:nowrap}
.bookpage .steps li,.ckpage .cksteps li{flex-direction:column;justify-content:flex-start;gap:6px!important;position:relative;font-size:12.5px!important;text-align:center;white-space:nowrap}
.ckpage .cksteps li a{flex-direction:column;gap:6px}
.bookpage .steps li + li::before,.ckpage .cksteps li + li::before{position:absolute;top:13px;right:calc(50% + 20px);width:calc(100% - 40px);margin:0!important;height:1.5px;background:#D5DBDE}
.ckpage .cksteps li + li::before{top:15px;right:calc(50% + 22px);width:calc(100% - 44px)}
.ckpage .cksteps li.on::before{background:#1E6B45}
.bookpage .steps .st-l{display:none}.bookpage .steps .st-s{display:inline}
/* room cards: compact, sized like the old site */
.bookpage .rc .gal2{min-height:196px!important;height:196px}
.bookpage .v1 h3{font-size:20px!important;line-height:1.15;max-width:none!important}
.bookpage .v1-b{padding:14px 14px 16px!important}
.bookpage .rleft{font-size:10.5px;padding:3px 8px;margin-bottom:6px}
.bookpage .v1 .ispecs{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:5px 12px;font-size:12.5px!important;margin-top:8px}
.bookpage .v1 .ispecs li{align-items:flex-start;min-width:0;gap:6px}.bookpage .v1 .ispecs svg{flex:none;margin-top:1px;width:14px;height:14px}
.bookpage .v1-grid{gap:10px!important;margin-top:11px!important;padding-top:10px!important}
.bookpage .v1 .lnk2{font-size:13px}
.bookpage .rradio{margin-top:9px;border-radius:11px}
.bookpage .rradio label{padding:8px 10px;gap:9px;font-size:12.5px}
.bookpage .rradio .rt b{font-size:12.5px}.bookpage .rradio .rt small{font-size:11px}.bookpage .rradio .rd{font-size:12.5px}
.bookpage .v1-p{gap:10px!important}
.bookpage .v1-p .pblock{align-items:flex-end!important;text-align:right!important;gap:1px!important}
.bookpage .v1-p .pb-t,.bookpage .v1-p .pb-n,.bookpage .v1-p .pb-i{justify-content:flex-end!important}
.bookpage .v1 .pb-n b{font-size:25px!important}
.bookpage .v1 .pb-n small{font-size:12px}
.bookpage .v1 .pblock .off{font-size:11.5px;padding:3px 8px;margin-right:4px}
.bookpage .v1 .pb-t{font-size:13px}.bookpage .v1 .pb-t s{font-size:13px}.bookpage .v1 .pb-t b{font-size:14.5px!important}
.bookpage .v1 .pb-i{font-size:11.5px!important}
.bookpage .v1-p .btn{width:100%;min-height:44px!important;height:44px;font-size:15px!important}
/* dates + guests: sticky bar at the bottom with Edit */
.bookpage .tz{top:auto!important;bottom:0;border-bottom:0;border-top:1px solid var(--line);background:#fff;backdrop-filter:none;box-shadow:0 -4px 16px rgba(20,25,28,.07);transform:translateY(8px);z-index:70}
.bookpage .tz.show{transform:none}
.bookpage .tz-in{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:1px;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;white-space:nowrap}
.bookpage .tz-in > svg{grid-row:1/3;width:22px;height:22px;color:#00728C}
.bookpage .tz [data-s-range]{grid-column:2;grid-row:1;font-size:15.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.bookpage .tz [data-s-gs]{display:none!important}
.bookpage .tz .tz-sub{display:block!important;grid-column:2;grid-row:2;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.bookpage .tz .tz-dot,.bookpage .tz [data-s-n]{display:none!important}
.bookpage .tz .tz-ch{grid-column:3;grid-row:1/3;margin:0;height:44px;padding:0 22px;border-radius:10px;background:var(--hotel,#008AA8);color:#fff;font-weight:600;font-size:15px}
.bookpage .tz .tz-cl{display:none}.bookpage .tz .tz-cs{display:inline}
.bookpage{padding-bottom:0}.bookpage .bwrap{padding-bottom:28px!important}body:has(.bookpage .tz.show){padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

.bookpage .mh{display:none}
@media (max-width:700px){
.bookpage .bwrap{padding-top:0!important}
/* slim one-line steps */
.bookpage .steps{display:flex!important;justify-content:center;gap:8px!important;margin:0 0 10px!important}
.bookpage .steps li{flex-direction:row!important;gap:6px!important;font-size:12px!important}
.bookpage .steps li + li::before{position:static!important;width:18px!important;height:1.5px;margin:0 2px 0 0!important}
.bookpage .steps span{width:22px;height:22px;font-size:11.5px}
/* hotel block */
.bookpage .mh{display:block;margin:0 calc(-1 * max(20px, env(safe-area-inset-left,0px))) 4px}
.bookpage .mh-gal{position:relative}
.bookpage .mh-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.bookpage .mh-track::-webkit-scrollbar{display:none}
.bookpage .mh-track > button{flex:0 0 100%;scroll-snap-align:start;border:0;padding:0;margin:0;background:#E9EEF0;height:230px;cursor:pointer}
.bookpage .mh-track img{width:100%;height:100%;object-fit:cover;display:block}
.bookpage .mh-more{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#14262E!important;color:#fff;font:600 15px var(--body)}
.bookpage .mh-cnt{position:absolute;right:12px;bottom:12px;background:rgba(20,25,28,.72);color:#fff;font-size:12px;padding:3px 9px;border-radius:999px;font-variant-numeric:tabular-nums;pointer-events:none}
.bookpage .mh-all{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:6px;background:#fff;border:0;border-radius:9px;padding:7px 11px;font:600 12.5px var(--body);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}
.bookpage .mh-in{padding:12px max(20px, env(safe-area-inset-left,0px)) 0;display:flex;flex-direction:column;gap:3px}
.bookpage .mh-n{font:600 24px/1.1 var(--display);margin:0}
.bookpage .mh-r{font-size:13.5px;color:var(--muted)}.bookpage .mh-r b{color:var(--ink)}.bookpage .mh-r .st{color:#E0A100;margin-right:3px}
.bookpage .mh-loc{display:flex;align-items:center;gap:7px;width:100%;margin-top:6px;padding:10px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none;font:400 14px var(--body);color:var(--ink);text-align:left;cursor:pointer}
.bookpage .mh-loc svg{color:#00728C;flex:none}.bookpage .mh-loc span{flex:1;min-width:0}.bookpage .mh-loc em{font-style:normal;font-weight:600;color:#00728C}
.bookpage .sbwrap{display:none!important}
.bookpage .bsearch{margin-top:14px}
}

@media (max-width:700px){
/* steps stay under the header while scrolling the rooms */
.bookpage .steps{position:sticky;top:var(--hh,70px);z-index:40;background:#fff;margin:0 calc(-1 * max(20px, env(safe-area-inset-left,0px))) 0!important;padding:8px 0!important;border-bottom:1px solid transparent;transition:border-color .15s,box-shadow .15s}
.bookpage .steps.stuck{border-bottom-color:var(--line);box-shadow:0 4px 10px rgba(20,25,28,.05)}
/* no dates yet: a soft teal heartbeat on the dates field */
.bookpage form[data-nodates="1"] .field:first-of-type .pk-btn:not(.on){animation:pkBeat 2.6s ease-in-out infinite;border-color:var(--hotel,#008AA8)}
}
@media (min-width:701px){.bookpage form[data-nodates="1"] .field:first-of-type .pk-btn:not(.on){animation:pkBeat 2.6s ease-in-out infinite;border-color:var(--hotel,#008AA8)}}
@keyframes pkBeat{0%,100%{box-shadow:0 0 0 0 rgba(0,138,168,0)}15%{box-shadow:0 0 0 4px rgba(0,138,168,.22)}30%{box-shadow:0 0 0 1px rgba(0,138,168,.08)}45%{box-shadow:0 0 0 4px rgba(0,138,168,.18)}70%{box-shadow:0 0 0 0 rgba(0,138,168,0)}}
@media (prefers-reduced-motion: reduce){.bookpage form[data-nodates="1"] .pk-btn{animation:none!important}}

.bookpage .btrust em{font-style:normal}.bookpage .btrust .st-s{display:none}
@media (max-width:700px){
/* two light-green pills, always on one line */
.bookpage .btrust{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin:12px 0 0!important;font-size:clamp(11px,3.2vw,12.5px)!important}
.bookpage .btrust span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#E9F5EE;color:#17663F;font-weight:600;border-radius:999px;padding:6px 10px 6px 8px;min-width:0}
.bookpage .btrust span::before{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.bookpage .btrust .st-l,.bookpage .btrust .bt3{display:none!important}.bookpage .btrust .st-s{display:inline}
}

@media (max-width:700px){
.bookpage .v1 h3{font-weight:700!important;letter-spacing:-.005em}
.bookpage .v1-p:has(.rleft){display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}
.bookpage .v1-p .rleft{grid-column:1;grid-row:1;align-self:center;margin:0!important;font-size:11px;padding:5px 9px}
.bookpage .v1-p:has(.rleft) .pblock{grid-column:2;grid-row:1}
.bookpage .v1-p:has(.rleft) .btn,.bookpage .v1-p:has(.rleft) .vp-btn{grid-column:1 / -1}
}

@media (max-width:700px){
.bookpage .rc .gal2 .badge{display:none!important}
.bookpage .gal2 .rleft{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;z-index:2;margin:0!important;font-size:12px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.bookpage .gal2 .rleft.two{background:#FFF4E0}
}

@media (max-width:700px){
/* checkout steps: same slim sticky row as the booking page */
.ckpage .cksteps{display:flex!important;justify-content:center;gap:8px!important;position:sticky;top:var(--hh,70px);z-index:40;background:#fff;margin:0 calc(-1 * max(20px, env(safe-area-inset-left,0px))) 12px!important;padding:8px 0!important;border-bottom:1px solid transparent;transition:border-color .15s,box-shadow .15s}
.ckpage .cksteps.stuck{border-bottom-color:var(--line);box-shadow:0 4px 10px rgba(20,25,28,.05)}
.ckpage .cksteps li,.ckpage .cksteps li a{flex-direction:row!important;gap:6px!important;font-size:12px!important;white-space:nowrap}
.ckpage .cksteps li + li::before{position:static!important;width:18px!important;height:1.5px;margin:0 2px 0 0!important}
.ckpage .cksteps i{width:22px!important;height:22px!important;font-size:11.5px!important}
.ckpage .cksteps i svg{width:12px;height:12px}
.ckpage .ckh1{margin-top:4px}
.ckpage{padding-top:0!important;padding-bottom:36px!important}
}

@media (max-width:700px){
/* room cards: a little tighter and shorter */
.bookpage .rlist{gap:12px!important}
.bookpage .rc .gal2{min-height:176px!important;height:176px}
.bookpage .v1-b{padding:12px 14px 14px!important}
.bookpage .v1 h3{font-size:21px!important}
.bookpage .v1 .ispecs{gap:3px 12px!important;margin-top:6px!important}
.bookpage .v1-grid{gap:8px!important;margin-top:9px!important;padding-top:8px!important}
.bookpage .rradio{margin-top:7px!important}
.bookpage .rradio label{padding:7px 10px!important}
.bookpage .v1-p{gap:8px!important}
.bookpage .v1 .pb-n b{font-size:24px!important}
.bookpage .v1-p .btn{min-height:42px!important;height:42px}
}

@media (max-width:700px){
/* sticky dates bar: a touch smaller, lighter second line */
.bookpage .tz-in{column-gap:10px!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important}
.bookpage .tz-in > svg{width:20px!important;height:20px!important}
.bookpage .tz [data-s-range]{font-size:14.5px!important;font-weight:700}
.bookpage .tz .tz-sub{font-size:12.5px!important;font-weight:400!important;color:var(--muted)!important}
.bookpage .tz .tz-ch{height:40px!important;padding:0 20px!important;font-size:14px!important;border-radius:9px!important}
}

.bookpage .dmh,.bookpage .dhi,.bookpage .drv{display:none}
@media (min-width:701px){
.bookpage .rc .gal2 .badge{display:none!important}
.bookpage .gal2 .rleft{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;z-index:2;margin:0!important;font-size:12px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.bookpage [data-card].has-left .v1-b > h3{padding-right:0!important}
.bookpage .v1 h3{font-weight:700}
/* photo mosaic */
.bookpage .dmh{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:clamp(110px,11.5vw,150px) clamp(110px,11.5vw,150px);gap:8px;border-radius:16px;overflow:hidden;position:relative;margin:2px 0 0}
.bookpage .dmh button{border:0;padding:0;margin:0;cursor:pointer;background:#E9EEF0;overflow:hidden;position:relative}
.bookpage .dmh button:first-child{grid-row:1/3}
.bookpage .dmh img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.bookpage .dmh button:hover img{transform:scale(1.03)}
.bookpage .dmh .dall{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:7px;background:#fff;border:0;border-radius:9px;padding:8px 13px;font:600 13px var(--body);color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.16);cursor:pointer}
/* name, rating, location */
.bookpage .dhi{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 0 2px}
.bookpage .dhi + * , .bookpage .dhi ~ form.bsearch{margin-top:16px!important}
.bookpage .dhi h2{margin:0;font:600 34px/1.05 var(--display)}
.bookpage .dhi .dhr{display:block;font-size:14px;color:var(--muted);margin-top:4px}.bookpage .dhi .dhr b{color:var(--ink)}.bookpage .dhi .st{color:#E0A100;margin-right:4px}
.bookpage .dhi .loc{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;font:400 14px var(--body);color:var(--ink);cursor:pointer;white-space:nowrap}
.bookpage .dhi .loc svg{color:#00728C}.bookpage .dhi .loc em{font-style:normal;font-weight:600;color:#00728C;margin-left:8px}
.bookpage .dhi .loc:hover em{text-decoration:underline}
/* perks as green pills */
.bookpage .btrust{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:12px 0 0!important;font-size:12.5px!important}
.bookpage .btrust span{display:inline-flex;align-items:center;gap:5px;background:#E9F5EE;color:#17663F;font-weight:600;border-radius:999px;padding:6px 11px 6px 9px}
.bookpage .btrust span::before{content:"✓"!important;color:#17663F!important}
/* right column: reviews card + call card (replaces the photo card) */
.bookpage .sbwrap .sb-card.sb-old,.bookpage .sbwrap .sb-call{display:none!important}
.bookpage .drv{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;box-shadow:0 6px 20px rgba(20,25,28,.05)}
.bookpage .drv-t{font:700 21px/1.15 var(--display);color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--line);margin:0}
.bookpage .drv-s{display:flex;align-items:center;gap:11px}
.bookpage .drv-s .n{width:40px;height:40px;border-radius:9px;background:var(--hotel);color:#fff;font-size:16px;font-weight:700;display:grid;place-items:center;flex:none}
.bookpage .drv-s b{display:block;font-size:16px}.bookpage .drv-s small .drv-st{font-style:normal;color:#E0A100;font-size:14px;margin-right:5px}.bookpage .drv-s small{font-size:13px;color:var(--muted)}
.bookpage .drv-bars{display:flex;flex-direction:column;gap:7px}.bookpage .drv-bars div{display:grid;grid-template-columns:72px 1fr 28px;align-items:center;gap:8px;font-size:12.5px;color:#3A4246}
.bookpage .drv-bars i{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--hotel) var(--w),#E4E8EA var(--w))}.bookpage .drv-bars b{text-align:right}
.bookpage .drv-m{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.bookpage .drv-m .sb-map{margin:0;height:100px}
.bookpage .drv-m small{font-size:12.5px;color:var(--muted);line-height:1.4}
.bookpage .drv-c{display:flex;align-items:center;gap:12px;border-radius:16px;padding:14px 16px;background:#F3F8F9;border:1px solid #DCEBEF;text-decoration:none;color:var(--ink);margin-top:12px}
.bookpage .drv-c small{display:block;font-size:12px;color:var(--muted)}.bookpage .drv-c b{display:block;font-size:17px;line-height:1.2}.bookpage .drv-c em{font-style:normal;font-size:12px;color:#17663F;font-weight:600}
.bookpage .drv-c .ci{width:42px;height:42px;border-radius:50%;background:#fff;color:#00728C;display:grid;place-items:center;position:relative;flex:none;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.bookpage .drv-c .ci i{position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#22C55E;border:2px solid #fff;animation:mbLive 2.6s ease-out infinite}
}
@media (min-width:701px) and (max-width:1000px){.bookpage .drv{order:-1}.bookpage .dhi{flex-direction:column;align-items:flex-start;gap:8px}}

.bookpage .tz .xsteps,.bookpage .tz .xdiv{display:none}
@media (min-width:701px){
.bookpage .tz .tz-in{justify-content:flex-end;padding:8px 20px!important}
.bookpage .tz .xsteps{display:flex;align-items:center;gap:8px;list-style:none;margin:0 auto 0 0;padding:0;font-size:13px;color:#586166}
.bookpage .tz .xsteps li{display:flex;align-items:center;gap:6px;white-space:nowrap}
.bookpage .tz .xsteps li+li::before{content:"";width:22px;height:1px;background:#CFD6D9;margin-right:2px}
.bookpage .tz .xsteps i{font-style:normal;width:20px;height:20px;border-radius:50%;border:1px solid #CFD6D9;display:grid;place-items:center;font-size:11px;font-weight:600}
.bookpage .tz .xsteps .on{color:var(--ink);font-weight:600}.bookpage .tz .xsteps .on i{background:var(--hotel);border-color:var(--hotel);color:#fff}
.bookpage .tz .xdiv{display:block;width:1px;height:20px;background:var(--line);margin:0 14px;flex:none}
.bookpage .tz .tz-ch{border:1px solid var(--hotel)!important;border-radius:8px;padding:5px 12px!important;margin-left:12px!important}
.bookpage .tz .tz-ch:hover{background:#E3F1F4}
}
@media (min-width:701px) and (max-width:900px){.bookpage .tz .xsteps li:not(.on){display:none}}

@media (min-width:701px){
.bookpage .tz .tz-in > :not(.xsteps){transition:opacity .2s,transform .2s}
.bookpage .tz:not(.wd) .tz-in > :not(.xsteps){opacity:0;transform:translateY(-4px);pointer-events:none}
}

/* desktop: one-time "what you see is what you pay" bubble above the first room's nightly rate */
.wys{display:none}
@media (min-width:701px){
.bookpage .v1-p{position:relative}
.wys{display:block;position:absolute;right:-8px;width:auto;max-width:280px;text-align:left;background:#fff;color:var(--ink,#16191d);border:1px solid #e3e6ea;border-radius:11px;padding:9px 30px 10px 12px;font-size:12px;line-height:1.4;box-shadow:0 12px 30px rgba(10,30,40,.18);z-index:6;opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none;transform:translateY(8px)}
.wys.in{opacity:1;transform:none;pointer-events:auto}
.wys:after{content:"";position:absolute;left:var(--ax,200px);bottom:-7px;width:13px;height:13px;transform:rotate(45deg);background:#fff;border-right:1px solid #e3e6ea;border-bottom:1px solid #e3e6ea}
.wys b{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:700;margin-bottom:2px;white-space:nowrap}
.wys b i{width:16px;height:16px;border-radius:50%;background:#2c6b45;color:#fff;display:grid;place-items:center;flex:none}
.wys span{display:block;color:var(--muted,#5f6670)}
.wys button{position:absolute;top:6px;right:6px;width:22px;height:22px;border:0;background:none;color:#8a9199;cursor:pointer;border-radius:6px;display:grid;place-items:center;padding:0}
.wys button:hover{background:#f1f3f5;color:#333}
}

/* phones: hotel reviews as a full-width tinted band (clearly its own section, not a room) */
.mrv{display:none}
@media (max-width:700px){
.bookpage .mrv{display:block;margin:28px -20px 4px;background:#F2F8F9;padding:22px 20px 22px;border-top:1px solid #DDECEF;border-bottom:1px solid #DDECEF}
.mrv-eb{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00728C;margin:0}
.mrv-t{font:600 23px/1.15 var(--display);color:var(--ink);margin:4px 0 14px}
.mrv-s{display:flex;align-items:center;gap:12px}
.mrv-s .n{width:46px;height:46px;border-radius:11px;background:var(--hotel);color:#fff;font:700 17px var(--body);display:grid;place-items:center;flex:none}
.mrv-s b{display:block;font-size:16.5px;line-height:1.2}
.mrv-s small{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);margin-top:2px}
.mrv-s small i{font-style:normal;color:#E0A100;font-size:14px}
.mrv-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:16px}
.mrv-bars div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;font-size:13px;color:#3A4246}
.mrv-bars b{font-size:13px;color:var(--ink)}
.mrv-bars i{grid-column:1/-1;height:5px;border-radius:99px;background:#D7E6EA;position:relative;overflow:hidden}
.mrv-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--hotel);border-radius:99px}
.mrv-q{margin:16px 0 0;background:#fff;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;color:#3A4246;font-style:italic}
.mrv-q span{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:5px}
}

/* "What guests say": 3 highlight cards. Phones: swipe row inside the reviews band. Desktop: row of 3 under the rooms. */
.gsay h4{margin:0 0 10px;font-size:14.5px;font-weight:700;color:var(--ink)}
.gsay-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gsay-q{background:#F6F8F9;border-radius:12px;padding:15px 16px;font-size:14px;line-height:1.5;color:#2f3539}
.gsay-q b{display:flex;align-items:center;gap:6px;font-size:13px;color:#00728C;margin-bottom:5px}
.gsay-q small{display:block;color:var(--muted);font-size:12px;margin-top:7px}
.bookpage .gsay-d{margin:30px 0 4px}
.bookpage .gsay-d .eb{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#00728C;margin:0}
.bookpage .gsay-d h3{font:600 30px/1.15 var(--display);margin:4px 0 14px;color:var(--ink)}
.bookpage .mrv .gsay{display:none}
@media (max-width:700px){
.bookpage .gsay-d{display:none}
.bookpage .mrv .gsay{display:block;margin-top:18px}
.bookpage .mrv .gsay-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px;padding:0 20px 2px;scroll-padding:0 20px}
.bookpage .mrv .gsay-row::-webkit-scrollbar{display:none}
.bookpage .mrv .gsay-q{flex:0 0 78%;scroll-snap-align:start;background:#fff;border:1px solid #E1ECEF;padding:13px 14px;font-size:13.5px}
.bookpage .mrv .gsay-q:last-child{margin-right:20px}
}
.ckpage .ckf[hidden]{display:none}
.ckpage .ckf select[hidden],.ckpage .ckf input[hidden]{display:none}
.ckpage .ckf select:invalid{color:#9AA4A8}
.ckpage .ckf select option{color:var(--ink)}
.ckpage .cc{position:relative}
.ckpage .cc-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:1px solid #CFD6D9;border-radius:10px;background:#fff;font:inherit;font-size:15.5px;color:var(--ink);cursor:pointer}
.ckpage .cc-btn svg{color:var(--muted)}
.ckpage .cc-btn[aria-expanded=true]{border-color:var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.ckpage .cc-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:min(340px,86vw);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(20,25,28,.16);overflow:hidden}
.ckpage .cc-pop[hidden]{display:none}
.ckpage .cc-s{display:block;box-sizing:border-box;width:calc(100% - 20px);margin:10px;height:44px;border:1px solid #CFD6D9;border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.ckpage .cc-s:focus{outline:none;border-color:var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.ckpage .cc-list{list-style:none;margin:0;padding:4px 0;max-height:300px;overflow:auto;border-top:1px solid var(--line)}
.ckpage .cc-list li[role=option]{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:15px;cursor:pointer}
.ckpage .cc-list li[role=option][hidden]{display:none}
.ckpage .cc-list li[role=option]:hover,.ckpage .cc-list li[role=option]:focus{background:var(--panel);outline:none}
.ckpage .cc-list li[aria-selected=true]{background:var(--hotel-tint)}
.ckpage .cc-n{flex:1}
.ckpage .cc-c{color:var(--muted);font-variant-numeric:tabular-nums}
.ckpage .cc-sep{height:1px;background:var(--line);margin:4px 0}
.ckpage .cc-sep[hidden]{display:none}
.ckpage .cc-none{margin:0;padding:12px 16px;color:var(--muted);font-size:14px}
.ckpage .cc-none[hidden]{display:none}
.ckpage .cklogos i[hidden]{display:none}
.ckpage{max-width:1180px;margin:0 auto;padding:26px 20px 140px}
.ckpage .ckv[hidden]{display:none}
.ckpage .cksteps{list-style:none;margin:0 0 22px;padding:0;display:flex;gap:12px;align-items:center;font-size:15px;color:var(--muted);flex-wrap:wrap}
.ckpage .cksteps li{display:flex;align-items:center;gap:9px}
.ckpage .cksteps li + li::before{content:"";width:36px;height:1px;background:#CFD6D9;margin-right:2px}
.ckpage .cksteps i{font-style:normal;width:30px;height:30px;border-radius:50%;border:1px solid #CFD6D9;display:grid;place-items:center;font-size:13.5px;font-weight:600;background:#fff}
.ckpage .cksteps .done i{background:#1E6B45;border-color:#1E6B45;color:#fff}
.ckpage .cksteps .on{color:var(--ink);font-weight:600}
.ckpage .cksteps .on i{background:var(--hotel);border-color:var(--hotel);color:#fff}
.ckpage .ckh1{font-size:clamp(30px,3.6vw,40px);margin:8px 0 18px}
.ckpage .ckwrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:start}
.ckpage .ckmain{display:flex;flex-direction:column;gap:16px;min-width:0}
.ckpage .ckcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.ckpage .ckcard h3{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 16px}
.ckpage .ckcard h3 > i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--hotel);color:#fff;display:grid;place-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:700}
.ckpage .ckgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.ckpage .ckf{display:flex;flex-direction:column;gap:6px;min-width:0}
.ckpage .ckf.wide{grid-column:1/-1}
.ckpage .ckf > span:first-child{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3A4246}
.ckpage .ckf-row{display:flex;justify-content:space-between;align-items:center}
.ckpage .ckf input,.ckpage .ckf select,.ckpage .ckpromo-f input{height:50px;border:1px solid #CFD6D9;border-radius:10px;padding:0 14px;font:inherit;font-size:15.5px;color:var(--ink);background:#fff;width:100%;min-width:0}
.ckpage .ckf input:focus,.ckpage .ckf select:focus{outline:none;border-color:var(--hotel);box-shadow:0 0 0 3px var(--hotel-tint)}
.ckpage .ckf small{font-size:13px;color:var(--muted)}
.ckpage .ck-err{display:none;font-style:normal;font-size:12.5px;color:#B42318}
.ckpage .ckf.bad input{border-color:#B42318}
.ckpage .ckf.bad .ck-err{display:block}
.ckpage .ckphone{display:grid;grid-template-columns:120px 1fr;gap:10px}
.ckpage .ckcc{position:relative;display:block}
.ckpage .ckcc input{padding-left:44px!important}
.ckpage .ckcc svg{position:absolute;left:14px;top:15px;color:var(--muted)}
.ckpage .cklogos{display:flex;gap:5px;text-transform:none;letter-spacing:0}
.ckpage .cklogos i{font-style:normal;height:24px;min-width:38px;padding:0 5px;border-radius:4px;display:grid;place-items:center;font-size:9.5px;font-weight:800;border:1px solid var(--line)}
.ckpage .cklogos .v{background:#1A1F71;color:#fff;border-color:#1A1F71;font-style:italic;font-size:11px}
.ckpage .cklogos .m{display:flex;align-items:center;justify-content:center;gap:0}
.ckpage .cklogos .m b{width:13px;height:13px;border-radius:50%;background:#EB001B}
.ckpage .cklogos .m b + b{background:#F79E1B;margin-left:-5px;opacity:.9}
.ckpage .cklogos .a{background:#2E77BC;color:#fff;border-color:#2E77BC}
.ckpage .cklogos .d{font-size:7.5px;color:#222}
.ckpage .cksub,.ckpage .cksub2{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);margin:-8px 0 16px}
.ckpage .cksub2{margin:0 0 0 auto;font-family:Inter,sans-serif;font-weight:500}
.ckpage .c2-bill{margin-top:14px}
.ckpage .ckdev{margin:12px 0 0;font-size:12.5px;color:#8A6D00;background:#FFF7E0;border:1px solid #F0DCA0;border-radius:8px;padding:6px 10px}
.ckpage .cklegal{margin:4px 0 0;font-size:13.5px;line-height:1.6;color:var(--muted)}
.ckpage .cklegal a{color:#00728C}
.ckpage .ckgo{width:100%;min-height:56px;font-size:16.5px}
.ckpage .cktrust{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;font-size:14px;color:#3A4246}
.ckpage .cktrust span{display:flex;align-items:center;gap:7px}
.ckpage .cktrust svg{color:#00728C}
.ckpage .ckside{position:sticky;top:96px}
.ckpage .cksum{padding:0;overflow:hidden}
.ckpage .ckgal{height:220px;min-height:0;border-radius:0}
.ckpage .cksum-b{padding:18px 20px 20px}
.ckpage .cksum h4{font-size:22px;line-height:1.15;margin:0 0 6px}
.ckpage .ckmeta{display:block;font-size:14.5px}
.ckpage .ckmeta2{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.ckpage .cklab{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C;margin:16px 0 6px}
.ckpage .ckrow{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:14.5px;color:#3A4246}
.ckpage .ckrow s,.ckpage .cktot s{color:var(--muted);margin-right:4px}
.ckpage .ckinc{color:#1E6B45;font-weight:600}
.ckpage .cktot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:10px;padding-top:12px;font-family:var(--display,"Cormorant Garamond",serif);font-size:21px}
.ckpage .cktot b{font-family:Inter,sans-serif;font-size:28px;font-weight:700}
.ckpage .cksave{text-align:right;color:#1E6B45;font-weight:600;font-size:14px;margin-top:2px}
.ckpage .ckpromo{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;margin-top:14px;font:inherit;font-weight:600;color:#00728C;cursor:pointer}
.ckpage .ckpromo-f{display:flex;gap:8px;margin-top:8px}
.ckpage .ckpromo-f[hidden]{display:none}
.ckpage .ckpromo-f input{height:42px}
.ckpage .ckpromo-f .btn{min-height:42px}
.ckpage .cknote{font-size:13px;color:var(--muted);line-height:1.55;margin:12px 0 0;padding-bottom:6px;border-bottom:1px solid var(--line)}
.ckpage .ckacc{border-bottom:1px solid var(--line);padding:0;background:none;border-radius:0;border-left:0;border-right:0;border-top:0}
.ckpage .ckacc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-weight:600;color:#00728C;cursor:pointer;font-size:15px}
.ckpage .ckacc summary::after{content:none!important}
.ckpage .ckacc summary::-webkit-details-marker{display:none}
.ckpage .ckacc .chv{transition:transform .2s}
.ckpage .ckacc[open] .chv{transform:rotate(180deg)}
.ckpage .ckacc p{font-size:13.5px;color:#3A4246;line-height:1.6;margin:0 0 12px}
.ckpage .c1-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#14191C;color:#fff;border-radius:18px;padding:22px 28px;margin-bottom:22px}
.ckpage .c1-banner h2{font-size:clamp(28px,3.4vw,40px);margin:0}
.ckpage .c1-r{display:flex;align-items:center;gap:3px;color:#C9D0D3;font-size:14.5px;margin-top:4px}
.ckpage .c1-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ckpage .c1-tags span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}
.ckpage .c1-tags span::before{content:"• ";color:#7FD3E4}
.ckpage .c1-call{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;border-left:1px solid rgba(255,255,255,.18);padding-left:26px}
.ckpage .c1-call small{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7FD3E4}
.ckpage .c1-call b{font-size:30px}
.ckpage .c1-call i{font-style:normal;font-size:13.5px;color:#C9D0D3}
.ckpage .c1-call i::before{content:"● ";color:#4CC38A}
.ckpage .c1-hold{display:flex;gap:12px;align-items:flex-start;background:var(--hotel-tint);padding:14px 18px}
.ckpage .c1-hold svg{color:#00728C;flex:none;margin-top:2px}
.ckpage .c1-hold b{display:block;font-size:15.5px}
.ckpage .c1-hold span{font-size:13.5px;color:#3A4246}
.ckpage .c1-hold em{font-style:normal;color:#1E6B45;font-weight:700}
.ckpage .c2-form{display:flex;flex-direction:column;gap:16px}
.ckpage .c2-h{font-size:22px!important;margin:4px 0 0!important;display:flex;align-items:center}
.ckpage .c2-perk{display:flex;gap:12px;align-items:flex-start;background:var(--hotel-tint);border-radius:12px;padding:12px 14px}
.ckpage .c2-perk svg{color:#00728C;flex:none;margin-top:2px}
.ckpage .c2-perk b{display:block;font-size:14.5px}
.ckpage .c2-perk span{font-size:13.5px;color:#3A4246}
.ckpage .c2-perk a{color:#00728C;font-weight:600;white-space:nowrap}
.ckpage .s2{padding:0}
.ckpage .s2-in{padding:12px 18px 14px}
.ckpage .s2-hold{display:flex;align-items:center;gap:8px;background:var(--hotel-tint);padding:8px 14px;font-size:13px;color:#3A4246}
.ckpage .s2-hold svg{width:16px;height:16px;color:#00728C;flex:none}
.ckpage .s2-hold b{color:var(--ink)}
.ckpage .bookpage .s2 .ckgal{height:170px;min-height:0}
.ckpage .s2 h4.s2-room{font-size:19px;margin:0 0 10px;line-height:1.2;font-weight:500}
.ckpage .s2 .s2-stay div{padding:7px 11px}
.ckpage .s2 .s2-stay b{font-size:14px}
.ckpage .s2-tbl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:10px 0 0;font-size:14px}
.ckpage .s2-tbl dt{color:var(--muted)}
.ckpage .s2-tbl dd{margin:0;text-align:right;color:#586166}
.ckpage .s2-tbl dd.ckinc{color:#1E6B45}
.ckpage .s2-tbl s{color:var(--muted);margin-right:4px}
.ckpage .s2-g{color:#1E6B45}
.ckpage .s2 .s2-rate{margin-bottom:4px}
.ckpage .s2 .ckrow{padding:3px 0;font-size:14px}
.ckpage .s2 .cktot{margin-top:6px;padding-top:9px}
.ckpage .s2 .s2-save{padding:6px 10px;font-size:13.5px;margin:8px 0 4px}
.ckpage .s2 .ckacc summary{padding:10px 0;font-size:14.5px}
.ckpage .s2 .cktot{font-size:18px;align-items:center}
.ckpage .s2 .cktot b{font-size:19px;font-weight:600}
.ckpage .s2 .cktot s{font-family:Inter,sans-serif;font-size:14px}
.ckpage .s2-top{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.ckpage .s2-top img{width:84px;height:84px;border-radius:10px;object-fit:cover;background:#E9EEF0;flex:none}
.ckpage .s2-h{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C}
.ckpage .s2 h4{font-size:20px;margin:2px 0}
.ckpage .s2-stay{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px}
.ckpage .s2-stay div{display:flex;flex-direction:column;padding:9px 12px}
.ckpage .s2-stay div + div{border-left:1px solid var(--line)}
.ckpage .s2-stay small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ckpage .s2-stay b{font-size:15px}
.ckpage .s2-stay i{font-style:normal;font-size:12.5px;color:var(--muted)}
.ckpage .s2-line{display:flex;justify-content:space-between;align-items:center;margin:10px 0 12px;font-size:14px}
.ckpage .cklink{display:inline-flex;align-items:center;gap:5px;color:#00728C;font-weight:600;text-decoration:none}
.ckpage .s2-rate{display:flex;gap:8px;align-items:center;font-size:13.5px;color:#1E6B45;margin-bottom:8px}
.ckpage .s2-badge{background:var(--panel);color:#3A4246;font-weight:600;border-radius:6px;padding:3px 8px}
.ckpage .s2-save{display:flex;align-items:center;gap:7px;background:#E3F4EA;color:#17663F;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600;margin:10px 0 6px}
.ckpage .s2-hotel{font-size:13.5px;color:var(--muted)}
.ckpage .c3s{padding:0;overflow:hidden}
.ckpage .c3h{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:18px 22px;text-align:left;font:inherit;cursor:pointer}
.ckpage .c3h > i{font-style:normal;width:32px;height:32px;border-radius:50%;border:1px solid #CFD6D9;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.ckpage .c3s.open .c3h > i{background:var(--hotel);border-color:var(--hotel);color:#fff}
.ckpage .c3h > span{display:flex;flex-direction:column;font-family:var(--display,"Cormorant Garamond",serif);font-size:22px;font-weight:600;flex:1}
.ckpage .c3h small{display:flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:400;color:var(--muted)}
.ckpage .c3h .c3done,.ckpage .c3h .c3edit{display:none}
.ckpage .c3s.ok .c3h .c3done{display:grid;place-items:center;font-style:normal;width:24px;height:24px;border-radius:50%;background:#1E6B45;color:#fff}
.ckpage .c3s.ok:not(.open) .c3h .c3edit{display:block;flex:none;font-family:Inter,sans-serif;color:#00728C;font-weight:600;font-size:14px}
.ckpage .c3b{display:none;padding:0 22px 22px;flex-direction:column;gap:16px}
.ckpage .c3s.open .c3b{display:flex}
.ckpage .c3s:not(.open){opacity:.85}
.ckpage .c3next{min-height:52px}
.ckpage .c3-incl{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.ckpage .c3-incl b{font-size:15px}
.ckpage .c3-incl ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}
.ckpage .c3-incl li{display:flex;gap:7px;align-items:center}
.ckpage .c3-incl svg{color:#00A3C4}
.ckpage .c3bar{display:none}
@media (max-width:980px){.ckpage .c3bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.ckpage .c3bar small{display:block;font-size:12px;color:var(--muted)}
.ckpage .c3bar b{font-size:20px;margin-right:6px}
.ckpage .c3bar s{color:var(--muted);font-size:13px}
.ckpage .c3bar .btn{min-width:150px}}
.ckpage .ckpop{border:0;padding:30px 34px 26px;border-radius:20px;width:min(480px,92vw);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.ckpage .ckpop::backdrop{background:rgba(10,14,16,.6);backdrop-filter:blur(3px)}
.ckpage .ckx{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:transparent;font-size:26px;color:var(--muted);cursor:pointer}
.ckpage .ckpop h2{font-size:30px;margin:12px 0 8px}
.ckpage .ckpop p{font-size:15.5px;line-height:1.55;color:#3A4246;margin:0 0 18px}
.ckpage .ckpop p em{font-style:normal;color:#00728C;font-weight:700}
.ckpage .p1-rib{position:absolute;top:22px;left:-36px;transform:rotate(-45deg);background:#1E6B45;color:#fff;font-weight:800;font-size:13px;letter-spacing:.06em;padding:6px 44px}
.ckpage .p1-ic{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--hotel-tint);color:#00728C}
.ckpage .p1-bar{text-align:left;margin-bottom:14px}
.ckpage .p1-bar div{display:flex;justify-content:space-between;font-size:15px;margin-bottom:6px;color:#3A4246}
.ckpage .p1-bar i{display:block;height:12px;border-radius:999px;background:#EEF2F3;position:relative;overflow:hidden}
.ckpage .p1-bar i::after{content:"";position:absolute;inset:0;width:var(--w);background:#C5CDD0;border-radius:999px}
.ckpage .p1-bar.you div{color:#1E6B45;font-weight:600}
.ckpage .p1-bar.you i::after{background:linear-gradient(90deg,#00A3C4,#008AA8)}
.ckpage .p1-hold{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 18px;margin:6px 0 16px;font-size:15px}
.ckpage .p1-hold svg{color:#00728C}
.ckpage .p1-sec{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:14px;color:#1E6B45;font-weight:600}
.ckpage .p2{text-align:center}
.ckpage .p2 .p2-top{text-align:left}
.ckpage .p2-room{display:block;font-family:var(--display,'Cormorant Garamond',serif);font-size:23px;font-weight:600;line-height:1.15;margin-top:2px}
.ckpage .p2 .p2-them b{color:#3A4246;font-weight:600}
.ckpage .p2-eb{display:block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00728C;margin-top:6px}
.ckpage .p2 h2{font-size:28px!important;margin:4px 0 16px!important}
.ckpage .p2-cmp div{text-align:left}
.ckpage .p2-save{margin:12px 0 18px!important}
.ckpage .p2-top{display:flex;gap:14px;align-items:center;margin-bottom:16px;padding-right:24px}
.ckpage .p2-top img{width:86px;height:86px;border-radius:12px;object-fit:cover;background:#E9EEF0;flex:none}
.ckpage .p2-top span{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00728C}
.ckpage .p2 h2{font-size:23px;margin:2px 0;line-height:1.15}
.ckpage .p2-top small{font-size:13.5px;color:var(--muted)}
.ckpage .p2-cmp{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ckpage .p2-cmp div{padding:12px 14px;display:flex;flex-direction:column}
.ckpage .p2-cmp small{font-size:12.5px;color:var(--muted)}
.ckpage .p2-us{background:var(--hotel-tint)}
.ckpage .p2-us b{font-size:26px}
.ckpage .p2-them b{font-size:20px;color:var(--muted);font-weight:500}
.ckpage .p2-save{margin:10px 0 14px;font-weight:700;color:#1E6B45;font-size:15px}
.ckpage .p2-inc{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14.5px}
.ckpage .p2-inc li{display:flex;gap:8px;align-items:center}
.ckpage .p2-inc svg{color:#00A3C4}
.ckpage .p2-call{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;color:#00728C;font-weight:600;text-decoration:none}
.ckpage .p3{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px 12px 14px;box-shadow:0 18px 50px rgba(20,25,28,.22);width:min(620px,94vw);animation:p3in .3s ease}
.ckpage .p3[hidden]{display:none}
@keyframes p3in{from{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.ckpage .p3-ic{width:44px;height:44px;border-radius:50%;background:#E3F4EA;color:#17663F;display:grid;place-items:center;flex:none}
.ckpage .p3 > div{flex:1;display:flex;flex-direction:column;font-size:14px;color:#3A4246}
.ckpage .p3 b{font-size:15.5px;color:var(--ink)}
.ckpage .p3 s{color:var(--muted)}
.ckpage .p3 .btn{min-height:42px;padding:0 18px}
.ckpage .p3x{position:static;width:32px;height:32px;font-size:22px}
@media (max-width:980px){.ckpage .ckwrap{grid-template-columns:1fr}
.ckpage .ckside{position:static;order:-1}
.ckpage .c1-banner{flex-direction:column;align-items:flex-start}
.ckpage .c1-call{border:0;padding:0;align-items:flex-start}}
@media (max-width:640px){.ckpage .ckgrid{grid-template-columns:1fr}
.ckpage .ckcard{padding:18px}
.ckpage .c3-incl ul{grid-template-columns:1fr}
.ckpage .cktrust{justify-content:flex-start}}
.ckpage .ckf .cc-pop{width:300px;padding:8px;border-radius:12px}
.ckpage .ckf .cc-pop .cc-s{display:block;width:100%;margin:0 0 6px;height:38px;padding:0 10px;font-size:14px;border-radius:8px;box-sizing:border-box}
.ckpage .ckf .cc-list{max-height:260px;padding:4px 0 0;margin:0 -8px;border-top:1px solid var(--line)}
.ckpage .ckf .cc-list li[role=option]{gap:10px;padding:7px 14px;font-size:14px;line-height:1.3}
.ckpage .ckf .cc-f{font-size:17px;width:20px;text-align:center;line-height:1}
.ckpage .ckf .cc-sep{margin:4px 14px}
.ckpage .ckf .cc-btn{gap:6px;font-size:15px}
.ckpage .exp-wrap{position:relative;display:block}
.ckpage .exp-ghost{position:absolute;left:15px;top:0;height:50px;display:flex;align-items:center;font-size:15.5px;color:#B7BFC2;pointer-events:none;white-space:pre}
.ckpage .exp-ghost i{font-style:normal;visibility:hidden}
.ckpage input::placeholder{color:#B7BFC2;opacity:1}
.ckpage .ckpop.p2{padding:22px 24px 22px;width:min(440px,92vw);text-align:left}
.ckpage .p2 .p2-top{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding-right:30px}
.ckpage .p2 .p2-top img{width:64px;height:64px;border-radius:10px}
.ckpage .p2 .p2-top span{font-size:11.5px}
.ckpage .p2 .p2-room{font-size:19px;line-height:1.2;margin:1px 0 2px}
.ckpage .p2 .p2-top small{font-size:13px;color:var(--muted)}
.ckpage .p2 h2{font-size:24px!important;margin:0 0 12px!important;text-align:left}
.ckpage .p2 .p2-cmp{grid-template-columns:1fr 1fr}
.ckpage .p2 .p2-cmp div{padding:10px 14px}
.ckpage .p2 .p2-us b,.ckpage .p2 .p2-them b{font-size:24px;line-height:1.2;font-weight:700}
.ckpage .p2 .p2-them b{color:#586166}
.ckpage .p2 .p2-save{text-align:left;margin:10px 0 14px!important;font-size:14.5px}
.ckpage .p2 .ckgo{min-height:50px}
.ckpage .p2 .ckx{top:10px;right:10px}
.ckpage .ckpop.p2{text-align:center!important;padding:26px 26px 22px!important}
.ckpage .p2 .p2-top{flex-direction:column;gap:8px!important;padding:0!important;text-align:center!important;margin-bottom:14px!important}
.ckpage .p2 .p2-top img{width:84px!important;height:84px!important;border-radius:12px}
.ckpage .p2 h2{text-align:center!important}
.ckpage .p2 .p2-cmp div{text-align:center!important;align-items:center}
.ckpage .p2 .p2-save{text-align:center!important}
.ckpage .ckpop.p2{padding:0 22px 20px!important;width:min(420px,92vw)!important}
.ckpage .p2 .p2-top{gap:0!important;margin:0 -22px 12px!important}
.ckpage .p2 .p2-top img{width:100%!important;height:140px!important;border-radius:0!important;object-fit:cover;margin-bottom:12px}
.ckpage .p2 .p2-top span{font-size:11px!important;letter-spacing:.14em}
.ckpage .p2 .p2-room{font-size:20px!important;margin:2px 0 1px!important}
.ckpage .p2 .p2-top small{font-size:12.5px!important}
.ckpage .p2 h2{font-size:22px!important;margin:0 0 10px!important}
.ckpage .p2 .p2-cmp div{padding:8px 10px!important}
.ckpage .p2 .p2-cmp small{font-size:12px}
.ckpage .p2 .p2-us b,.ckpage .p2 .p2-them b{font-size:22px!important}
.ckpage .p2 .p2-save{margin:8px 0 12px!important;font-size:14px!important}
.ckpage .p2 .ckgo{min-height:46px!important;font-size:15.5px}
.ckpage .p2 .ckx{top:10px!important;right:10px!important;width:32px;height:32px;font-size:20px;background:rgba(255,255,255,.92);color:var(--ink);z-index:2}
.ckpage .p2 .p1-rib{z-index:2}
.ckpage .p2 .p2-them b{color:#2A3134!important}
.ckpage .p2 .p2-them small{color:#3A4246}
.ckpage .ckpop.p2{width:min(380px,92vw)!important;border-radius:14px!important;padding:0 20px 18px!important}
.ckpage .p2 .p2-top{margin:0 -20px 10px!important}
.ckpage .p2 .p2-top img{height:115px!important;margin-bottom:10px!important}
.ckpage .p2 .p2-room{font-size:19px!important}
.ckpage .p2 h2{font-size:21px!important;margin-bottom:9px!important}
.ckpage .p2 .p2-us b,.ckpage .p2 .p2-them b{font-size:21px!important}
.ckpage .p2 .p2-cmp{border-radius:10px}
.ckpage .p2 .ckgo{min-height:44px!important;border-radius:10px}
.ckpage .p2 .ckx{width:34px!important;height:34px!important;display:grid;place-items:center;font-size:22px!important;line-height:1;background:rgba(20,25,28,.6)!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ckpage .p2 .ckx:hover{background:rgba(20,25,28,.8)!important}
.ckpage .p2 .p2-us{background:var(--hotel-tint)!important}
.ckpage .p2 .p2-us small{color:#17663F!important;font-weight:600}
.ckpage .p2 .p2-us b{color:#14191C!important;font-weight:800!important}
.ckpage .p2 .p2-us small{color:#00728C!important;font-weight:700}
.ckpage .p2 .p2-them small,.ckpage .p2 .p2-them b{color:#545D61!important}
.ckpage .p2 .p2-them small{font-weight:600}
.ckpage .p2 .p2-them b{font-weight:800!important}
.ckpage .p2 h2{color:#00728C!important}
.ckpage .s2-hold{padding:11px 16px!important;font-size:14.5px!important;gap:9px!important}
.ckpage .s2-hold svg{width:19px!important;height:19px!important}
.ckpage .s2-hold em{font-style:normal;color:#17663F;font-weight:700}
.ckpage .s2-extra{border-top:1px solid var(--line);margin-top:10px;padding-top:4px}
.ckpage .s2 .ckpromo{color:#2A3134;font-weight:500;font-size:14.5px;margin-top:8px}
.ckpage .s2 .ckpromo svg{color:#586166;width:18px;height:18px}
.ckpage .s2 .cknote{font-size:12.5px;margin-top:8px}
.ckpage .s2 .ckacc summary{color:#2A3134;font-weight:500;font-size:14.5px}
.ckpage .s2 .ckacc .chv{color:#586166}
.ckpage .s2 .ckacc:last-child{border-bottom:0}
.ckpage .s2-hold{align-items:center!important;gap:12px!important;padding:12px 16px!important}
.ckpage .s2-hic{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #C5E6EE;display:grid;place-items:center;flex:none}
.ckpage .s2-hic svg{color:#00728C}
.ckpage .s2-hold b{display:block;font-size:16px;color:var(--ink)}
.ckpage .s2-t{color:#00728C}
.ckpage .s2-hs{display:block;font-size:13.5px;color:#3A4246;line-height:1.45;margin-top:1px}
.ckpage .s2-hold{padding:8px 14px!important;gap:10px!important}
.ckpage .s2-hic{width:30px;height:30px}
.ckpage .s2-hic svg{width:16px!important;height:16px!important}
.ckpage .s2-hold b{font-size:14.5px;line-height:1.3}
.ckpage .s2-hs{font-size:12.5px;line-height:1.35}

 .ckpage .cnt{position:absolute;right:10px;bottom:10px;background:rgba(20,25,28,.72);color:#fff;font-size:12px;padding:3px 8px;border-radius:999px}
 .ckpage .rc .gal2{overflow:hidden;border-radius:17px 0 0 17px}
.ckpage .rc .gal2{border-radius:17px 17px 0 0}
 .ckpage .gal2{position:relative;background:#E9EEF0;min-height:260px}
 .ckpage .gal2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .ckpage .gal2 img[hidden]{display:none}
 .ckpage .g2b{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.95);font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--ink);z-index:1}
 .ckpage .g2p{left:12px}
 .ckpage .g2n{right:12px}
 .ckpage .g2dots{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:6px;z-index:1}
 .ckpage .g2dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6)}
 .ckpage .g2dots i.on{width:20px;border-radius:4px;background:#fff}
 .ckpage .gal2 .cnt{z-index:1}
 .ckpage .gal2 .badge{z-index:1}
 .ckpage .gal2.small{min-height:200px}
 .ckpage .v1 .gal2{min-height:230px}
 .ckpage .gal2{min-height:240px}
.ckpage .s2 h4.s2-room{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:600;font-size:23px;line-height:1.15}
.ckpage .p2 .p2-room{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:600}
.ckpage .cktot,.ckpage .p2-cmp > div{min-width:0;overflow:hidden}
.ckpage .cktot > span,.ckpage .p2-cmp b,.ckpage .s2-save{white-space:nowrap}
.ckpage .s2-tbl dd,.ckpage .s2-tbl dt{white-space:nowrap}
.ckpage .s2-tbl{overflow:hidden}
.ckpage .p1-rib .rib-x{display:none}
html:not([lang="en"]) .ckpage .p1-rib .rib-en{display:none}html:not([lang="en"]) .ckpage .p1-rib .rib-x{display:inline}
/* translated pages: spacing around locked numbers comes from CSS, not from spaces Google may drop */
html:not([lang="en"]) .ckpage .s2-t,html:not([lang="en"]) .ckpage .s2-hs em{margin-left:.28em}
html:not([lang="en"]) .ckpage [data-ck-save]{margin:0 .25em}
.ckpage .p2-top small time,.ckpage .p2-top small bdi{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.ckpage .s2-stay b,.ckpage .s2-stay i{white-space:nowrap}
.ckpage .s2-stay > div{min-width:0;overflow:hidden}
.ckpage .ck-usd{color:inherit;font-weight:inherit}
.ckpage .cksteps a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.ckpage .cksteps a:hover{text-decoration:underline}
.ckpage .ckgal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body:has(main > .ckpage) #guar,body:has(#page-checkout:not([hidden])) #guar{display:none!important}

/* ---------- Exit-intent popup (matches the checkout "Great choice" popup) ---------- */
.xpop{width:min(340px,calc(100vw - 32px));border:0;border-radius:14px;padding:20px 20px 18px;box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center;color:var(--ink)}
.xpop:focus{outline:none}
.xpop::backdrop{background:rgba(10,14,16,.6);backdrop-filter:blur(3px)}
.xpop[open]{animation:xpopIn .22s ease-out}
@keyframes xpopIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.xpop-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;background:none;border-radius:50%;font-size:24px;line-height:1;color:#6B767A;cursor:pointer}
.xpop-x:hover{background:#F1F4F5;color:var(--ink)}
.xpop h2{font-size:22px;line-height:1.15;color:#00728C;margin:4px 24px 12px}
.xpop-card{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:10px;padding:8px}
.xpop-card img{width:62px;height:62px;border-radius:8px;object-fit:cover;background:#E9EEF0;flex:none}
.xpop-card img[hidden]{display:none}
.xpop-card b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;font-weight:600;line-height:1.2}
.xpop-card small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.xpop-line{display:flex;align-items:center;gap:14px;margin:12px 0 10px;padding:10px 12px;background:var(--hotel-tint);border-radius:10px;text-align:left}
.xpop-line > span{display:flex;flex-direction:column}
.xpop-line small{font-size:11.5px;font-weight:700;color:#00728C}
.xpop-line b{font-size:22px;font-weight:800;color:#14191C;line-height:1.2;white-space:nowrap}
.xpop-was small{color:#545D61}.xpop-was s{font-size:16px;font-weight:700;color:#545D61;white-space:nowrap}
.xpop-pill{margin-left:auto;flex-direction:row!important;background:#E3F4EA;color:#17663F;box-shadow:inset 0 0 0 1px #C6E7D3;font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px}
.xpop-was[hidden],.xpop-pill[hidden]{display:none!important}
.xpop-few{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 14px;font-size:12.5px;font-weight:600;color:#B0412E;white-space:nowrap}
.xpop-few svg{flex:none}
.xpop-go{width:100%;min-height:44px;border-radius:10px;font-size:15.5px}


/* price row: "Other sites" close to your rate, % pill on the right */
.xpop-line{gap:18px}
.xpop-was s{font-size:18px}

/* long prices / long translations: never spill out of the popup */
.xpop{width:min(360px,calc(100vw - 32px))}
.xpop-card b,.xpop-card small{overflow-wrap:break-word}
.xpop-line{flex-wrap:wrap;row-gap:6px;column-gap:16px}
.xpop-line > span{min-width:0}
.xpop-line.long b{font-size:19px}
.xpop-line.long .xpop-was s{font-size:15px}
.xpop-line.xlong b{font-size:17px}
.xpop-line.xlong .xpop-was s{font-size:14px}
.xpop-few{white-space:normal;text-align:center;line-height:1.35}
.xpop-few svg{align-self:flex-start;margin-top:1px}

/* ---------- FAQ page (was inline in faq.html) ---------- */
.fqpage{--fq-soft:#F3F9FA}
.fqpage .fq-hero{background:linear-gradient(#F6FAFB,#fff);border-bottom:1px solid var(--line)}
.fqpage .fq-hero .wrap{padding-top:34px;padding-bottom:28px}
.fqpage .fq-crumb{font-size:13px;color:var(--muted);margin:0 0 12px}
.fqpage .fq-crumb a{color:var(--muted)}
.fqpage .fq-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:44px;line-height:1.08;margin:8px 0 10px}
.fqpage .fq-sub-t{color:var(--muted);margin:0 0 16px;max-width:640px}
.fqpage .fq-stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted);margin:0 0 20px}
.fqpage .fq-stats b{color:var(--ink);font-weight:600}
.fqpage .fq-search{position:relative;max-width:640px}
.fqpage .fq-search input{width:100%;height:54px;border:1px solid #CDD5D9;border-radius:12px;padding:0 46px 0 46px;font:inherit;font-size:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.fqpage .fq-search input:focus{outline:none;border-color:var(--hotel);box-shadow:0 0 0 3px rgba(0,138,168,.14)}
.fqpage .fq-search > svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted)}
.fqpage .fq-clr{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#EEF2F3;border-radius:50%;width:28px;height:28px;cursor:pointer;color:var(--muted);display:none;font-size:18px;line-height:1}
.fqpage .fq-search.has .fq-clr{display:block}
.fqpage .fq-found{font-size:13px;color:var(--muted);margin:10px 2px 0;min-height:20px}
.fqpage .fq-quick{padding-top:26px;padding-bottom:4px}
.fqpage .fq-quick h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:26px;margin:0 0 12px}
.fqpage .fq-qg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fqpage .fq-qc{border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px;line-height:1.35;background:#fff;transition:border-color .15s,box-shadow .15s}
.fqpage .fq-qc:hover{border-color:var(--hotel);box-shadow:0 4px 14px rgba(0,0,0,.05)}
.fqpage .fq-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start;padding-top:22px;padding-bottom:56px}
.fqpage .fq-side{position:sticky;top:96px;max-height:calc(100vh - 110px);overflow:auto}
.fqpage .fq-side p{font:700 11.5px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 0 10px}
.fqpage .fq-side a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14.5px}
.fqpage .fq-side a span{color:var(--muted);font-size:12.5px}
.fqpage .fq-side a:hover{background:#F4F7F8}
.fqpage .fq-side a.on{background:var(--fq-soft);color:#00728C;font-weight:600}
.fqpage .fq-chips{display:none}
.fqpage .fq-cat{margin:0 0 34px}
.fqpage .fq-ch{display:flex;align-items:center;gap:12px;margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.fqpage .fq-ic{width:36px;height:36px;border-radius:10px;background:var(--fq-soft);color:#00728C;display:grid;place-items:center;flex:none}
.fqpage .fq-ch h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:27px;line-height:1.15;margin:0}
.fqpage .fq-n{margin-left:auto;font-size:13px;color:var(--muted)}
.fqpage .fq-rjs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 6px}
.fqpage .fq-rj{border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13px;color:var(--ink);text-decoration:none}
.fqpage .fq-rj:hover{border-color:var(--hotel);color:#00728C}
.fqpage .fq-sub{margin:18px 0 0}
.fqpage .fq-sub h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:21px;margin:0 0 2px}
.fqpage .fq-sub h3 a{color:var(--ink);text-decoration:none}
.fqpage .fq-sub h3 a:hover{color:#00728C;text-decoration:underline}
.fqpage .fq-q{background:none;border:0;border-bottom:1px solid #EEF1F2;border-radius:0;padding:0;margin:0;box-shadow:none}
.fqpage .fq-q summary::after,.fqpage .fq-q[open] summary::after{content:none!important;display:none!important}
.fqpage .fq-q p{margin:0;color:#3A4246;font-size:15px;line-height:1.6}
.fqpage .fq-q summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;padding:13px 4px;font-weight:600;font-size:15.5px;line-height:1.4}
.fqpage .fq-q summary::-webkit-details-marker{display:none}
.fqpage .fq-q summary:hover{color:#00728C}
.fqpage .fq-pm{margin-left:auto;flex:none;width:22px;height:22px;display:grid;place-items:center;color:#00728C;transition:transform .2s}
.fqpage .fq-q[open] .fq-pm{transform:rotate(45deg)}
.fqpage .fq-a{padding:0 40px 15px 4px;color:#3A4246}
.fqpage .fq-a p{margin:0}
.fqpage .fq-a a{color:#00728C;font-weight:500;text-underline-offset:2px}
.fqpage .fq-more{margin:10px 4px 0;font-size:14px}
.fqpage .fq-more a{color:#00728C;font-weight:600;text-decoration:none}
.fqpage .fq-more a:hover{text-decoration:underline}
.fqpage .fq-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:12.5px;color:var(--muted)}
.fqpage .fq-copy{border:0;background:none;padding:0;font:inherit;color:#00728C;cursor:pointer}
.fqpage mark{background:#FFF1B8;color:inherit;border-radius:2px}
.fqpage .fq-none{display:none;border:1px dashed #CDD5D9;border-radius:12px;padding:20px;text-align:center;color:var(--muted)}
.fqpage .fq-ask{display:flex;align-items:center;gap:18px;border:1px solid #CFE7EC;background:var(--fq-soft);border-radius:14px;padding:20px 22px}
.fqpage .fq-ask h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:23px;margin:0 0 2px}
.fqpage .fq-ask p{margin:0;color:var(--muted);font-size:14px}
.fqpage .fq-ask a{margin-left:auto;background:var(--hotel);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;padding:12px 18px;white-space:nowrap}
.fqpage .fq-disc{font-size:12.5px;color:var(--muted);margin-top:18px}
.fq-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:200}
.fq-toast.on{opacity:1}
@media (max-width:960px){.fqpage .fq-qg{grid-template-columns:repeat(2,minmax(0,1fr))}.fqpage .fq-body{grid-template-columns:minmax(0,1fr);gap:0}.fqpage .fq-side{display:none}
 .fqpage .fq-chips{display:flex;gap:8px;overflow-x:auto;position:sticky;top:var(--hdr,60px);z-index:5;background:#fff;padding:10px 0;margin:0 0 12px;border-bottom:1px solid var(--line);scrollbar-width:none}
 .fqpage .fq-chips::-webkit-scrollbar{display:none}
 .fqpage .fq-chips a{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13.5px;color:var(--ink);text-decoration:none;white-space:nowrap}
 .fqpage .fq-chips a.on{border-color:var(--hotel);color:#00728C;background:var(--fq-soft)}}
@media (max-width:600px){.fqpage .fq-hero h1{font-size:34px}.fqpage .fq-qc{padding:10px 12px;font-size:14px}.fqpage .fq-a{padding-right:4px}.fqpage .fq-ask{flex-direction:column;align-items:flex-start}.fqpage .fq-ask a{margin-left:0}}

/* the design has its own footer: the shared BookResorts footer (popup / booking page loaders) never shows here */
#brp-footer{display:none!important}

/* gallery masonry (site.js places each photo in the shortest column) */
.gal.gal-m{columns:auto;position:relative}
.gal.gal-m .gal-item{position:absolute;margin:0}
/* booking page: the app has its own steps and bars */
.page-book .mbar{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* venue cards (restaurants, wedding/event venues): the design's own sizing (a landscape photo sets the card's height at
   its natural shape), with a ceiling so a portrait photo can't stretch its card to 1,100px (owner, 2026-10-31) */
.venue > img{max-height:560px}
@media (max-width:820px){.venue > img{max-height:420px}}

/* The shared Book Now popup sets --ink and --cream on :root, which repainted every text on the page brown-black.
   The design's own values stay on the page; the popup keeps its values inside the popup. */
html:root{--ink:#14191C;--cream:initial}
#brp-modal,#brp-mount,#booking-popup{--ink:#1a1410;--cream:#fdfaf4}
/* hotel name in the header: room for letters that hang below the line (the g in "Las Vegas" was cut off by the two-line clamp — owner 2026-11-02); the layout does not move */
.header .lockup b{padding-bottom:.16em;margin-bottom:-.16em}

/* ==== Phones held sideways (owner 2026-11-03: "when you flip the phone into horizontal it messes up the design … fix
   the in between responsives", "don't mess up mobile and desktop view"). Only a short landscape screen matches —
   a phone turned sideways; a phone held upright, a tablet and a desktop never do, so those views stay exactly as they
   are. The page keeps its flow (phone layout below 701px, the wider layout above); what changes is what has to change
   when the screen is only ~340–430px tall: the header and top strip are slimmer, the bottom Book now / Call us bar
   gives its space back (the header carries Book Now and the call button, as on desktop), the opening photo fits the
   screen with the hotel's name on it, and every popup and picker fits the screen. ==== */
@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){
  .topbar .wrap{padding-block:6px}
  .header .wrap{padding-block:7px}
  .header .lockup b{font-size:21px!important}
  .header .lockup span{font-size:10.5px!important;margin-top:1px}
  .header .btn{min-height:40px;padding:0 16px;font-size:14.5px;display:inline-flex!important}
  .menu-btn,.call-icon{width:40px;height:40px}
  .hcall{padding-left:12px;margin-left:2px}
  .hcall small{font-size:10px}
  .hcall b{font-size:15px}
  .mbar{display:none!important}
  /* the desktop corner buttons (price guarantee, book by phone) would sit on the photo and the booking box here — the
     header already carries Book Now and the phone number (below 901px the design hides them too) */
  .float{display:none!important}
  .mobile-nav.open{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  /* the opening photo: the screen below the header, the name and rating on it, the booking box right under it */
  .hero{min-height:max(240px, calc(100svh - 88px))}
  .hero .wrap{padding-bottom:72px;gap:8px}
  .hero h1{font-size:clamp(36px,6.4vw,58px)}
  .hero-tags{font-size:12px}
  .widget-wrap{margin-top:-48px}
  .phero{min-height:max(220px, calc(100svh - 88px))}
  .phero .wrap{padding-bottom:30px}
  /* popups fit the screen's height */
  .about,.about .inner{max-height:calc(100dvh - 16px)}
  .about .inner{padding:22px 26px}
  /* language and currency (the header's EN · USD): in the middle of the screen over a dimmed page, lists scroll inside */
  .lc-pop:not([data-only]){position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%);max-height:calc(100dvh - 16px);overflow:auto;box-shadow:0 0 0 100vmax rgba(10,12,14,.45),0 18px 44px rgba(20,25,28,.16)}
  .lc-pop:not([data-only]) .lc-list{max-height:max(110px,calc(100dvh - 170px))}
  .lb{max-height:calc(100dvh - 8px)}
  .lb img{height:min(calc(100dvh - 104px),calc((100vw - 170px) * .66))!important}
  .lb-x{top:calc(env(safe-area-inset-top,0px) + 10px)!important;right:calc(env(safe-area-inset-right,0px) + 10px)!important;width:40px;height:40px}
  /* date and guest pickers: in the middle of the screen over a dimmed page, the whole calendar and Done in view */
  .pk-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;z-index:130;padding:10px 16px 12px;box-shadow:0 0 0 100vmax rgba(10,12,14,.45),0 14px 36px rgba(20,25,28,.14)}
  .pk-panel .pk-head{margin-bottom:0}
  .pk-panel .pk-d{height:29px}
  .pk-panel .pk-d span{width:27px;height:27px}
  .pk-panel .pk-foot{margin-top:6px;padding-top:8px}
  /* room page photos: they fit the screen with the room's name under them */
  .rgal{grid-template-rows:repeat(2,max(100px,calc((100svh - 150px) / 2)))!important}
  /* booking page, room details (phone layout): a lower photo so the room's name and details show under it */
  .rs-bp .rdm .rdm-gal{height:max(130px,calc(100dvh - 250px))!important;min-height:0!important}
}
/* sideways, wider layout (701px+): the room page's photo mosaic as on desktop (one big photo, the rest beside it) */
@media (orientation:landscape) and (max-height:500px) and (min-width:701px) and (max-width:1000px){
  .rgal{grid-template-columns:2fr 1fr 1fr!important}
  .rgal button:first-child{grid-column:auto!important;grid-row:span 2!important}
  .rgal.n4 button:last-child{grid-column:span 2}
}
/* sideways, phone layout (below 701px): the room page's photos swipe as on a phone, but no taller than the screen */
@media (orientation:landscape) and (max-height:500px) and (max-width:700px){
  .rgal button{aspect-ratio:auto!important;height:max(200px,calc(100svh - 150px))}
}
/* sideways and narrow (the phone layout, below 761px): the header shows Book Now and the call button the bottom bar had */
@media (orientation:landscape) and (max-height:500px) and (max-width:760px){
  body.has-mbar .header .call-icon{display:inline-flex!important}
  .header-actions{gap:8px}
}

/* Before site.js turns the date and guest boxes into the design's pickers, the form already has the pickers' shape, so
   nothing below it moves when they appear (owner 2026-11-03: PageSpeed counted the widget shrinking 55px as layout shift) */
.widget form:not([data-pk]) > .field:has(> #checkout){display:none}
@media (max-width:900px){.widget form:not([data-pk]) > .field:not(.submit){grid-column:1/-1}}
@media (max-width:700px){.widget form:not([data-pk]) > .field:not(.submit) > label{display:none}
.widget form:not([data-pk]) > .field:not(.submit) > input,.widget form:not([data-pk]) > .field:not(.submit) > select{height:46px}}

/* /book: the booking engine arrives by fetch — keep the page's height while it loads so the footer doesn't show first (owner 2026-11-04) */
#bookresorts-book:empty{min-height:calc(100vh - 120px)}

/* /book: the hotel photos, name and View map row above the search are in the page itself (build.mjs bookEarly), so a phone
   paints them with the page instead of after the booking engine's script (owner 2026-11-04: speed). The engine adopts the
   block and removes #rs-early; until then these rules are copies of the engine's own (book.html: .rs-dmh / .rs-dhi / .rs-mh),
   so nothing moves when it takes over. .rs-ew = the engine's .wrap; .rs-erail = the height of its steps rail. */
#rs-early{font-family:Inter,system-ui,sans-serif;color:#14191C;background:#fff}
#rs-early .rs-ew{max-width:1180px;margin:0 auto;padding:0 20px}
#rs-early .rs-erail{height:74px}
#rs-early .rs-dmh{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:clamp(110px,11.5vw,150px) clamp(110px,11.5vw,150px);gap:8px;border-radius:16px;overflow:hidden;position:relative;margin:2px 0 0}
#rs-early .rs-dmh button{border:0;padding:0;margin:0;cursor:pointer;background:#E9EEF0;overflow:hidden;position:relative;display:block}
#rs-early .rs-dmh button:first-child{grid-row:1/3}
#rs-early .rs-dmh picture,#rs-early .rs-mh-track picture{display:block;width:100%;height:100%}
#rs-early .rs-dmh img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
#rs-early .rs-dmh button:hover img{transform:scale(1.03)}
#rs-early .rs-dmh .rs-dall{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:7px;background:#fff;border:0;border-radius:9px;padding:8px 13px;font:600 13px Inter,system-ui,sans-serif;color:#14191C;box-shadow:0 2px 10px rgba(0,0,0,.16);cursor:pointer;overflow:visible}
#rs-early .rs-dhi{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 0 10px}
#rs-early .rs-dhi h2{margin:0;font:600 34px/1.05 'Cormorant Garamond',Georgia,serif;color:#14191C}
#rs-early .rs-dhr{display:block;font-size:14px;line-height:1.55;color:#586166;margin-top:4px;min-height:22px}
#rs-early .rs-loc{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;font:400 14px Inter,system-ui,sans-serif;color:#14191C;cursor:pointer;white-space:nowrap}
#rs-early .rs-loc svg{color:#00728C;flex:none}
#rs-early .rs-loc em{font-style:normal;font-weight:600;color:#00728C;margin-left:8px}
#rs-early .rs-loc:hover em{text-decoration:underline}
#rs-early .rs-mh{display:none}
@media(min-width:701px) and (max-width:1000px){#rs-early .rs-dhi{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:700px){
  #rs-early .rs-erail{height:39px}
  #rs-early .rs-dmh,#rs-early .rs-dhi{display:none}
  #rs-early .rs-mh{display:block;margin:0 -20px 4px}
  #rs-early .rs-mh-gal{position:relative}
  #rs-early .rs-mh-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  #rs-early .rs-mh-track::-webkit-scrollbar{display:none}
  #rs-early .rs-mh-track>button{flex:0 0 100%;scroll-snap-align:start;border:0;padding:0;margin:0;background:#E9EEF0;height:230px;cursor:pointer}
  #rs-early .rs-mh-track img{width:100%;height:100%;object-fit:cover;display:block}
  #rs-early .rs-mh-cnt{position:absolute;right:12px;bottom:12px;background:rgba(20,25,28,.72);color:#fff;font-size:12px;line-height:1.55;padding:3px 9px;border-radius:999px;font-variant-numeric:tabular-nums;pointer-events:none}
  #rs-early .rs-mh-all{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:6px;background:#fff;border:0;border-radius:9px;padding:7px 11px;font:600 12.5px Inter,system-ui,sans-serif;color:#14191C;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}
  #rs-early .rs-mh-in{padding:12px 20px 0;display:flex;flex-direction:column;gap:3px}
  #rs-early .rs-mh-n{font:600 24px/1.1 'Cormorant Garamond',Georgia,serif;margin:0;color:#14191C}
  #rs-early .rs-mh-r{font-size:13.5px;line-height:1.55;color:#586166;min-height:21px}
  #rs-early .rs-mh .rs-loc{width:100%;margin-top:6px;padding:10px 0;border-top:1px solid #E4E8EA;border-bottom:1px solid #E4E8EA;text-align:left;white-space:normal}
  #rs-early .rs-mh .rs-loc span{flex:1;min-width:0}
  #rs-early .rs-mh .rs-loc em{margin-left:0}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){#rs-early .rs-ew{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}}