/* ===== Header / responsive navigation ===== */
.hdr-nav{display:none;align-items:center;gap:26px}
.hdr-nav>*{margin:0!important}
.hdr-book{display:none}
.hdr-burger{display:flex}
@media (min-width:1280px){
  .hdr-nav{display:flex}
  .hdr-book{display:inline-block}
  .hdr-burger{display:none}
  .hdr-mmenu{display:none!important}
  .hdr-home{padding-right:210px!important}
}
.hdr-sub{padding:12px 20px;background:rgba(248,249,250,.97);border-bottom:1px solid rgba(0,0,0,.06)}
@media (min-width:768px){.hdr-sub{padding:14px 32px}}
.hdr-logo{height:26px;width:auto}
@media (min-width:768px){.hdr-logo{height:32px}}

/* ===== Language flags ===== */
.lang-switch{display:flex;align-items:center;gap:8px}
.lang-btn{width:24px;height:24px;border-radius:9999px;overflow:hidden;padding:0;border:0;background:none;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 0 1px rgba(0,0,0,.2);flex:none}
.lang-btn img{width:100%;height:100%;display:block;pointer-events:none}
.lang-btn:hover{opacity:1;transform:scale(1.12)}
.lang-btn.is-active{opacity:1;box-shadow:0 0 0 2px #c5a880}
.lang-overlay{position:fixed;z-index:55;top:0;right:64px;height:96px;display:flex;align-items:center}
@media (min-width:768px){.lang-overlay{right:92px;height:96px}}
@media (min-width:1280px){.lang-overlay{right:48px}}
.lang-overlay .lang-btn{box-shadow:0 0 0 1px rgba(255,255,255,.75),0 0 0 2px rgba(0,0,0,.25)}
.lang-overlay .lang-btn.is-active{box-shadow:0 0 0 2px #c5a880}
.lang-inline{margin-left:auto;margin-right:14px}
@media (min-width:1280px){.lang-inline{margin-left:0;margin-right:0}}
.lang-mobile{justify-content:center;margin-top:8px}

/* ===== Experience dropdown ===== */
.exp-menu{position:relative;display:inline-block}
.exp-menu__panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:18px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:80}
.exp-menu:hover .exp-menu__panel,.exp-menu:focus-within .exp-menu__panel{opacity:1;visibility:visible}
.exp-menu__box{background:#fff;color:#111;min-width:230px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.06)}
.exp-menu__box a{display:block;padding:13px 16px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#111;white-space:nowrap;text-align:left}
.exp-menu__box a:hover{background:rgba(0,0,0,.05);color:#111}

/* ===== Hero photo shade (text sits on top of photos) ===== */
.hero-shade{background:rgba(0,0,0,.42)}

/* ===== Gallery page: keep the mosaic complete on every screen size ===== */
@media (min-width:768px) and (max-width:1023px){
  .gal-grid>.gal-item:last-child:nth-child(odd){grid-column:span 2}
}
@media (min-width:1024px){
  .gal-grid>.gal-item:last-child:nth-child(3n+1){grid-column:span 3}
  .gal-grid>.gal-item:last-child:nth-child(3n+2){grid-column:span 2}
}

/* ===== FAQ: answers are never cut off ===== */
.faq-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .35s ease}
.faq-panel.open{grid-template-rows:1fr;opacity:1}
.faq-inner{overflow:hidden;min-height:0}

/* ===== Long words / small screens ===== */
h1,h2,h3{overflow-wrap:break-word}
img{max-width:100%}

/* ===== Chinese typography ===== */
html[lang="zh-CN"] body,html[lang="zh-CN"] .font-sans{font-family:"Plus Jakarta Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="zh-CN"] .font-serif{font-family:"Playfair Display","Noto Serif SC","Songti SC","SimSun",serif}

/* ===== Photo heroes behind page titles ===== */
.salar-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:62vh;padding:120px 24px 100px;margin:0;max-width:none;color:#fff;overflow:hidden}
@media (min-width:768px){.salar-hero{min-height:68vh;padding:150px 64px 120px}}
.salar-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.02)}
.salar-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,12,24,.30) 0%,rgba(8,12,24,.42) 55%,rgba(8,12,24,.55) 100%)}
.salar-hero>*{max-width:900px;margin-left:auto;margin-right:auto}
.salar-hero h1{color:#fff}
.salar-hero span{color:rgba(255,255,255,.82)}
.salar-hero p{color:rgba(255,255,255,.9)}
.salar-hero a{background:#fff;color:#111}
.salar-hero--luxury::before{background-image:url(/img/hero-luxury.jpg);background-position:center 45%}
.salar-hero--exclusive::before{background-image:url(/img/hero-exclusive.jpg);background-position:center 50%}
.salar-hero--special::before{background-image:url(/img/hero-special.jpg);background-position:center 62%}
.salar-hero--faq::before{background-image:url(/img/hero-faq.jpg);background-position:center 55%}
.salar-hero--gallery::before{background-image:url(/img/hero-gallery.jpg);background-position:center 45%}
.salar-hero--contact::before{background-image:url(/img/hero-contact.jpg);background-position:center 55%}