/* Namak Stay v4 hotel-template layer: applies to each hotel's uploaded photographs, not AI placeholders. */
:root{--stone:#faf8f3;--ink:#23312d;--gold:#bb9253;--line:#e5e9e3;--body:'Karla',sans-serif}
html{scroll-behavior:smooth}
.wrap{max-width:1240px;padding-inline:clamp(16px,4vw,42px)}
.snav{backdrop-filter:blur(15px);background:rgba(14,36,29,.86);box-shadow:0 1px 9px rgba(0,0,0,.05)}
.snav .wrap{min-height:79px}
.snav .logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,3vw,30px);line-height:1;font-weight:600}
.snav nav a{font-size:13.5px;font-weight:700}
.snav nav .nav-cta{padding:11px 20px;border-radius:10px}
.site-share{font:inherit;font-size:13px;font-weight:700;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.55);border-radius:9px;cursor:pointer;padding:9px 13px}
.site-share:hover{background:rgba(255,255,255,.12)}
.hero{min-height:min(83vh,740px)}
.hero::before{background:linear-gradient(90deg,rgba(3,22,18,.56),rgba(3,22,18,.06) 74%),linear-gradient(0deg,rgba(3,22,18,.78),transparent 60%)}
.hero-in{padding-block:155px 48px}
.hero h1{font-weight:600;letter-spacing:-.03em;line-height:.98;max-width:16ch}
.hero .eyebrow{letter-spacing:.18em;font-size:12px}
.hero .tag{max-width:57ch}
.bookbar{max-width:1080px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.18);margin-top:7px}
.bookbar label{border-right:1px solid #e6e9e3;padding:4px 13px}
.bookbar label:nth-child(3){border-right:0}
.bookbar button{border-radius:10px}
.facts .wrap{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.facts .wrap>div{padding:23px}
.facts b{font-size:29px}
.sec{padding-block:clamp(55px,7vw,88px)}
.sec-head h2,.about h2,.loc h2{letter-spacing:-.02em}
.room{border-radius:20px;box-shadow:0 15px 35px rgba(19,43,30,.045);transition:box-shadow .2s,transform .2s}
.room:hover{box-shadow:0 19px 43px rgba(19,43,30,.105);transform:translateY(-2px)}
.room-body{padding:clamp(20px,3vw,33px)}
.room-buy{padding:25px}
.room-buy .btn{border-radius:10px;min-height:46px;display:flex;justify-content:center;align-items:center}
.facilities li{border-radius:15px}
.gallery .gi,.about-img{border-radius:18px}
.contact{background:linear-gradient(115deg,#063d31,var(--brand))}
.sfoot{background:#082b25}
.fab{bottom:20px;right:20px}
.checkout{padding-top:40px}
.co-form,.co-sum,.confirm{border-radius:19px;box-shadow:0 12px 32px rgba(35,45,30,.055)}
button,input,select,textarea{max-width:100%}
:focus-visible{outline:3px solid #e4bc75;outline-offset:3px}
@media(max-width:860px){.snav .wrap{min-height:66px}.snav nav{background:rgba(14,36,29,.98);backdrop-filter:blur(10px)}.snav nav .site-share{width:100%;margin-top:9px;padding:12px}.hero-in{padding-block:115px 36px}.hero{min-height:630px}.bookbar{max-width:100%}.room{grid-template-columns:1fr}.room-img{max-height:360px}.facts .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.facts .wrap>div{padding:18px;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.hero{min-height:620px}.hero h1{font-size:clamp(46px,10vw,65px)}.hero-in{padding-top:117px}.bookbar{padding:10px;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}.bookbar label{padding:10px 8px}.bookbar label:nth-child(2){border-right:0}.bookbar label:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}.bookbar button{grid-column:1/-1;min-height:50px}.facts b{font-size:23px}.facts .wrap>div{padding:15px}.room-buy{flex-direction:column;align-items:stretch;gap:10px}.room-buy .btn{width:100%}.gallery{gap:7px;grid-auto-rows:140px}.gallery .gi{border-radius:10px}.co-form,.co-sum,.confirm{padding:20px}.sfoot .wrap{display:block}.sfoot .wrap>*{margin-bottom:8px}.fab{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room{transition:none}.room:hover{transform:none}}
/* QA 2026-11: header text stays readable on the dark bar, WhatsApp button never covers "Book this room" */
.snav .logo,.snav.solid .logo{color:#fff}
.snav .menu-btn{color:#fff;border-color:rgba(255,255,255,.55)}
.btn.wa{background:#0e7a43;border-color:#0e7a43}
@media(max-width:860px){body{padding-bottom:84px}.lightbox{padding:56px 8px}.lightbox img{max-width:100%;width:100%;object-fit:contain}.lb-prev,.lb-next{top:auto;bottom:16px}}
.snav .menu-btn{white-space:nowrap;flex:none}
.snav .logo{min-width:0;font-size:clamp(19px,5.4vw,30px)}
.fab{background:#0e7a43}
.room-buy .last,.stars{color:#8a5a12}
@media(max-width:860px){.fab{bottom:84px;width:52px;height:52px;padding:0;border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center}.fab::before{content:"✆";font-size:24px;color:#fff}}
a.btn.wa,.btn.wa{background:#0e7a43!important;border-color:#0e7a43!important}