/* =========================================================
   ARANYAK HOMESTAY — SHARED WEBSITE STYLES
   01 Global  02 Header  03 Hero  04 Content sections
   05 Cards/Gallery  06 Contact  07 Footer  08 Responsive
   ========================================================= */

/* 01. GLOBAL */
:root{--forest:#294737;--deep:#172d23;--cream:#f8f7f1;--sand:#d4bd91;--muted:#747b70;--line:#e9e8df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#26352d;background:var(--cream);font-family:'DM Sans',sans-serif}
img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.section-padding{padding:100px 0}
.eyebrow{color:#d7c39c;font-size:10px;font-weight:700;letter-spacing:3px}.eyebrow-dark{color:#8b7656}
h1,h2,h3,p{margin-top:0}h2{font:500 clamp(40px,5vw,62px)/1.08 'Playfair Display',serif;letter-spacing:-1.2px;color:#2b4033}
h2 em,h1 em{color:var(--sand);font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;border:0;font-size:12px;font-weight:700;cursor:pointer}
.button-light{background:#f6f3e9;color:#2b4938}.button-green{background:var(--forest);color:#fff}.underlined-link{display:inline-block;margin-top:15px;padding-bottom:8px;border-bottom:1px solid #9a9c86;font-size:11px;font-weight:700}

/* 02. HEADER & NAV */
.site-header{position:sticky;top:0;z-index:50;height:82px;background:var(--cream);border-bottom:1px solid var(--line)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:#244b39}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #8eaa8c;border-radius:50%;font:italic 25px 'Playfair Display'}
.brand-name{font-size:16px;font-weight:700;letter-spacing:2px}.brand-name small{display:block;margin-top:3px;font-size:8px;letter-spacing:3px}
.nav-links{display:flex;align-items:center;gap:30px;color:#536158;font-size:12px}.nav-links>a:not(.nav-cta):hover,.nav-links>a.active{color:#9b714b}
.nav-links>a.active{position:relative}.nav-links>a.active:after{position:absolute;right:0;bottom:-9px;left:0;height:1px;background:#9b714b;content:''}
.nav-cta{padding:13px 18px;border:1px solid #9aa995;color:var(--forest)}.menu-toggle{display:none}

/* 03. HEROES */
.hero,.page-hero{position:relative;display:flex;align-items:center;overflow:hidden;color:#fff;background-position:center;background-size:cover}
.hero-home{height:min(700px,80vh);min-height:570px;background-image:url('../images/river-view.jpg')}
.hero-overlay,.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,35,25,.78),rgba(15,35,25,.34) 60%,rgba(15,35,25,.12))}
.hero-content,.page-hero-content{position:relative;padding:25px 0 35px}.hero h1,.page-hero h1{margin:20px 0;font:500 clamp(48px,6vw,76px)/1.08 'Playfair Display',serif;letter-spacing:-1.5px;color:#fff}
.hero-content>p,.page-hero-content>p{max-width:470px;color:#e7e9e1;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.text-link{padding:10px 0;border-bottom:1px solid #c7c7b6;font-size:12px}.text-link-light{color:#fff}
.hero-note{position:absolute;right:max(24px,calc((100% - 1160px)/2));bottom:28px;color:#f0eee3;font-size:9px;letter-spacing:2px}
.status-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#c9d4a4}
.page-hero{min-height:430px}.page-hero-about{background-image:url('../images/aranyak-sign.jpg')}.page-hero-stay{background-image:url('../images/property-exterior.jpg')}.page-hero-gallery{background-image:url('../images/veranda.jpg')}.page-hero-contact{background-image:url('../images/river-view.jpg')}
.page-hero-overlay{background:linear-gradient(90deg,rgba(15,35,25,.78),rgba(15,35,25,.3))}.page-hero h1{font-size:clamp(45px,5.5vw,68px)}

/* 04. INTRO / STORY / FEATURE */
.intro-grid,.section-heading,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.intro h2,.story-grid h2,.section-heading h2{margin:20px 0;color:#2b4033}
.intro-copy,.story-copy{max-width:490px;padding-bottom:8px}.lead{color:#64745f;font:italic 23px/1.45 'Playfair Display'}
.intro-copy p:not(.lead),.story-copy p:not(.lead),.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9}
.feature-image{position:relative;height:490px;overflow:hidden}.feature-image img{height:100%;filter:brightness(.75);object-position:center 55%}
.feature-caption{position:absolute;bottom:48px;left:max(24px,calc((100% - 1160px)/2));color:#fff}
.feature-caption>span{font-size:9px;letter-spacing:2px}.feature-caption h2{margin:14px 0 0;color:#fff;font-size:43px;line-height:1.15}
.story-grid{align-items:start}.story-copy p{margin-bottom:16px}
.about-image-split{display:grid;grid-template-columns:1.1fr .9fr;min-height:430px;background:#eeeee5}.about-image-split>img{height:100%;min-height:430px}
.split-copy{align-self:center;padding:60px clamp(30px,7vw,100px)}.split-copy h2{margin:20px 0}.split-copy p{color:var(--muted);font-size:13px;line-height:1.9}
.about-bottom{background:#f1f0e8}.about-bottom h2{margin:20px 0 28px}

/* 05. HOME HIGHLIGHTS / STAY / GALLERY */
.home-highlights,.stay-feature-grid{background:#f1f0e8}.section-heading{margin-bottom:45px}.section-heading>p{max-width:390px;margin:0 0 8px}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.highlight-card{display:block;background:#fff;padding-bottom:22px}
.highlight-card img{height:235px}.highlight-card>span{display:block;margin:20px 22px 8px;color:#9a805c;font-size:9px;letter-spacing:2px}
.highlight-card h3{display:flex;justify-content:space-between;margin:0 22px;font:500 21px 'Playfair Display'}.highlight-card h3 b{font:normal 15px 'DM Sans'}
.quote-section{padding:85px 20px;color:#f6f3e9;background:var(--forest);text-align:center}.quote-mark{color:#c8b48c;font:70px 'Playfair Display';line-height:.6}
.quote-content p{margin:20px 0;font:500 clamp(34px,4vw,52px)/1.2 'Playfair Display'}.quote-content small{color:#c9cbbd;font-size:9px;letter-spacing:3px}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{margin:18px 0 0}
.stay-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;padding:20px}.stay-feature{background:#fff}.stay-feature img{height:320px}
.stay-feature>div{padding:24px}.stay-feature span{color:#9a805c;font-size:9px;letter-spacing:2px}.stay-feature h3{margin:10px 0;font:500 25px 'Playfair Display'}.stay-feature p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.stay-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:70px;padding:42px;background:#e8e9df}.stay-note h2{margin:16px 0;font-size:42px}.stay-note p{max-width:550px;color:var(--muted);font-size:13px;line-height:1.8}
.full-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-gallery-grid a{position:relative;height:330px;overflow:hidden;background:#ddd}.full-gallery-grid img{height:100%;transition:transform .5s}.full-gallery-grid a:hover img{transform:scale(1.04)}
.full-gallery-grid a:after{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));content:''}
.full-gallery-grid span{position:absolute;z-index:1;bottom:22px;left:24px;color:#fff;font:500 22px 'Playfair Display'}
.gallery-bottom{padding:55px 0;background:var(--forest);color:#fff}.gallery-bottom .container{display:flex;align-items:center;justify-content:space-between}.gallery-bottom h2{margin:0;color:#fff;font-size:36px}

/* 06. CONTACT */
.contact-page-section{background:#f1f0e8}.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:75px;align-items:start}
.contact-page-copy h2{margin:20px 0;color:#2b4033}.contact-page-copy>p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.9}
.contact-details{display:flex;flex-wrap:wrap;gap:38px;margin-top:40px}.contact-details small{display:block;margin-bottom:9px;color:#9a805c;font-size:9px;letter-spacing:2px}.contact-details strong{font-size:12px;font-weight:600}
.contact-photo{height:230px;margin-top:35px;overflow:hidden}.contact-photo img{height:100%}
.enquiry-card{padding:34px;background:#fff;box-shadow:0 12px 40px rgba(35,54,40,.06)}.enquiry-card h3{margin:0 0 8px;font:500 29px 'Playfair Display'}
.enquiry-card>p{margin:0 0 24px;color:var(--muted);font-size:12px;line-height:1.7}
.enquiry-card label{display:block;margin-bottom:15px;color:#59675b;font-size:10px;font-weight:600}.enquiry-card label span{color:#999;font-weight:400}
.enquiry-card input,.enquiry-card select,.enquiry-card textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dedfd4;outline-color:#82957d;color:#304336;background:#fff;font-size:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{display:block;margin-top:12px;color:#8b9186;font-size:9px;text-align:center}

/* 07. FOOTER + WHATSAPP */
.site-footer{padding:38px 0 18px;color:#e9eee5;background:var(--deep)}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}
.brand-light{color:#e9eee5}.footer-top>p{color:#c6cdbf;font:italic 18px/1.5 'Playfair Display'}.back-to-top{font-size:9px;letter-spacing:2px}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:17px;border-top:1px solid #405348;color:#aeb9ad;font-size:9px}
.whatsapp-float{position:fixed;z-index:80;bottom:22px;left:22px;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:30px;color:#fff;background:#25D366;box-shadow:0 8px 25px #0003;font-size:12px;font-weight:700}
.whatsapp-float svg{width:21px;height:21px;flex:none}

/* 08. RESPONSIVE */
@media(max-width:800px){
 .container{width:min(100% - 36px,600px)}.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;border:0;background:none;cursor:pointer}
 .menu-toggle span{width:23px;height:2px;background:var(--forest)}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:20px;padding:22px;background:var(--cream);box-shadow:0 12px 20px #0001}
 .nav-links.is-open{display:flex}.nav-links>a.active:after{display:none}.hero-home{height:76vh;min-height:570px;background-position:58% center}
 .hero h1{font-size:55px}.hero-note{right:auto;left:18px;font-size:8px}.section-padding{padding:72px 0}
 .intro-grid,.section-heading,.story-grid,.contact-grid{grid-template-columns:1fr;gap:18px}.intro-copy,.story-copy{padding:0}
 .feature-image{height:380px}.feature-caption{bottom:30px;left:22px}.highlight-grid{grid-template-columns:1fr 1fr}
 .highlight-card:last-child{grid-column:span 2}.about-image-split{grid-template-columns:1fr}.about-image-split>img{min-height:300px;height:300px}
 .split-copy{padding:45px 25px}.stay-feature-grid{grid-template-columns:1fr;padding:12px}.stay-feature img{height:270px}
 .stay-note{align-items:flex-start;flex-direction:column;margin-top:45px;padding:28px}.full-gallery-grid a{height:260px}
 .contact-grid{gap:40px}.contact-photo{height:190px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:18px}
}
@media(max-width:520px){
 .container{width:calc(100% - 32px)}.hero h1{font-size:47px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}
 .page-hero{min-height:360px}.page-hero h1{font-size:45px}.section-heading{margin-bottom:30px}
 .highlight-grid{grid-template-columns:1fr}.highlight-card:last-child{grid-column:auto}.highlight-card img{height:220px}
 .full-gallery-grid{grid-template-columns:1fr}.full-gallery-grid a{height:250px}
 .gallery-bottom .container,.cta-inner{align-items:flex-start;flex-direction:column}.gallery-bottom h2{font-size:30px}
 .form-row{grid-template-columns:1fr;gap:0}.enquiry-card{padding:24px 18px}.contact-details{gap:22px}
 .footer-top>p{font-size:15px}.footer-bottom{flex-direction:column}.whatsapp-float{bottom:14px;left:12px;padding:10px 13px}
}

/* SEO CONTENT + ROOM TARIFF */
.seo-content{background:#f1f0e8}.seo-copy{max-width:900px}.seo-copy h2{margin:18px 0 24px}.seo-copy h3{margin:30px 0 10px;font:500 25px 'Playfair Display';color:#304638}.seo-copy p{color:#69756b;font-size:13px;line-height:2}.seo-copy a:not(.seo-links a){color:#355c43;text-decoration:underline;text-underline-offset:3px}.seo-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.seo-links a{padding:11px 14px;border:1px solid #b8c2b2;color:#365641;font-size:11px;font-weight:700}
.tariff-section{margin-top:65px}.tariff-heading{max-width:650px;margin-bottom:28px}.tariff-heading h2{margin:14px 0}.tariff-heading p,.tariff-disclaimer{color:#747b70;font-size:12px;line-height:1.8}.tariff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tariff-card{padding:27px;background:#f5f4ed;border:1px solid #e2e2d8}.tariff-card-featured{background:#e9ede4;border-color:#aab9a5}.room-label{color:#927b56;font-size:9px;letter-spacing:2px}.tariff-card h3{margin:14px 0;font:500 27px 'Playfair Display'}.room-price{margin:0 0 15px;color:#2e503b;font:600 25px 'DM Sans'}.room-price small{font-size:11px;font-weight:400;color:#7d8479}.tariff-card ul{min-height:105px;padding-left:18px;color:#68736a;font-size:11px;line-height:2.1}.tariff-card .underlined-link{font-size:10px}.tariff-disclaimer{margin-top:15px}.stay-faq{max-width:850px;margin:65px auto 0}.stay-faq h2{font-size:38px}.stay-faq details{padding:18px 0;border-bottom:1px solid #dedfd5}.stay-faq summary{cursor:pointer;color:#344a3a;font-size:13px;font-weight:700}.stay-faq details p{margin:12px 0 0;color:#737c72;font-size:12px;line-height:1.8}
@media(max-width:800px){.tariff-grid{grid-template-columns:1fr}.tariff-card ul{min-height:0}.stay-faq{margin-top:45px}}