:root{--green:#173c32;--cream:#f5f0e6;--gold:#b28a4a;--ink:#24342e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fbfaf7}h1,h2,h3{font-family:Georgia,serif;font-weight:400}em{color:var(--gold);font-style:italic}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:var(--gold)}header{min-height:106px;padding:12px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #00000014;border-bottom:3px solid var(--gold)}.brand{font-family:Georgia,serif;color:var(--green);text-decoration:none}.brand-banner{min-width:285px;padding:12px 26px 11px;background:var(--green);color:#fff;text-align:center;border:1px solid #31594d;box-shadow:inset 0 0 0 2px #ffffff14,0 5px 14px #173c3220;line-height:1}.brand-banner strong{display:block;font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:1.5px;white-space:nowrap}.brand-banner .brand-kicker,.brand-banner small{display:block;font:700 9px Arial,sans-serif;letter-spacing:4px;color:#d9bd84}.brand-banner .brand-kicker{margin-bottom:5px}.brand-banner small{margin-top:7px;color:#f1e8d7;letter-spacing:3px}nav{display:flex;gap:28px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-size:14px}.btn{display:inline-block;background:var(--green);color:white!important;padding:14px 24px;text-decoration:none;border-radius:2px;font-weight:700;font-size:13px}.gold{background:var(--gold)}.outline{background:transparent;border:1px solid #fff}.menu{display:none;background:none;border:0;font-size:25px}.hero{height:78vh;min-height:600px;position:relative;color:white;display:flex;align-items:center}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#102c26df 0%,#102c2670 48%,#0000 80%)}.hero-copy{position:relative;z-index:2;width:650px;margin-left:8%}.hero h1{font-size:64px;line-height:1.02;margin:15px 0}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:570px}.textlink{color:white;margin-left:25px}.hero-badges{position:absolute;bottom:0;left:0;right:0;background:#173c32e8;padding:20px 8%;display:flex;gap:50px;z-index:3;font-size:13px}.intro,.location{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro h2,.rooms h2,.gallery h2,.faq h2,.location h2{font-size:48px;margin:12px 0}.intro>div>p:not(.eyebrow),.location p{line-height:1.8;color:#66716c}.features{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.features span{display:grid;grid-template-columns:35px 1fr;font-size:20px}.features b{font-size:14px}.features small{grid-column:2;color:#78817d}.rooms{padding:100px 8%;background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.cards article{background:#fff}.cards img{width:100%;height:260px;object-fit:cover}.cards article div{padding:26px}.cards h3{font-size:27px;margin:8px 0}.cards p{color:#6b746f;line-height:1.6}.cards a{color:var(--green);font-weight:700;text-decoration:none}.breakfast{display:grid;grid-template-columns:1.1fr .9fr;background:var(--green);color:white}.breakfast img{width:100%;height:100%;min-height:500px;object-fit:cover}.breakfast>div:last-child{padding:100px 10%;align-self:center}.breakfast h2{font-size:50px;margin:12px 0}.breakfast p{line-height:1.8;color:#d8dfdc}.pill{display:inline-block;border:1px solid #b28a4a;padding:10px 14px;font-size:10px;letter-spacing:1.5px;margin-top:15px}.gallery{padding:100px 8%}.grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:230px;gap:12px}.grid img{width:100%;height:100%;object-fit:cover}.grid img:first-child{grid-row:span 2}.location{background:#f0eadf}.location img{width:100%;height:450px;object-fit:cover}.faq{padding:100px 20%;background:#fff}.faq details{border-top:1px solid #ddd;padding:20px 0}.faq details:last-child{border-bottom:1px solid #ddd}.faq summary{font-family:Georgia,serif;font-size:20px;cursor:pointer}.faq details p{color:#66716c;line-height:1.6}.cta{text-align:center;padding:100px 8%;background:var(--green);color:white}.cta h2{font-size:54px;margin:10px}.cta>p{color:#d8dfdc}.cta .btn{margin:20px 5px 10px}.cta small{display:block;opacity:.6;margin-top:15px}footer{padding:45px 8%;display:flex;justify-content:space-between;align-items:center;background:#102b24;color:#cad4d0;font-size:12px}footer .brand{color:white}@media(max-width:800px){header{min-height:92px;padding:10px 4%;}.brand-banner{min-width:0;padding:10px 16px 9px}.brand-banner strong{font-size:24px;letter-spacing:1px}.brand-banner .brand-kicker,.brand-banner small{font-size:8px;letter-spacing:2.5px}.brand-banner small{margin-top:5px}.menu{display:block}nav{display:none;position:absolute;top:92px;left:0;right:0;background:white;flex-direction:column;padding:25px}.open{display:flex}.hero{min-height:650px}.hero-copy{margin:0 7%;width:auto}.hero h1{font-size:44px}.hero-badges{gap:10px;justify-content:space-between;padding:16px 5%;font-size:10px}.intro,.location{grid-template-columns:1fr;padding:70px 7%;gap:30px}.intro h2,.rooms h2,.gallery h2,.faq h2,.location h2{font-size:38px}.rooms,.gallery{padding:70px 7%}.cards{grid-template-columns:1fr}.breakfast{grid-template-columns:1fr}.breakfast>div:last-child{padding:70px 8%}.grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.grid img:first-child{grid-column:span 2}.faq{padding:70px 8%}footer{flex-direction:column;gap:20px;text-align:center}}

/* Explore Ooty + expanded FAQ */
.explore{padding:90px 7%;background:#f7f3ea}.explore.alt{background:#fff}.explore h2,.faq h2{font-size:clamp(2.1rem,4vw,4rem);margin:.25rem 0 2rem}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explore-card{background:#fff;border:1px solid #e4ddcf;padding:26px;border-radius:4px}.explore.alt .explore-card{background:#f7f3ea}.explore-card h3{margin:.2rem 0 .6rem;font-size:1.25rem}.explore-card p{margin:0;color:#5b5b54;line-height:1.65}.explore-note{margin-top:24px;color:#666;font-size:.92rem}.faq{scroll-margin-top:90px}.faq details{max-width:900px}.faq details p{line-height:1.65}.faq summary{cursor:pointer}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.faq-grid details{max-width:none}@media(max-width:800px){.explore{padding:65px 6%}.explore-grid,.faq-grid{grid-template-columns:1fr}.explore-grid{gap:12px}}

/* === Premium photo-led redesign v8 === */
:root{--green:#123b31;--deep:#0b2821;--cream:#f5f0e6;--paper:#fbf8f1;--gold:#b99052;--ink:#24332e;--line:#ded5c6}
body{background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
header{min-height:92px;padding:10px 5%;background:rgba(251,248,241,.94);backdrop-filter:blur(16px);box-shadow:none;border-bottom:1px solid rgba(185,144,82,.35)}
.brand-banner{background:transparent;color:var(--green);box-shadow:none;border:0;text-align:left;padding:5px 0;min-width:245px}
.brand-banner strong{font-size:29px;letter-spacing:2.5px}.brand-banner .brand-kicker{color:var(--gold)}.brand-banner small{color:#6e776f;letter-spacing:3.5px}
nav{gap:22px}nav a{font-size:12px;letter-spacing:.45px}nav .btn{padding:13px 20px;background:var(--gold)}
.hero{height:calc(100vh - 92px);min-height:680px;overflow:hidden}.hero>img{transform:scale(1.01);animation:heroZoom 18s ease-out both}.shade{background:linear-gradient(90deg,rgba(7,30,24,.86) 0%,rgba(7,30,24,.58) 42%,rgba(7,30,24,.08) 78%),linear-gradient(0deg,rgba(5,25,20,.38),transparent 48%)}
.hero-copy{width:min(720px,82vw);margin-left:7%;padding-bottom:45px}.hero h1{font-size:clamp(54px,6.4vw,92px);line-height:.96;letter-spacing:-2.4px;margin:18px 0 26px}.hero h1 em{color:#e3c895}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:600px}.hero .btn{padding:16px 27px}.textlink{text-decoration:none;font-size:13px;letter-spacing:.4px}.hero-badges{padding:18px 7%;background:rgba(11,40,33,.9);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.13);gap:70px;letter-spacing:.25px}
@keyframes heroZoom{from{transform:scale(1.01)}to{transform:scale(1.07)}}
.intro{padding:125px 8%;grid-template-columns:.85fr 1.15fr;gap:10vw;position:relative}.intro:before{content:"1987";position:absolute;right:4%;top:34px;font-family:Georgia,serif;font-size:150px;color:rgba(185,144,82,.08);line-height:1}.intro h2{font-size:clamp(45px,5vw,70px);line-height:1.02;letter-spacing:-1.5px}.intro>div>p:not(.eyebrow){font-size:16px;line-height:1.95;max-width:700px}.features{border-top:1px solid var(--line);padding-top:30px}.features span{font-size:23px}.features b{letter-spacing:.3px}
.rooms{padding:115px 6.5% 125px;background:#eee7da}.rooms>h2{font-size:clamp(48px,5vw,70px);letter-spacing:-1.5px}.cards{gap:18px;margin-top:52px}.cards article{position:relative;overflow:hidden;background:#102f27;color:white;min-height:610px}.cards img{height:610px;transition:transform .8s ease;filter:saturate(.9)}.cards article:hover img{transform:scale(1.035)}.cards article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,21,.92),rgba(6,26,21,.08) 67%)}.cards article div{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:38px 34px}.cards article div small{color:#dec18c;letter-spacing:2px}.cards h3{font-size:34px;margin:10px 0}.cards p{color:#e4e9e6;margin:0 0 18px}.cards a{color:white;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:4px}
.breakfast{grid-template-columns:1.3fr .7fr}.breakfast img{min-height:680px}.breakfast>div:last-child{padding:100px 11%}.breakfast h2{font-size:clamp(48px,5vw,70px);line-height:1.02}.breakfast p{font-size:16px}.pill{padding:12px 16px;color:#ecd9b5}
.gallery{padding:120px 5%;background:#fbf8f1}.gallery h2{font-size:clamp(48px,5vw,70px);margin-bottom:45px}.grid{grid-template-columns:1.55fr .85fr .85fr;grid-auto-rows:300px;gap:9px}.grid img{transition:filter .3s ease,transform .5s ease;filter:saturate(.92)}.grid img:hover{filter:saturate(1.04);transform:scale(1.008)}
.explore{padding:110px 7%;background:#efe8db}.explore.alt{background:#fbf8f1}.explore h2,.faq h2{letter-spacing:-1.2px}.explore-grid{gap:14px}.explore-card{border:0;border-top:1px solid #cfc2ad;border-radius:0;background:transparent;padding:30px 12px 32px 0}.explore.alt .explore-card{background:transparent}.explore-card h3{font-size:1.45rem;color:var(--green)}
.location{padding:120px 7%;gap:7vw;background:#e9e0d1}.location h2{font-size:clamp(48px,5vw,70px);line-height:1.02}.location img{height:620px}.location .btn{margin-top:15px;background:var(--gold)}
.faq{padding:115px 12%;background:#fbf8f1}.faq-grid{gap:0 55px}.faq details{padding:24px 0;border-color:#d8cfbf}.faq summary{font-size:21px;color:var(--green)}
.cta{padding:125px 8%;background:linear-gradient(135deg,#0b2821,#173f34)}.cta h2{font-size:clamp(55px,6vw,82px);letter-spacing:-2px}.cta .gold{background:var(--gold)}.cta .outline{border-color:rgba(255,255,255,.55)}
footer{padding:52px 7%;background:#071e19;border-top:1px solid rgba(185,144,82,.35)}
.floating-book{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;gap:8px}.floating-book a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 28px #0003}.floating-book .book{background:var(--gold);color:#fff;padding:15px 20px}.floating-book .wa{width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;font-size:17px}
@media(max-width:1000px){nav{gap:13px}nav a{font-size:11px}.brand-banner{min-width:205px}.brand-banner strong{font-size:25px}.cards article,.cards img{min-height:520px;height:520px}}
@media(max-width:800px){header{min-height:82px}.brand-banner{min-width:0}.brand-banner strong{font-size:23px}.hero{height:78vh;min-height:620px}.hero-copy{margin:0 7%;padding-bottom:70px}.hero h1{font-size:48px;letter-spacing:-1.2px}.hero-badges{gap:7px;padding:14px 4%;font-size:9px}.intro{padding:85px 7%;gap:25px}.intro:before{font-size:90px;top:15px}.features{grid-template-columns:1fr 1fr}.rooms{padding:85px 6%}.cards{gap:14px}.cards article,.cards img{height:500px;min-height:500px}.cards article div{padding:30px 25px}.breakfast img{min-height:430px}.breakfast>div:last-child{padding:75px 8%}.gallery{padding:85px 5%}.grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.grid img:first-child{grid-column:span 2;grid-row:span 2}.explore{padding:80px 7%}.location{padding:85px 7%}.location img{height:420px}.faq{padding:80px 7%}.floating-book{right:12px;bottom:12px}.floating-book .book{padding:13px 16px}.floating-book .wa{width:44px;height:44px}.textlink{display:inline-block;margin:18px 0 0 12px}}

/* === Premium v9 cinematic hero slider === */
.hero-slides{position:absolute;inset:0;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity 1.5s ease;animation:none!important}.hero-slide.active{opacity:1;animation:v9HeroZoom 7s ease-out both!important}.hero-slide:first-child{object-position:center center}.hero-tagline{font-family:Georgia,serif!important;font-size:clamp(24px,2.2vw,36px)!important;line-height:1.2!important;color:#f1d8a7;margin:-10px 0 14px!important;font-style:italic}.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:60px;border:1px solid rgba(255,255,255,.32);background:rgba(7,30,24,.28);backdrop-filter:blur(5px);color:white;font:300 38px/1 Georgia,serif;cursor:pointer;transition:background .25s}.hero-arrow:hover{background:rgba(7,30,24,.62)}.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}.hero-dots{position:absolute;z-index:6;left:50%;transform:translateX(-50%);bottom:76px;display:flex;gap:9px}.hero-dots button{width:28px;height:3px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:width .3s,background .3s}.hero-dots button.active{width:48px;background:#e3c895}@keyframes v9HeroZoom{from{transform:scale(1.015)}to{transform:scale(1.065)}}
@media(max-width:800px){.hero-slide:first-child{object-position:55% center}.hero-arrow{width:38px;height:48px;font-size:30px}.hero-arrow.prev{left:7px}.hero-arrow.next{right:7px}.hero-dots{bottom:70px}.hero-tagline{font-size:25px!important;margin:-4px 0 12px!important}}
@media(prefers-reduced-motion:reduce){.hero-slide.active{animation:none!important}.hero-slide{transition:none}}
/* Hotel Sri Balaji - Mobile Layout Fix */
@media screen and (max-width: 800px) {

  html, body {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  header, main, footer {
    width: 100%;
  }

  .hero {
    width: 100%;
    max-width: 100%;
  }

  .hero-slide,
  .hero img {
    width: 100%;
  }

  .hero-copy {
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
  }

}

/* HOTEL SRI BALAJI - MOBILE HERO FIX */

@media screen and (max-width: 800px) {

    .hero {
        width: 100%;
        min-height: 650px;
        position: relative;
        overflow: hidden;
    }

    .hero-slider,
    .hero-slide {
        width: 100%;
        max-width: 100%;
    }

    .hero-slide {
        left: 0;
        right: 0;
    }

    .hero-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* HOTEL SRI BALAJI - MOBILE INTRO ALIGNMENT */

@media screen and (max-width: 800px) {

    .intro {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
        padding: 50px 7% !important;
    }

    .intro > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    .intro p {
        text-align: center !important;
        max-width: 100% !important;
    }

    .intro .eyebrow {
        text-align: center !important;
    }
}

/* Mobile Breakfast Section Fix */
@media (max-width: 800px) {
  .breakfast {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  .breakfast > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  .breakfast img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .breakfast h2 {
    font-size: clamp(32px, 9vw, 44px);
    line-height: 1.15;
    overflow-wrap: break-word;
  }
}

/* === Consolidated mobile finishing refinements (October 2026) === */
html{scroll-padding-top:100px}img{max-width:100%}section[id]{scroll-margin-top:92px}
footer .brand{display:flex;flex-direction:column;align-items:center;gap:5px;font:400 23px Georgia,serif;letter-spacing:1.5px}footer .brand span,footer .brand small{font:700 10px Arial,sans-serif;letter-spacing:2px;color:#d7bb88}footer p{line-height:1.6}
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:clip}
  header{min-height:82px;padding:10px 6%;gap:12px}
  nav{top:100%;z-index:22;max-height:calc(100dvh - 82px);overflow-y:auto;box-shadow:0 16px 30px #0002;gap:0;padding:12px 6% 20px}
  nav a{display:block;width:100%;padding:13px 8px;font-size:14px;border-bottom:1px solid #e8dfd0}
  nav .btn{margin-top:12px;text-align:center}
  .hero{min-height:590px;height:min(760px,calc(100svh - 82px))}
  .hero-copy{margin:0 9%;padding:0 0 75px}
  .hero h1{font-size:clamp(38px,11vw,52px)}
  .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.55}
  .hero-arrow{top:58%}
  .hero-badges{flex-wrap:wrap;justify-content:center;gap:8px 15px;padding:12px 5%;text-align:center}
  .intro{padding:55px 7%!important;gap:18px!important}
  .intro:before{font-size:68px;top:10px}
  .intro h2,.rooms h2,.gallery h2,.location h2{font-size:clamp(32px,8.5vw,42px)}
  .intro>div>p:not(.eyebrow){line-height:1.7}
  .rooms,.gallery,.faq,.location{padding:58px 7%}
  .cards{margin-top:26px}
  .cards article,.cards img{height:420px;min-height:420px}
  .breakfast img{height:290px;min-height:0;object-fit:cover}
  .breakfast>div:last-child{padding:48px 7%}
  .gallery h2{margin-bottom:25px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:165px;gap:9px}
  .grid img,.grid img:first-child{grid-column:auto;grid-row:auto;width:100%;height:100%;object-fit:cover;display:block;min-width:0}
  .explore{padding:55px 7%}
  .explore h2,.faq h2{font-size:clamp(31px,8vw,42px);margin-bottom:22px}
  .explore-grid{gap:0}
  .explore-card{padding:22px 0 24px}
  .explore-card h3{font-size:1.35rem}
  .location{gap:24px}
  .location img{height:320px}
  .faq details{padding:18px 0}
  .faq summary{font-size:19px;line-height:1.35;padding-right:12px}
  .cta{padding:65px 7% 90px}
  .cta h2{font-size:clamp(42px,11vw,58px)}
  .cta .btn{margin:8px 4px;min-width:110px;text-align:center}
  .cta small{line-height:1.8;margin-top:20px}
  footer{padding:38px 7% 110px;gap:12px}
  footer p{margin:0}
  .floating-book{right:12px;bottom:12px;gap:8px}
  .floating-book .book{padding:12px 14px;font-size:11px}
  .floating-book .wa{width:42px;height:42px;font-size:15px}
}
@media(max-width:420px){
  .brand-banner strong{font-size:22px}
  .grid{grid-auto-rows:145px}
  .cta .btn{min-width:100px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Mobile booking simplification and hero legibility — 15 Oct 2026 */
@media (max-width:800px){
  /* Keep only the persistent reservation action on mobile. */
  nav a.btn, .hero-copy a.btn, .cta a.gold{display:none!important}
  .hero-copy .textlink{margin:12px 0 0;display:inline-block}
  /* Preserve slide controls, but move them above the copy instead of over the paragraph. */
  .hero-arrow{top:12%!important;transform:none;width:38px;height:42px;font-size:28px;background:rgba(7,30,24,.65);border-color:rgba(255,255,255,.55)}
  .hero-arrow.prev{left:12px}.hero-arrow.next{right:12px}
  /* Dark overlay ensures text stays legible across all rotating photographs. */
  .shade{background:linear-gradient(90deg,rgba(4,23,19,.86),rgba(4,23,19,.53)),linear-gradient(0deg,rgba(4,23,19,.58),transparent 75%)}
  .hero-copy{z-index:3}
  .floating-book{z-index:35}
  .cta{padding-bottom:100px}
}

/* Mobile final polish v3: controls, slide dots, and safe reading space */
@media(max-width:800px){
  .hero-arrow{top:7%!important;width:36px;height:40px;transform:none}
  .hero-dots{bottom:88px!important;z-index:7;gap:7px}
  .hero-dots button{min-height:14px;background-clip:content-box;padding:5px 0}
  .floating-book{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:7px}
  .floating-book .book{padding:11px 12px;font-size:10px;min-height:40px}
  .floating-book .wa{width:40px;height:40px;font-size:14px}
  .hero-copy{padding-bottom:115px}
  .explore,.rooms,.gallery,.faq,.location,.intro,.breakfast>div:last-child{scroll-margin-bottom:85px}
  footer{padding-bottom:125px}
}

/* Mobile v4: improve photo visibility and keep carousel pagination clear of CTA */
@media (max-width:800px) {
  .shade {
    background:linear-gradient(90deg,rgba(4,23,19,.73),rgba(4,23,19,.39)),linear-gradient(0deg,rgba(4,23,19,.47),transparent 72%);
  }
  .hero-dots {
    bottom:112px!important;
    left:50%;
    max-width:calc(100% - 32px);
  }
  .hero-dots button { flex-shrink:0; }
  .hero-copy { padding-bottom:125px; }
}

/* Full-screen gallery and per-room photo viewer */
#gallery .grid img,#rooms article>img{cursor:zoom-in}#gallery .grid img:focus-visible,#rooms article>img:focus-visible{outline:3px solid #bd9050;outline-offset:3px}.photo-viewer[hidden]{display:none!important}.photo-viewer{position:fixed;inset:0;z-index:99999;background:rgba(5,18,16,.97);display:flex;align-items:center;justify-content:center;color:white;touch-action:pan-y}.pv-open{overflow:hidden}.pv-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:85px 54px 75px;box-sizing:border-box;overflow:hidden}.pv-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;user-select:none}.pv-stage img.zoomed{transform:scale(1.8);cursor:zoom-out}.photo-viewer button{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.45);color:#fff;cursor:pointer}.pv-close{top:16px;right:16px;width:46px;height:46px;font-size:32px}.pv-prev,.pv-next{top:50%;transform:translateY(-50%);width:44px;height:58px;font-size:38px}.pv-prev{left:8px}.pv-next{right:8px}.pv-heading{position:absolute;top:27px;left:18px;right:72px;font:18px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-counter{position:absolute;bottom:23px;left:0;right:0;text-align:center;font:14px Arial,sans-serif}@media(max-width:600px){.pv-stage{padding:75px 12px 75px}.pv-prev,.pv-next{top:auto;bottom:13px;transform:none;height:44px;width:44px}.pv-prev{left:18px}.pv-next{right:18px}.pv-heading{font-size:16px}}

/* Hotel Sri Balaji — desktop-only finishing corrections, 15 Oct 2026.
   Preserve all mobile styles and interactive gallery/enquiry functionality. */
@media screen and (min-width: 801px) {
  /* The header already provides a desktop booking action. */
  .floating-book .book { display: none !important; }

  /* Reduce the blank area before the content in these sections. */
  .explore { padding-top: 65px; padding-bottom: 75px; }
  .faq { padding-top: 65px; padding-bottom: 80px; }
}