/* ================================================================
   CEYBREEZ CSS DEVELOPER NOTE
   FILE: ceybreez-public-v3.css
   PURPOSE: Styles used by the CeyBreez public website.
   EDITING TIP: Search for "CSS SECTION:" to jump to major visual areas.
   IMPORTANT: V4 files are override layers and should load AFTER the base CSS.
   ================================================================ */

/* CeyBreez Public Design System V3 — shared inner-page theme */
:root{--cb-green:#0c4f49;--cb-deep:#082f2b;--cb-ink:#182321;--cb-gold:#dca95a;--cb-sand:#f4eee4;--cb-cream:#fbf8f2;--cb-line:rgba(20,50,45,.12);--cb-shadow:0 24px 70px rgba(16,42,38,.12);--cb-shell:min(100% - 48px,1420px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body:not([data-page="home"]){margin:0;background:var(--cb-cream);color:var(--cb-ink);font-family:"DM Sans","Poppins",Arial,sans-serif;line-height:1.65}body:not([data-page="home"]) h1,body:not([data-page="home"]) h2,body:not([data-page="home"]) h3{font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}body:not([data-page="home"]) img{max-width:100%}body:not([data-page="home"]) a{transition:.25s ease}
/* Header */
body:not([data-page="home"]) 
/* ----------------------------------------------------------------
   CSS SECTION: GLOBAL HEADER
   CONTROLS: Shared header/navigation on public pages.
   HTML: Search the matching page for "SECTION: GLOBAL HEADER" or the selector below.
   ---------------------------------------------------------------- */
.site-header{position:fixed;inset:0 0 auto;z-index:9900;padding:14px 0;transition:.3s ease;background:linear-gradient(180deg,rgba(5,35,32,.7),transparent)}body:not([data-page="home"]) .site-header.scrolled{background:rgba(8,47,43,.94);backdrop-filter:blur(18px);box-shadow:0 8px 34px rgba(0,0,0,.12)}body:not([data-page="home"]) .nav-shell{width:var(--cb-shell);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}body:not([data-page="home"]) .brand img{width:150px;max-height:58px;object-fit:contain;filter:brightness(0) invert(1)}body:not([data-page="home"]) .main-nav{display:flex;align-items:center;gap:4px}body:not([data-page="home"]) .main-nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:10px 11px;border-radius:999px}body:not([data-page="home"]) .main-nav a:hover,body:not([data-page="home"]) .main-nav a.active{background:rgba(255,255,255,.13);color:#f4cb8b}body:not([data-page="home"]) .nav-actions{display:flex;align-items:center;gap:10px}body:not([data-page="home"]) .nav-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:999px;background:#fff;color:var(--cb-deep);text-decoration:none;font-size:12px;font-weight:800}body:not([data-page="home"]) .menu-toggle{display:none;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.13);position:relative}body:not([data-page="home"]) .menu-toggle span{position:absolute;left:13px;width:20px;height:2px;background:#fff;transition:.25s ease}body:not([data-page="home"]) .menu-toggle span:first-child{top:18px}body:not([data-page="home"]) .menu-toggle span:last-child{top:27px}
/* Hero families */
body:not([data-page="home"]) .page-hero,body:not([data-page="home"]) .tour-hero,body:not([data-page="home"]) .services-hero,body:not([data-page="home"]) .legal-hero{min-height:70vh!important;padding:150px 24px 86px!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;text-align:left!important;position:relative;overflow:hidden;background-position:center!important;background-size:cover!important;color:#fff!important}body[data-page="villas"] .page-hero{background-image:linear-gradient(90deg,rgba(5,38,34,.82),rgba(5,38,34,.28)),url('images/cover.jpg')!important}body[data-page="apartments"] .page-hero{background-image:linear-gradient(90deg,rgba(5,38,34,.82),rgba(5,38,34,.24)),url('images/beach.jpg')!important}body[data-page="homestays"] .page-hero{background-image:linear-gradient(90deg,rgba(5,38,34,.82),rgba(5,38,34,.24)),url('images/mountains.jpg')!important}body[data-page="tours"] .tour-hero,body[data-page="tour-details"] .details-shell{background-color:var(--cb-cream)}body[data-page="tours"] .tour-hero{background-image:linear-gradient(90deg,rgba(5,38,34,.82),rgba(5,38,34,.22)),url('images/train.jpg')!important}body[data-page="services"] .services-hero{background-image:linear-gradient(90deg,rgba(5,38,34,.84),rgba(5,38,34,.24)),url('images/nature.jpg')!important}body[data-page="privacy"] .legal-hero,body[data-page="terms"] .legal-hero,body[data-page="404"] .legal-hero{min-height:46vh!important;background-image:linear-gradient(90deg,rgba(5,38,34,.88),rgba(5,38,34,.38)),url('images/temple.jpg')!important}body:not([data-page="home"]) .page-hero .hero-content,body:not([data-page="home"]) .tour-hero .hero-content,body:not([data-page="home"]) .services-hero .hero-content,body:not([data-page="home"]) .legal-hero .hero-content{width:var(--cb-shell);margin:0 auto!important;max-width:none!important}body:not([data-page="home"]) .hero-logo,body:not([data-page="home"]) .hero-logo-img{display:none!important}body:not([data-page="home"]) .page-hero h1,body:not([data-page="home"]) .tour-hero h1,body:not([data-page="home"]) .services-hero h1,body:not([data-page="home"]) .legal-hero h1{font-size:clamp(54px,7vw,96px)!important;line-height:.9!important;max-width:850px;margin:0 0 20px!important}body:not([data-page="home"]) .page-hero p,body:not([data-page="home"]) .tour-hero p,body:not([data-page="home"]) .services-hero p,body:not([data-page="home"]) .legal-hero p{max-width:650px;font-size:17px!important;color:rgba(255,255,255,.78)!important;margin:0 0 26px!important}body:not([data-page="home"]) .hero-btn{display:inline-flex!important;align-items:center;gap:8px;background:#fff!important;color:var(--cb-deep)!important;padding:13px 20px!important;border-radius:999px!important;text-decoration:none!important;font-weight:800!important;border:0!important}
/* Section rhythm */
body:not([data-page="home"]) .intro,body:not([data-page="home"]) .properties-section,body:not([data-page="home"]) .villa-inquiry-section,body:not([data-page="home"]) .property-inquiry-section,body:not([data-page="home"]) .tour-packages,body:not([data-page="home"]) .tour-types,body:not([data-page="home"]) .destinations,body:not([data-page="home"]) .why,body:not([data-page="home"]) .trip-planner,body:not([data-page="home"]) .services-intro,body:not([data-page="home"]) .services-categories,body:not([data-page="home"]) .featured-services,body:not([data-page="home"]) .services-gallery,body:not([data-page="home"]) .services-contact,body:not([data-page="home"]) .legal-content,body:not([data-page="home"]) .contact-page{width:var(--cb-shell)!important;max-width:none!important;margin:0 auto!important;padding:100px 0!important}body:not([data-page="home"]) .intro{text-align:left!important;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}body:not([data-page="home"]) .intro h2{font-size:clamp(44px,5vw,70px)!important;line-height:.95;margin:0}body:not([data-page="home"]) .intro p{font-size:17px!important;color:#61716e!important;max-width:720px;margin:8px 0 0!important}body:not([data-page="home"]) section>h2,body:not([data-page="home"]) .section-title{font-size:clamp(42px,4.3vw,64px)!important;line-height:1;margin-bottom:10px!important;color:var(--cb-deep)}body:not([data-page="home"]) .section-intro{color:#6b7977!important;max-width:720px;margin:0 0 34px!important}
/* Filters */
body:not([data-page="home"]) .property-filters,body:not([data-page="home"]) .filters,body:not([data-page="home"]) .service-filters{display:flex!important;flex-wrap:wrap;gap:10px!important;padding:12px!important;border:1px solid var(--cb-line)!important;background:#fff!important;border-radius:20px!important;margin:28px 0 36px!important;box-shadow:0 10px 30px rgba(11,55,49,.06)}body:not([data-page="home"]) .property-filters input,body:not([data-page="home"]) .property-filters select,body:not([data-page="home"]) .filters input,body:not([data-page="home"]) .filters select{min-height:46px;border:0!important;background:#f5f3ee!important;border-radius:12px!important;padding:0 14px!important;color:var(--cb-ink)!important}
/* Dynamic cards */
body:not([data-page="home"]) .property-grid,body:not([data-page="home"]) .packages-grid,body:not([data-page="home"]) .services-grid,body:not([data-page="home"]) .featured-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}body:not([data-page="home"]) .property-card,body:not([data-page="home"]) .tour-package-card,body:not([data-page="home"]) .package-card,body:not([data-page="home"]) .service-card,body:not([data-page="home"]) .featured-service-card{background:#fff!important;border:1px solid var(--cb-line)!important;border-radius:26px!important;overflow:hidden!important;box-shadow:none!important;transition:transform .3s ease,box-shadow .3s ease!important}body:not([data-page="home"]) .property-card:hover,body:not([data-page="home"]) .tour-package-card:hover,body:not([data-page="home"]) .package-card:hover,body:not([data-page="home"]) .service-card:hover{transform:translateY(-6px);box-shadow:var(--cb-shadow)!important}body:not([data-page="home"]) .property-card img,body:not([data-page="home"]) .tour-package-card img,body:not([data-page="home"]) .package-card img,body:not([data-page="home"]) .service-card img{width:100%;object-fit:cover}body:not([data-page="home"]) .property-card img{height:290px!important}body:not([data-page="home"]) .property-card h3,body:not([data-page="home"]) .tour-package-card h3,body:not([data-page="home"]) .package-card h3,body:not([data-page="home"]) .service-card h3{font-size:30px!important;color:var(--cb-deep)!important}body:not([data-page="home"]) button,body:not([data-page="home"]) .btn,body:not([data-page="home"]) .send-inquiry-btn,body:not([data-page="home"]) .view-btn{border-radius:999px!important;font-weight:800!important}
/* Forms */
body:not([data-page="home"]) .villa-inquiry-section,body:not([data-page="home"]) .property-inquiry-section,body:not([data-page="home"]) .trip-planner,body:not([data-page="home"]) .services-contact{width:min(100% - 48px,1320px)!important;background:var(--cb-deep)!important;color:#fff!important;border-radius:34px!important;padding:70px!important;margin:70px auto 100px!important;box-shadow:var(--cb-shadow)}body:not([data-page="home"]) .villa-inquiry-section h2,body:not([data-page="home"]) .property-inquiry-section h2,body:not([data-page="home"]) .trip-planner h2,body:not([data-page="home"]) .services-contact h2{color:#fff!important}body:not([data-page="home"]) .villa-inquiry-section .section-intro,body:not([data-page="home"]) .property-inquiry-section .section-intro,body:not([data-page="home"]) .trip-planner p,body:not([data-page="home"]) .services-contact p{color:rgba(255,255,255,.68)!important}body:not([data-page="home"]) .villa-inquiry-box,body:not([data-page="home"]) .property-inquiry-box,body:not([data-page="home"]) .planner-box,body:not([data-page="home"]) form{border-radius:22px}body:not([data-page="home"]) input,body:not([data-page="home"]) select,body:not([data-page="home"]) textarea{font:inherit}body:not([data-page="home"]) .villa-inquiry-section input,body:not([data-page="home"]) .villa-inquiry-section select,body:not([data-page="home"]) .villa-inquiry-section textarea,body:not([data-page="home"]) .property-inquiry-section input,body:not([data-page="home"]) .property-inquiry-section select,body:not([data-page="home"]) .property-inquiry-section textarea,body:not([data-page="home"]) .trip-planner input,body:not([data-page="home"]) .trip-planner select,body:not([data-page="home"]) .trip-planner textarea{border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border-radius:12px!important}body:not([data-page="home"]) .send-inquiry-btn,body:not([data-page="home"]) .trip-planner button[type="submit"]{background:#fff!important;color:var(--cb-deep)!important;border:0!important;padding:13px 22px!important}
/* CTA */
body:not([data-page="home"]) .cta{width:var(--cb-shell)!important;max-width:none!important;margin:0 auto 100px!important;padding:80px!important;border-radius:32px!important;background:linear-gradient(120deg,#0b514a,#103b37)!important;color:#fff!important;text-align:left!important;position:relative;overflow:hidden}body:not([data-page="home"]) .cta h2{font-size:clamp(44px,5vw,68px)!important;color:#fff!important;max-width:760px;margin:0 0 10px!important}body:not([data-page="home"]) .cta p{color:rgba(255,255,255,.68)!important;max-width:650px}body:not([data-page="home"]) .cta a{display:inline-flex;margin-top:16px;background:#fff!important;color:var(--cb-deep)!important;padding:13px 20px!important;border-radius:999px!important;text-decoration:none!important;font-weight:800!important}
/* Tours details */
body[data-page="tour-details"] main{padding-top:120px;background:var(--cb-cream)}body[data-page="tour-details"] .details-shell{width:var(--cb-shell)!important;max-width:none!important;margin:auto!important}body[data-page="tour-details"] .tour-title-block h1{font-size:clamp(54px,6vw,86px)!important;color:var(--cb-deep)}body[data-page="tour-details"] .tour-gallery{border-radius:30px!important;overflow:hidden}body[data-page="tour-details"] .content-card,body[data-page="tour-details"] .booking-card{border-radius:24px!important;border:1px solid var(--cb-line)!important;box-shadow:none!important;background:#fff!important}body[data-page="tour-details"] .booking-card{position:sticky;top:110px}.related-section{width:var(--cb-shell)!important;max-width:none!important;margin:auto!important;padding:90px 0!important}
/* Services */
body[data-page="services"] .services-gallery img{border-radius:22px!important}.service-category,.category-card{border-radius:24px!important;overflow:hidden!important}.services-contact{background:var(--cb-deep)!important}
/* Contact */
body[data-page="contact"] .contact-page{padding-top:150px!important}body[data-page="contact"] .contact-container,body[data-page="contact"] .contact-wrapper{max-width:1320px!important;margin:auto!important}body[data-page="contact"] .contact-info,body[data-page="contact"] .contact-form{border-radius:28px!important;box-shadow:var(--cb-shadow)!important;border:1px solid var(--cb-line)!important}body[data-page="contact"] .contact-info{background:var(--cb-deep)!important;color:#fff!important}body[data-page="contact"] .contact-form{background:#fff!important}body[data-page="contact"] .contact-form input,body[data-page="contact"] .contact-form textarea,body[data-page="contact"] .contact-form select{border:1px solid var(--cb-line)!important;background:#f8f6f1!important;border-radius:12px!important}
/* Legal */
body[data-page="privacy"] .legal-content,body[data-page="terms"] .legal-content,body[data-page="404"] .legal-content{max-width:980px!important;background:#fff;border-radius:28px;padding:55px!important;margin:80px auto!important;box-shadow:0 20px 70px rgba(16,42,38,.08)}body[data-page="privacy"] .legal-content h2,body[data-page="terms"] .legal-content h2{font-size:34px!important;color:var(--cb-deep)}
/* Reviews */
body:not([data-page="home"]) .cb-social-proof{padding:100px max(24px,calc((100% - 1420px)/2))!important;background:#123b37!important;color:#fff}body:not([data-page="home"]) .cb-social-proof h2{color:#fff!important}body:not([data-page="home"]) .cb-review-card{border-radius:22px!important;border:0!important}
/* Footer */
body:not([data-page="home"]) 
/* ----------------------------------------------------------------
   CSS SECTION: GLOBAL FOOTER
   CONTROLS: Shared footer.
   HTML: Search the matching page for "SECTION: GLOBAL FOOTER" or the selector below.
   ---------------------------------------------------------------- */
.site-footer{background:#081f1d;color:#fff;padding:72px 0 24px!important;text-align:left!important}body:not([data-page="home"]) .footer-shell,body:not([data-page="home"]) .footer-bottom{width:var(--cb-shell);margin:auto}body:not([data-page="home"]) .footer-shell{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:50px;padding-bottom:54px}body:not([data-page="home"]) .footer-brand img{width:190px;filter:brightness(0) invert(1);margin-bottom:18px}body:not([data-page="home"]) .footer-brand p{max-width:360px;color:rgba(255,255,255,.56);font-size:13px}body:not([data-page="home"]) .footer-column{display:flex;flex-direction:column;gap:9px;align-items:flex-start}body:not([data-page="home"]) .footer-column h3{font:800 11px/1 "DM Sans","Poppins",sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#e7bd7c;margin:0 0 8px}body:not([data-page="home"]) .footer-column a{color:rgba(255,255,255,.68);text-decoration:none;font-size:13px}body:not([data-page="home"]) .footer-bottom{border-top:1px solid rgba(255,255,255,.11);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.43);font-size:11px}
/* ----------------------------------------------------------------
   CSS SECTION: WHATSAPP BUTTON
   CONTROLS: Floating WhatsApp action.
   HTML: Search the matching page for "SECTION: WHATSAPP BUTTON" or the selector below.
   ---------------------------------------------------------------- */
.floating-whatsapp-v3{position:fixed;z-index:9800;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 16px 40px rgba(0,0,0,.2);font-size:23px}
@media(max-width:1000px){:root{--cb-shell:calc(100% - 36px)}body:not([data-page="home"]) .menu-toggle{display:block}body:not([data-page="home"]) .nav-cta{display:none}body:not([data-page="home"]) .main-nav{position:fixed;inset:0;background:#092f2c;padding:110px 26px 40px;display:flex;flex-direction:column;align-items:stretch;transform:translateX(100%);transition:.32s ease;z-index:-1}body:not([data-page="home"]) .main-nav a{font-family:"Cormorant Garamond",serif;font-size:34px;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;padding:10px 2px}body:not([data-page="home"]).menu-open .main-nav{transform:none}body:not([data-page="home"]).menu-open{overflow:hidden}body:not([data-page="home"]).menu-open .menu-toggle span:first-child{top:22px;transform:rotate(45deg)}body:not([data-page="home"]).menu-open .menu-toggle span:last-child{top:22px;transform:rotate(-45deg)}body:not([data-page="home"]) .intro{grid-template-columns:1fr;gap:20px}body:not([data-page="home"]) .property-grid,body:not([data-page="home"]) .packages-grid,body:not([data-page="home"]) .services-grid,body:not([data-page="home"]) .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:not([data-page="home"]) .footer-shell{grid-template-columns:1.3fr 1fr 1fr;gap:34px}.footer-column:last-child{grid-column:2/4}}
@media(max-width:700px){:root{--cb-shell:calc(100% - 28px)}body:not([data-page="home"]) .brand img{width:132px}body:not([data-page="home"]) .page-hero,body:not([data-page="home"]) .tour-hero,body:not([data-page="home"]) .services-hero{min-height:76vh!important;padding:130px 18px 66px!important}body:not([data-page="home"]) .page-hero h1,body:not([data-page="home"]) .tour-hero h1,body:not([data-page="home"]) .services-hero h1{font-size:56px!important}body:not([data-page="home"]) .intro,body:not([data-page="home"]) .properties-section,body:not([data-page="home"]) .tour-packages,body:not([data-page="home"]) .tour-types,body:not([data-page="home"]) .destinations,body:not([data-page="home"]) .why,body:not([data-page="home"]) .services-intro,body:not([data-page="home"]) .services-categories,body:not([data-page="home"]) .featured-services,body:not([data-page="home"]) .services-gallery,body:not([data-page="home"]) .legal-content{padding-top:70px!important;padding-bottom:70px!important}body:not([data-page="home"]) .property-grid,body:not([data-page="home"]) .packages-grid,body:not([data-page="home"]) .services-grid,body:not([data-page="home"]) .featured-grid{grid-template-columns:1fr!important}body:not([data-page="home"]) .villa-inquiry-section,body:not([data-page="home"]) .property-inquiry-section,body:not([data-page="home"]) .trip-planner,body:not([data-page="home"]) .services-contact{width:calc(100% - 24px)!important;padding:38px 18px!important;border-radius:26px!important}body:not([data-page="home"]) .cta{padding:45px 24px!important;border-radius:25px!important}body:not([data-page="home"]) .footer-shell{grid-template-columns:1fr;gap:28px}body:not([data-page="home"]) .footer-column:last-child{grid-column:auto}body:not([data-page="home"]) .footer-bottom{flex-direction:column}.floating-whatsapp-v3{right:14px;bottom:14px}}

/* =========================================================
   CeyBreez V3.1 — photographic inner-page layer
   ========================================================= */
body:not([data-page="home"]){overflow-x:hidden}
body:not([data-page="home"]) .v31-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:#b77b2d;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
body:not([data-page="home"]) .v31-eyebrow:before{content:"";width:32px;height:1px;background:currentColor}

/* Gallery / editorial travel strip */
body:not([data-page="home"]) .editorial-gallery{width:var(--cb-shell);margin:0 auto;padding:20px 0 110px}
body:not([data-page="home"]) .editorial-gallery-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:34px}
body:not([data-page="home"]) .editorial-gallery-head h2{font-size:clamp(44px,5vw,72px);line-height:.92;color:var(--cb-deep);margin:0}
body:not([data-page="home"]) .editorial-gallery-head p{max-width:650px;margin:0;color:#667571;font-size:16px}
body:not([data-page="home"]) .editorial-gallery-grid{display:grid;grid-template-columns:1.45fr .75fr;grid-template-rows:260px 260px;gap:14px}
body:not([data-page="home"]) .editorial-gallery-grid figure{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#dfe5df;isolation:isolate}
body:not([data-page="home"]) .editorial-gallery-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,35,31,.4));pointer-events:none}
body:not([data-page="home"]) .editorial-gallery-grid .editorial-gallery-main{grid-row:1/3}
body:not([data-page="home"]) .editorial-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body:not([data-page="home"]) .editorial-gallery-grid figure:hover img{transform:scale(1.04)}
body:not([data-page="home"]) .editorial-gallery-grid figcaption{position:absolute;z-index:2;left:26px;bottom:22px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* Hero detail polish */
body:not([data-page="home"]) .page-hero:after,body:not([data-page="home"]) .tour-hero:after,body:not([data-page="home"]) .services-hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(0deg,rgba(6,35,32,.25),transparent);pointer-events:none}
body:not([data-page="home"]) .page-hero .hero-content,body:not([data-page="home"]) .tour-hero .hero-content,body:not([data-page="home"]) .services-hero .hero-content{position:relative;z-index:1}
body:not([data-page="home"]) .page-hero h1,body:not([data-page="home"]) .tour-hero h1,body:not([data-page="home"]) .services-hero h1{text-wrap:balance}
body:not([data-page="home"]) .hero-btn{box-shadow:0 12px 34px rgba(0,0,0,.16)}

/* Property and package card refinement */
body:not([data-page="home"]) .property-card,body:not([data-page="home"]) .tour-package-card,body:not([data-page="home"]) .package-card,body:not([data-page="home"]) .service-card,body:not([data-page="home"]) .featured-service-card{position:relative}
body:not([data-page="home"]) .property-card img,body:not([data-page="home"]) .tour-package-card img,body:not([data-page="home"]) .package-card img,body:not([data-page="home"]) .service-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
body:not([data-page="home"]) .property-card:hover img,body:not([data-page="home"]) .tour-package-card:hover img,body:not([data-page="home"]) .package-card:hover img,body:not([data-page="home"]) .service-card:hover img{transform:scale(1.035)}
body:not([data-page="home"]) .property-card button,body:not([data-page="home"]) .property-card .btn,body:not([data-page="home"]) .tour-package-card a,body:not([data-page="home"]) .package-card a{transition:transform .22s ease,background .22s ease}
body:not([data-page="home"]) .property-card button:hover,body:not([data-page="home"]) .tour-package-card a:hover{transform:translateY(-2px)}

/* Inquiry panels */
body:not([data-page="home"]) .villa-inquiry-section,body:not([data-page="home"]) .property-inquiry-section,body:not([data-page="home"]) .trip-planner,body:not([data-page="home"]) .services-contact{position:relative;overflow:hidden}
body:not([data-page="home"]) .villa-inquiry-section:before,body:not([data-page="home"]) .property-inquiry-section:before,body:not([data-page="home"]) .trip-planner:before,body:not([data-page="home"]) .services-contact:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-140px;top:-150px;background:rgba(220,169,90,.12);filter:blur(2px);pointer-events:none}
body:not([data-page="home"]) .villa-inquiry-section>* ,body:not([data-page="home"]) .property-inquiry-section>* ,body:not([data-page="home"]) .trip-planner>* ,body:not([data-page="home"]) .services-contact>*{position:relative;z-index:1}

/* Contact becomes a photographic destination page */
body[data-page="contact"] .contact-hero-v31{min-height:72vh;display:flex;align-items:flex-end;padding:150px 24px 86px;background-image:linear-gradient(90deg,rgba(5,38,34,.86),rgba(5,38,34,.22)),url('images/nature.jpg');background-position:center;background-size:cover;color:#fff}
body[data-page="contact"] .contact-hero-v31-inner{width:var(--cb-shell);margin:auto}
body[data-page="contact"] .contact-hero-v31 .v31-eyebrow{color:#f3ca8b}
body[data-page="contact"] .contact-hero-v31 h1{font-size:clamp(54px,7vw,94px);line-height:.9;max-width:900px;margin:0 0 22px;color:#fff}
body[data-page="contact"] .contact-hero-v31 p{max-width:660px;margin:0 0 26px;color:rgba(255,255,255,.78);font-size:17px}
body[data-page="contact"] .contact-hero-v31 a{display:inline-flex;gap:12px;align-items:center;background:#fff;color:var(--cb-deep);padding:13px 19px;border-radius:999px;text-decoration:none;font-weight:800}
body[data-page="contact"] .contact-page{padding:100px 0!important}
body[data-page="contact"] .contact-container{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:22px!important;align-items:stretch!important}
body[data-page="contact"] .contact-info,body[data-page="contact"] .contact-form-box{border-radius:30px!important;overflow:hidden!important;box-shadow:var(--cb-shadow)!important;border:1px solid var(--cb-line)!important;padding:52px!important}
body[data-page="contact"] .contact-info{background:linear-gradient(145deg,#0a4a44,#082f2b)!important;color:#fff!important}
body[data-page="contact"] .contact-info h1,body[data-page="contact"] .contact-info h2{color:#fff!important}
body[data-page="contact"] .contact-info p{color:rgba(255,255,255,.68)!important}
body[data-page="contact"] .contact-form-box{background:#fff!important}
body[data-page="contact"] .contact-form-box h2{font-size:48px!important;color:var(--cb-deep)!important;margin-top:0!important}
body[data-page="contact"] .contact-form-box form{box-shadow:none!important;background:transparent!important;padding:0!important}
body[data-page="contact"] .contact-form-box input,body[data-page="contact"] .contact-form-box select,body[data-page="contact"] .contact-form-box textarea{width:100%;border:1px solid var(--cb-line)!important;background:#f7f5ef!important;border-radius:12px!important;min-height:48px!important;padding:12px 14px!important}
body[data-page="contact"] .contact-form-box button{background:var(--cb-deep)!important;color:#fff!important;border:0!important;padding:14px 22px!important}
body[data-page="contact"] .contact-logo{filter:brightness(0) invert(1);max-width:190px!important}

/* Reveal motion — enhancement only */
.v31-reveal{opacity:1;transform:none}
.v31-js .v31-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.v31-js .v31-reveal.v31-visible{opacity:1;transform:none}

@media(max-width:900px){
  body:not([data-page="home"]) .editorial-gallery-head{grid-template-columns:1fr;gap:18px}
  body:not([data-page="home"]) .editorial-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 220px}
  body:not([data-page="home"]) .editorial-gallery-grid .editorial-gallery-main{grid-column:1/3;grid-row:auto}
  body[data-page="contact"] .contact-container{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body:not([data-page="home"]) .editorial-gallery{padding:10px 0 72px}
  body:not([data-page="home"]) .editorial-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:330px 160px;gap:9px}
  body:not([data-page="home"]) .editorial-gallery-grid figure{border-radius:18px}
  body[data-page="contact"] .contact-hero-v31{min-height:78vh;padding:130px 18px 64px}
  body[data-page="contact"] .contact-hero-v31 h1{font-size:54px}
  body[data-page="contact"] .contact-info,body[data-page="contact"] .contact-form-box{padding:30px 20px!important;border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){.v31-js .v31-reveal{opacity:1;transform:none;transition:none!important}}

/* =========================================================
   CeyBreez V3.2 — Contact + inquiry readability patch
   ========================================================= */

/* Contact: old contact.css left each grid child at width:48%.
   In the V3 grid this made both cards appear unnaturally narrow. */
body[data-page="contact"] .contact-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:100px max(24px,calc((100% - 1320px)/2))!important;
  background-position:center!important;
  background-size:cover!important;
}
body[data-page="contact"] .contact-container{
  width:100%!important;
  max-width:1320px!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:30px!important;
  margin:0 auto!important;
}
body[data-page="contact"] .contact-info,
body[data-page="contact"] .contact-form-box{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  align-self:stretch!important;
}
body[data-page="contact"] .contact-form-box label{
  color:#17332f!important;
}
body[data-page="contact"] .contact-form-box input,
body[data-page="contact"] .contact-form-box select,
body[data-page="contact"] .contact-form-box textarea{
  color:#17332f!important;
  -webkit-text-fill-color:#17332f!important;
  caret-color:#0c4f49;
}
body[data-page="contact"] .contact-form-box input::placeholder,
body[data-page="contact"] .contact-form-box textarea::placeholder{
  color:#74817d!important;
  -webkit-text-fill-color:#74817d!important;
  opacity:1!important;
}
body[data-page="contact"] .contact-form-box select option{
  color:#17332f!important;
  background:#fff!important;
}

/* Property / tour inquiry panels: use a clean light form surface with
   dark text so labels, entered values and placeholders remain readable. */
body:not([data-page="home"]) .villa-inquiry-box,
body:not([data-page="home"]) .property-inquiry-box,
body:not([data-page="home"]) .planner-box{
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.16)!important;
}
body:not([data-page="home"]) .villa-inquiry-box label,
body:not([data-page="home"]) .property-inquiry-box label,
body:not([data-page="home"]) .planner-box label,
body:not([data-page="home"]) .planner-box .field-label{
  color:#17332f!important;
}
body:not([data-page="home"]) .villa-inquiry-section input,
body:not([data-page="home"]) .villa-inquiry-section select,
body:not([data-page="home"]) .villa-inquiry-section textarea,
body:not([data-page="home"]) .property-inquiry-section input,
body:not([data-page="home"]) .property-inquiry-section select,
body:not([data-page="home"]) .property-inquiry-section textarea,
body:not([data-page="home"]) .trip-planner input,
body:not([data-page="home"]) .trip-planner select,
body:not([data-page="home"]) .trip-planner textarea{
  background:#f7f5ef!important;
  color:#17332f!important;
  -webkit-text-fill-color:#17332f!important;
  border:1px solid rgba(12,79,73,.16)!important;
  caret-color:#0c4f49!important;
}
body:not([data-page="home"]) .villa-inquiry-section input::placeholder,
body:not([data-page="home"]) .villa-inquiry-section textarea::placeholder,
body:not([data-page="home"]) .property-inquiry-section input::placeholder,
body:not([data-page="home"]) .property-inquiry-section textarea::placeholder,
body:not([data-page="home"]) .trip-planner input::placeholder,
body:not([data-page="home"]) .trip-planner textarea::placeholder{
  color:#74817d!important;
  -webkit-text-fill-color:#74817d!important;
  opacity:1!important;
}
body:not([data-page="home"]) .villa-inquiry-section select option,
body:not([data-page="home"]) .property-inquiry-section select option,
body:not([data-page="home"]) .trip-planner select option{
  color:#17332f!important;
  background:#fff!important;
}
body:not([data-page="home"]) .villa-inquiry-section input:focus,
body:not([data-page="home"]) .villa-inquiry-section select:focus,
body:not([data-page="home"]) .villa-inquiry-section textarea:focus,
body:not([data-page="home"]) .property-inquiry-section input:focus,
body:not([data-page="home"]) .property-inquiry-section select:focus,
body:not([data-page="home"]) .property-inquiry-section textarea:focus,
body:not([data-page="home"]) .trip-planner input:focus,
body:not([data-page="home"]) .trip-planner select:focus,
body:not([data-page="home"]) .trip-planner textarea:focus{
  background:#fff!important;
  color:#17332f!important;
  -webkit-text-fill-color:#17332f!important;
  border-color:#0c4f49!important;
  box-shadow:0 0 0 3px rgba(12,79,73,.12)!important;
}

@media(max-width:1000px){
  body[data-page="contact"] .contact-container{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body[data-page="contact"] .contact-page{padding:54px 14px!important}
}