/* RAY PALMS — Premium Editorial Redesign, 24 October 2026
   Visual-only design layer: CMS fields, lead API, sliders, mobile navigation and admin untouched.
   Brand language: oxblood / champagne / porcelain / espresso.
*/
:root{
  --forest:#6b322b;
  --deep:#321c1b;
  --forest2:#85483b;
  --gold:#c89e59;
  --gold-light:#e6c998;
  --cream:#f6f1ec;
  --ivory:#fcfaf7;
  --ink:#332924;
  --muted:#796e66;
  --border:#eadfd5;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --rail-sans:'Plus Jakarta Sans',Arial,sans-serif;
  --rail-width:348px;
}
html{scroll-padding-top:86px}
body{background:var(--ivory);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:var(--sans)}
.container-xl{max-width:1350px}
.top-strip{background:#2d1b1b;color:#f4e7d3;letter-spacing:1.65px;padding:9px 0;border-bottom:1px solid #ffffff16}
.top-strip .gold-dot,.top-strip i{color:#dfb76b}
.site-header{background:#fff!important;box-shadow:0 8px 30px #32201b12;border-bottom:1px solid #ede4dd;backdrop-filter:none}
.navbar{min-height:78px}.logo-wrap img{width:152px;height:66px}
.nav-links{gap:13px}.nav-links .nav-link{color:#322b27;font-weight:700;font-size:12px;letter-spacing:.02em;padding:10px 4px!important;white-space:nowrap}
.nav-links .nav-link.active,.nav-links .nav-link:hover{color:#793b31}
.nav-links .nav-link:after{background:#8b4136;height:2px;bottom:4px}
.header-call{color:#5a2d26;font-size:12px}
.btn{border-radius:8px;font-size:12px;min-height:44px;gap:12px;box-shadow:none!important}
.btn-gold{background:#6b322b;border:1px solid #b99a66;color:#fff;padding:12px 19px}
.btn-gold:hover{background:#4c241f;border-color:#d6b477;color:#fff;transform:translateY(-2px)}
.btn-darkgreen{background:#673027;border:1px solid #673027;color:#fff}
.btn-darkgreen:hover{background:#49221e;border-color:#49221e}
.btn-outline-green{color:#673027;border-color:#ac8b72;background:transparent}
.btn-outline-green:hover{background:#673027;border-color:#673027;color:#fff}
.eyebrow{color:#a17b51;letter-spacing:2.35px;font-weight:800}
.display-title{color:#633129;letter-spacing:-1.3px;font-size:clamp(35px,3.6vw,52px)}
.lead-muted{color:#706760;line-height:1.86}
.section{padding:93px 0}
.section-heading{margin-bottom:36px}

/* Fixed conversion-oriented right rail, only when enough horizontal space is available */
.premium-lead-rail{display:none}
@media(min-width:1300px){
  .top-strip,.site-header,main,.footer-main{margin-right:var(--rail-width)}
  .top-strip .container-xl,.site-header .container-xl,main .container-xl,.footer-main .container-xl{max-width:none;padding-left:clamp(27px,3vw,63px);padding-right:clamp(27px,3vw,63px)}
  .site-header .container-xl{padding-left:clamp(23px,2.3vw,38px);padding-right:clamp(20px,2vw,31px)}
  .logo-wrap img{width:133px;height:58px}
  .nav-links{gap:clamp(4px,1vw,13px)}
  .nav-links .nav-link{font-size:11.5px}
  .premium-lead-rail{display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:var(--rail-width);background:#fff;z-index:1028;box-shadow:-14px 0 40px #3519150e;border-left:1px solid #e6dcd5;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6c7bb #fff}
  .floating-cta-rail{right:calc(var(--rail-width) + 8px);z-index:1001}
  .persistent-whatsapp{right:calc(var(--rail-width) + 14px)}
  .property-chat{right:calc(var(--rail-width) + 18px)}
  .hero-copy.container-xl{padding-left:clamp(44px,4.4vw,75px);padding-right:30px}
}
@media(min-width:1600px){:root{--rail-width:368px}}
.premium-lead-rail,.premium-lead-rail button,.premium-lead-rail input,.premium-lead-rail select,.premium-lead-rail textarea{font-family:var(--rail-sans)}
.rail-topline{display:grid;grid-template-columns:1fr 1fr;background:#251718;min-height:62px;flex-shrink:0}
.rail-top-action{color:#fff;border:0;background:transparent;display:flex;justify-content:center;align-items:center;gap:9px;padding:9px 5px;font-size:11px;font-weight:700;cursor:pointer}
.rail-top-action:first-child{border-right:1px solid #ffffff3d}
.rail-top-action i{font-size:15px;color:#e1ba82}.rail-top-action:hover{background:#472622;color:#fff}
.rail-inner{padding:27px 27px 22px;display:flex;flex-direction:column;flex:1}
.rail-eyebrow{display:flex;align-items:center;gap:9px;color:#aa8058;font-size:9px;letter-spacing:1.6px;font-weight:800}
.rail-eyebrow span{width:25px;height:1px;background:#bb9865}
.rail-inner>h2{font-family:var(--rail-sans);color:#542b25;font-weight:800;font-size:29px;line-height:1.22;margin:12px 0 10px;letter-spacing:-.7px}
.rail-inner>h2 em{font-weight:700;color:#a87656;font-style:normal}
.rail-intro{font-size:11.5px;line-height:1.68;color:#83756b;margin:0 0 17px}
.rail-offer{display:flex;align-items:center;justify-content:space-between;background:#f8f2e9;border:1px solid #e7d8c4;border-radius:12px;padding:16px 14px;margin-bottom:20px;position:relative;overflow:hidden}
.rail-offer:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#bc9054}
.rail-offer small{display:block;font-size:9px;letter-spacing:1.25px;color:#987651;font-weight:800;margin-bottom:5px}
.rail-offer strong{display:block;font-family:var(--serif);font-weight:700;font-size:27px;color:#6c322b;line-height:1.15}
.rail-offer>span{font-size:10px;line-height:1.6;color:#6a4a3f;font-weight:800;text-align:right;padding-left:12px}
.rail-lead-form{display:flex;flex-direction:column;gap:0}
.rail-lead-form>label:not(.rail-consent){font-size:11px;color:#594a41;font-weight:800;margin:0 0 7px}
.rail-lead-form>label>span{color:#b36d5f}
.rail-input{height:47px;border:1px solid #ded2c9;background:#fff;border-radius:7px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-bottom:14px;transition:box-shadow .2s,border-color .2s}
.rail-input:focus-within{border-color:#ac875d;box-shadow:0 0 0 3px #ddba8a33}
.rail-input i{font-size:16px;color:#a5856b}
.rail-input input,.rail-input select{width:100%;min-width:0;outline:0;border:0;box-shadow:none!important;color:#40342e;font-size:12px;height:100%;background:transparent;appearance:none}
.rail-input input::placeholder{color:#a79990}
.rail-input:has(select){position:relative}
.rail-input:has(select):after{content:'⌄';position:absolute;right:13px;top:10px;font-size:17px;color:#8d6c59;pointer-events:none}
.rail-country{color:#65372f;font-size:12px;font-weight:800;white-space:nowrap;padding-right:9px;border-right:1px solid #e6dad1}
.rail-consent{display:flex;gap:9px;font-size:9.5px;line-height:1.6;color:#8c8179;margin-top:1px;margin-bottom:13px;cursor:pointer;align-items:flex-start}
.rail-consent input{accent-color:#69362c;width:14px;height:14px;flex-shrink:0;margin-top:1px}
.rail-feedback{min-height:0;color:#633229;font-size:11px;line-height:1.5;margin-bottom:6px}
.rail-feedback:not(:empty){padding:8px 10px;background:#f9f0e6;border-radius:6px}
.rail-feedback.success{color:#26683f;background:#ecf7ee}
.rail-feedback.error{color:#8d3029;background:#fff2ed}
.rail-submit{width:100%;border:1px solid #cea66c;background:#6d332b;color:#fff;border-radius:9px;padding:14px 10px;min-height:50px;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:11px;transition:.2s}
.rail-submit:hover{background:#512520;box-shadow:0 10px 26px #6d332b25;transform:translateY(-1px)}
.rail-submit:disabled{opacity:.65;cursor:wait;transform:none}
.rail-benefits{margin-top:21px;padding:17px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #f1e7df;border-bottom:1px solid #f1e7df;gap:4px}
.rail-benefits>div{text-align:center;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:10px;color:#605047;line-height:1.45}
.rail-benefits i{font-size:25px;color:#754037}
.rail-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:21px}
.rail-helpline{display:flex;align-items:center;gap:11px}
.rail-helpline-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f4ebe4;color:#713b32;font-size:17px}
.rail-helpline small{display:block;color:#958780;letter-spacing:1px;font-size:9px;font-weight:700;margin-bottom:4px}
.rail-helpline a{display:block;font-size:15px;color:#4f302b;font-weight:800}
.rail-whatsapp{width:40px;height:40px;flex-shrink:0;background:#1b9d51;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:23px}
.rail-whatsapp:hover{color:#fff;background:#12743c}
.rail-disclaimer{font-size:9px;color:#a09287;line-height:1.6;margin:18px 0 0}

/* Hero — clean luxury banner with left booking card */
.hero-section{background:#38211f;position:relative}
.hero-section .carousel-item{height:660px}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-overlay{background:linear-gradient(90deg,rgba(34,18,15,.18) 0%,rgba(34,18,15,.08) 45%,rgba(34,18,15,.03) 100%),linear-gradient(0deg,rgba(22,12,10,.18) 0%,rgba(22,12,10,0) 42%)}
.hero-copy{display:none!important}
.hero-stage{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-start;pointer-events:none}
.hero-booking-card{pointer-events:auto;width:min(350px,100%);margin-top:74px;background:rgba(255,250,245,.97);border:1px solid #d8c0ab;border-radius:0 0 22px 22px;box-shadow:0 28px 80px rgba(31,14,11,.24);overflow:hidden}
.hero-booking-head{background:linear-gradient(180deg,#7a3a31,#5c2924);color:#fff;padding:16px 22px;font-size:16px;font-weight:700;text-align:center}
.hero-booking-body{padding:20px 24px 14px;background:#fffdfa}
.hero-booking-body h1{font-family:var(--serif);font-size:34px;line-height:1.02;color:#4c2721;margin:0 0 8px}
.hero-booking-dev{font-size:14px;font-weight:700;color:#4b3a34;margin:0 0 6px}
.hero-booking-loc{font-size:14px;color:#796257;margin:0;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.hero-booking-loc i{color:#7d3c31;margin-top:3px}
.hero-booking-list{background:linear-gradient(180deg,#73352d,#5f2b25);padding:14px 24px;border-top:3px dotted #caa15d;border-bottom:3px dotted #caa15d;display:grid;gap:12px}
.hero-booking-list div{color:#fff8f2;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px}
.hero-booking-list i{font-size:10px;color:#e6bf76}
.hero-booking-price{padding:16px 24px 18px;background:#fffdfa;text-align:center}
.hero-booking-type{font-size:17px;font-weight:700;color:#463531;margin-bottom:8px}
.hero-booking-amount{font-family:var(--serif);font-size:40px;line-height:1;color:#74362d;font-weight:700}
.hero-booking-amount span{font-family:var(--sans);font-size:18px;font-weight:700;color:#8a4e42}
.hero-booking-actions{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 24px 22px;background:#fffdfa}
.hero-booking-cta,.hero-booking-secondary{pointer-events:auto;position:relative;overflow:hidden}
.hero-booking-cta{background:#6b322b;border:1px solid #c69d63;color:#fff;min-height:50px;font-weight:700}
.hero-booking-cta:hover{background:#4c241f;color:#fff}
.hero-booking-secondary{background:#fff;border:1px solid #d5b186;color:#6b322b;min-height:50px;font-weight:700;padding:12px 18px}
.hero-booking-secondary:hover{background:#f6eee6;color:#4c241f}
.mobile-hero-actions{display:none}
.hero-pagination{right:38px;bottom:23px}
.carousel-control-prev,.carousel-control-next{background:#4b292566;border-color:#ecd2b0a1}
.offer-topline,.offer-project,.offer-place,.offer-rule,.offer-price-label,.offer-price,.offer-units,.offer-points,.offer-cta{display:none!important}
/* Reference-inspired horizontal property facts */
.stats-band{background:#f7f2eb;padding:20px 0;border-bottom:1px solid #e8ddd2}
.stats-grid>div{border-right:1px solid #e3d4c5;padding:13px 20px}
.stats-grid span{color:#a17851;letter-spacing:1.55px;font-size:9px}
.stats-grid strong{font-family:var(--serif);font-size:25px;color:#672e28}
.stats-grid small{color:#81746d}
.about-section{background:#fffdfa}
.image-story{border-radius:12px 100px 12px 12px;box-shadow:22px 22px 0 #eadad0;max-width:98%;height:505px}
.image-story:before{background:linear-gradient(0deg,#432420b0,transparent 42%)}
.amenity-points>div{color:#63584e}
.amenity-points i{color:#a67b53}
.tiny-trust{color:#877b72}

/* Project residences: reference-style bordered ivory cards */
.floor-section{background:#f5efea}
.floor-card{border:1px solid #ead9ca;border-radius:13px;box-shadow:0 14px 46px #4a281c12}
.floor-card:hover{box-shadow:0 24px 60px #4a281c25}
.floor-top{background:linear-gradient(120deg,#65312b,#844737);padding:26px 27px}
.floor-top .floor-kicker{color:#ebc590}
.floor-top small{color:#eee1d8}
.floor-visual{background:#fcf8f3}
.floor-lock-overlay{background:linear-gradient(180deg,#fcf6ef26,#fcf6efad)}
.floor-lock-icon{background:#6d332c}
.floor-lock-overlay strong{color:#6d332c}
.floor-bottom strong{color:#6c332c}
.plan-details{background:#fffdfa!important;border-color:#ede3da!important}
.plan-details b{color:#74392f!important}

/* Standalone pricing matrix */
.premium-pricing-section{background:#fffdfa}
.premium-pricing-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
.premium-price-table{background:#fff;border:1px solid #dac5b6;border-radius:16px;box-shadow:0 19px 45px #55291f12;overflow:hidden}
.price-table-header,.price-table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1fr .92fr;align-items:center;gap:15px}
.price-table-header{background:#663129;color:#f9efe5;padding:19px 25px;font-size:10px;font-weight:800;letter-spacing:1.2px}
.price-table-row{padding:22px 25px;border-top:1px solid #ede2d8;background:#fff}
.price-table-row:nth-child(3){background:#fcf8f5}
.price-type{display:flex;align-items:center;gap:14px}
.price-home-icon{display:grid;place-items:center;background:#f6ebe0;color:#763e31;width:42px;height:42px;flex-shrink:0;border-radius:12px;font-size:19px}
.price-type strong,.price-area strong{font-size:14px;color:#543a31;font-weight:800;display:block}
.price-type small,.price-area small{font-size:10.5px;display:block;color:#93857a;margin-top:6px;line-height:1.5}
.price-amount small{display:block;font-size:9px;letter-spacing:1px;color:#a48767;font-weight:800;margin-bottom:7px}
.price-amount strong{font-family:var(--serif);font-size:23px;color:#712f29;font-weight:600}
.price-table-button{color:#fff;background:#71352d;border:1px solid #b89463;padding:11px 10px;white-space:nowrap;font-size:11px}
.price-table-button:hover{color:#fff;background:#4c241f}
.pricing-footnote{display:flex;align-items:start;gap:8px;color:#91847a;font-size:10px;line-height:1.5;margin-top:16px}
.pricing-footnote i{color:#a77a4d;flex-shrink:0}

/* Amenity gallery: luxury magazine approach */
.amenity-section{background:radial-gradient(ellipse at top right,#77453c66,transparent 50%),#39211f}
.amenity-card{border-radius:12px;height:342px;box-shadow:0 20px 45px #170e0e45}
.amenity-shade{background:linear-gradient(0deg,#251512f0,transparent 73%)}
.amenity-info h3{font-size:23px}
.amenity-info i{color:#e6bf81}
.slider-arrow{border-color:#ca9f72a6;color:#f1c98b}
.slider-arrow:hover{background:#ca9f72;color:#34211f}
.gallery-section{background:#fffdfa}
.gallery-mosaic{gap:13px;grid-template-rows:205px 205px}
.gallery-mosaic .gallery-lightbox-trigger{border-radius:10px}
.gallery-mosaic .gallery-lightbox-trigger>span{background:linear-gradient(90deg,#3d2421c9,transparent)!important}
.location-section{background:#f6f0eb}
.connect-card{border-color:#e6d7c7;box-shadow:0 14px 32px #4b241b0f;border-radius:11px}
.connect-glyph{background:linear-gradient(180deg,#fff,#f6eee6);border-color:#e9d2b8}
.connect-glyph i,.connect-body h3{color:#673128}
.connect-body p{color:#80736a}
.connect-visual{background:#f8ece2}
.connect-image-badge{background:#6e362e}
.icon-bubble{background:#af8350}
.map-feature{background:#eee3d8;border-color:#dfcbbb;border-radius:15px}
.map-feature h3{color:#633027}.map-feature p{color:#6b5c51}
.dark-cta{background:#4b2522}
.dark-cta img{opacity:.75}
.cta-content p{color:#f0dcd3}
.instagram-section{background:#fffdfa}
.reel-card{border-radius:12px;box-shadow:0 14px 25px #452a251a}
.footer-main{background:#281817;color:#e9dad0}
.footer-main p,.footer-main a:not(.btn){color:#cdb8ae}
.footer-label,.footer-rera{color:#e2bc81}
.footer-bottom{color:#b7a19a}
.footer-logo{background:#fffaf5;padding:5px;border-radius:9px}
#enquiryModal .enquiry-modal{box-shadow:0 28px 90px #210e0b65}
#enquiryModal .modal-side:after{background:linear-gradient(0deg,#3b1e1cd9,transparent 65%)}
.modal-form h2{color:#613128}
.form-label{color:#694b3d}
.form-control,.form-select{background:#fffdfa;border-color:#e5d6ca}
.form-control:focus,.form-select:focus{border-color:#b78c5b;box-shadow:0 0 0 3px #bd955f24}

/* Navigation & quick controls */
.floating-cta-item{background:#623027!important}
.floating-cta-item:hover{background:#85473c!important}
.property-chat-form button{background:#643129}
.property-chat-header{background:#643129}
.property-chat-quick button{color:#67312b;background:#fbf4ed;border-color:#ecddd0}


/* Interactive button sheen / ripple effect */
.btn,.rail-top-action,.rail-submit{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}
.btn::before,.rail-top-action::before,.rail-submit::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.22),rgba(255,255,255,0) 34%);opacity:0;transition:opacity .2s ease;z-index:-1}
.btn.has-pointer-glow::before,.rail-top-action.has-pointer-glow::before,.rail-submit.has-pointer-glow::before{opacity:1}
.btn.btn-press,.rail-top-action.btn-press,.rail-submit.btn-press{transform:translateY(1px) scale(.985)}
.btn-ripple{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:rgba(255,255,255,.35);pointer-events:none;animation:btnRipple .65s ease-out forwards}
@keyframes btnRipple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

/* Breakpoint handling: use full width with regular modal enquiries when rail cannot fit */
@media(max-width:1599px) and (min-width:1300px){
  .hero-section .carousel-item{height:650px}
  .hero-booking-card{margin-top:66px;width:min(330px,100%)}
  .nav-links{gap:6px}
  .stats-grid>div{padding:12px 14px}
  .stats-grid strong{font-size:22px}
  .floor-bottom{flex-wrap:wrap}
  .floor-bottom .btn{max-width:100%}
  .rail-inner{padding:24px 24px 20px}
  .rail-inner>h2{font-size:28px}
}
@media(min-width:1600px){
 .hero-booking-card{margin-top:78px;width:min(360px,100%)}
}
@media(min-width:992px) and (max-width:1299px){
  .hero-offer-card{right:20px;width:250px;top:80px}
  .hero-copy .row>div{max-width:650px;width:60%}
  .hero-copy h1{font-size:clamp(44px,4.6vw,65px)}
  .hero-copy .btn-lg{padding:13px 18px;font-size:11px}
}
@media(max-width:991.98px){
  .top-strip,.site-header,main,.footer-main{margin-right:0}
  .premium-lead-rail{display:none!important}
  .site-header{z-index:1110!important}
  .hero-offer-card{right:20px;width:235px;top:60px;transform:scale(.92);transform-origin:top right}
  .hero-copy .row>div{width:65%;max-width:65%}
  .hero-copy h1{font-size:clamp(40px,5.5vw,58px)}
  .section{padding:74px 0}
  .price-table-header,.price-table-row{grid-template-columns:1.3fr 1fr .9fr .9fr;gap:10px}
  .price-table-row{padding:17px}
  #mainNav{background:#fffaf6!important;box-shadow:18px 0 55px #351b1c20!important}
  #mainNav .nav-link{color:#56342f!important}
  #mainNav .nav-link.active{color:#a16847!important}
}
@media(max-width:767.98px){
  html{scroll-padding-top:70px}
  body{font-size:14px}
  .container-xl{padding-left:18px;padding-right:18px}
  .navbar{min-height:62px;padding-left:18px;padding-right:18px}
  .logo-wrap img{width:122px;height:52px}
  .site-header{background:#fffdfb!important}
  .hero-section{padding-bottom:18px}
  .hero-section .carousel-item{height:440px}
  .hero-img{object-position:center center}
  .hero-overlay{background:linear-gradient(0deg,rgba(30,16,14,.22) 0%,rgba(30,16,14,.06) 52%,rgba(30,16,14,0) 100%)}
  .hero-stage{position:relative;inset:auto;display:block;margin-top:-78px;padding-left:18px;padding-right:18px;pointer-events:auto}
  .hero-booking-card{width:100%;max-width:100%;margin:0;border-radius:18px;box-shadow:0 16px 35px rgba(35,17,14,.14)}
  .hero-booking-head{font-size:15px;padding:14px 18px}
  .hero-booking-body{padding:18px 18px 12px}
  .hero-booking-body h1{font-size:31px;margin-bottom:6px}
  .hero-booking-dev,.hero-booking-loc{font-size:13px}
  .hero-booking-list{padding:12px 18px;gap:10px}
  .hero-booking-list div{font-size:13px}
  .hero-booking-price{padding:14px 18px 16px}
  .hero-booking-type{font-size:16px}
  .hero-booking-amount{font-size:34px}
  .hero-booking-amount span{font-size:16px}
  .hero-booking-actions{grid-template-columns:1fr;gap:9px;padding:0 18px 18px}
  .mobile-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;pointer-events:auto}
  .mobile-hero-action{min-height:46px;font-size:12px;font-weight:700;background:#6b322b;color:#fff;border:1px solid #c69d63}
  .mobile-hero-action:hover{background:#4c241f;color:#fff}
  .mobile-hero-action-outline{background:#fff!important;color:#6b322b!important;border-color:#d5b186!important}
  .mobile-hero-action-outline:hover{background:#f6eee6!important;color:#4c241f!important}
  .carousel-control-prev,.carousel-control-next{top:34%;width:34px;height:34px}
  .hero-pagination{bottom:88px;right:22px}
  .stats-band{padding:12px 0}
  .stats-grid>div{padding:14px 10px}
  .stats-grid strong{font-size:19px}
  .stats-grid span{font-size:8px;letter-spacing:1px}
  .stats-grid small{font-size:9px;line-height:1.5}
  .section{padding:63px 0}
  .display-title{font-size:clamp(31px,8vw,39px);letter-spacing:-.8px}
  .lead-muted{font-size:13px}
  .image-story{height:355px;max-width:calc(100% - 10px);box-shadow:10px 10px 0 #eadad0;border-radius:9px 65px 9px 9px}
  .about-section .row{gap:22px}
  .amenity-points{grid-template-columns:1fr 1fr;gap:15px}
  .premium-pricing-head{align-items:start;flex-direction:column}
  .premium-price-table{border-radius:12px}
  .price-table-header{display:none}
  .price-table-row{display:grid;grid-template-columns:1fr auto;gap:14px 10px;padding:20px 17px}
  .price-type{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #eee3dc}
  .price-area{grid-column:1}
  .price-amount{grid-column:2;text-align:right}
  .price-table-button{grid-column:1/-1;width:100%;justify-content:center;min-height:43px}
  .price-amount strong{font-size:21px}
  .amenity-section{background:#36211f}
  .amenity-card{height:345px;border-radius:10px}
  .gallery-mosaic{gap:9px}
  .map-feature>div:first-child{padding:29px 23px}
  .footer-main{padding-bottom:157px}
  .mobile-dock{height:67px;background:#fffdfa;border-top:1px solid #ead8cb;box-shadow:0 -7px 24px #3b261827}
  .mobile-dock a,.mobile-dock button{color:#745347}
  .mobile-dock button{color:#fff;background:#6a312a;border-radius:7px}
  .floating-cta-rail{bottom:73px;left:10px;right:10px;box-shadow:0 8px 24px #371f1a36}
  .floating-cta-item{height:43px;font-size:10px}
  .property-chat{bottom:123px}
  .property-chat-panel{height:min(610px,calc(100dvh - 147px))}
  #mainNav.navbar-collapse{top:62px!important;height:calc(100dvh - 62px)!important;width:min(85vw,330px)!important}
  #mainNav.navbar-collapse.collapsing{height:calc(100dvh - 62px)!important}
  body.mobile-nav-open:before{top:62px}
}
@media(max-width:375px){
 .hero-copy .btn-lg{font-size:9px;padding:9px 10px}
 .hero-copy h1{font-size:32px}
 .stats-grid strong{font-size:17px}
 .rail-benefits{gap:2px}
}
@media(prefers-reduced-motion:reduce){.hero-booking-card,.rail-submit,.btn,.rail-top-action{transition:none;transform:none}}

/* Final legibility, overflow and clutter fixes from viewport QA */
.amenity-section .display-title.light-title{color:#fff!important}
.spec-section .display-title{color:#65332b!important}
.spec-section.spec-classic{background:#fffdfa!important}
.spec-classic-grid .spec-item{background:linear-gradient(145deg,#63312b 0%,#351d1a 100%)!important;border-color:#bd956356!important;box-shadow:0 12px 30px #48251e18!important}
.spec-classic-grid .spec-item:hover{border-color:#d9b17c!important;box-shadow:0 18px 36px #45231e2a!important}
.spec-classic-grid .spec-copy span{color:#eadcd3!important}
.emi-section{background:#f6f0e9;border-color:#e7d6c5}
.emi-result-card{background:linear-gradient(155deg,#68362e,#3b211e)!important}
.emi-control-head output{color:#67362c!important}
.emi-gate-card h3{color:#65332b!important}
.emi-gate-icon{background:#71382f!important;color:white!important}
@media(min-width:1300px){
  /* The permanent lead form replaces the old floating CTA strip */
  .floating-cta-rail,.persistent-whatsapp{display:none!important}
  .property-chat{width:64px!important;right:calc(var(--rail-width) + 17px)!important;bottom:18px!important}
  .property-chat-launcher{width:60px!important;height:60px!important;min-height:60px!important;border-radius:50%!important;padding:5px!important;display:grid!important;grid-template-columns:1fr!important;margin-left:auto!important}
  .property-chat-launcher .property-chat-avatar{width:49px!important;height:49px!important}
  .property-chat-launcher-copy,.property-chat-chevron{display:none!important}
  .property-chat-panel{position:absolute;right:0;bottom:70px;width:355px;max-width:calc(100vw - var(--rail-width) - 35px);margin:0}
}
@media(max-width:1299px){
  .about-section .row{--bs-gutter-x:24px}
}
@media(max-width:991px){
  .about-section .row{--bs-gutter-x:18px}
}
@media(max-width:767px){
  .about-section .row{--bs-gutter-x:16px}
  .property-chat:not(.is-open) .property-chat-launcher{width:49px!important;height:49px!important;min-height:49px!important;padding:4px!important}
  .property-chat:not(.is-open) .property-chat-launcher .property-chat-avatar{width:41px!important;height:41px!important}
}

/* Cross-check corrections: separate hero carousel from the responsive booking card,
   and keep slideshow controls clear of the left-side booking card. */
@media(min-width:768px){
  .hero-section .carousel-control-prev,.hero-section .carousel-control-next{top:auto;bottom:22px;transform:none}
  .hero-section .carousel-control-prev{left:auto;right:88px}
  .hero-section .carousel-control-next{right:27px}
  .hero-section .hero-pagination{right:161px;bottom:40px}
}
@media(max-width:767.98px){
  #heroSlider{height:440px}
  #heroSlider .carousel-inner{height:440px}
  .hero-section .carousel-control-prev,.hero-section .carousel-control-next{top:205px;bottom:auto;transform:none}
  .hero-section .carousel-control-prev{left:10px;right:auto}
  .hero-section .carousel-control-next{left:auto;right:10px}
  .hero-section .hero-pagination{top:414px;bottom:auto;right:22px}
}

/* Final mobile conversion-card cleanup after visual verification */
@media(max-width:767.98px){
  .hero-booking-actions{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:0 18px 18px}
  .hero-booking-secondary{padding:10px 15px;min-width:87px}
  .hero-booking-cta{min-width:0}
  .mobile-hero-actions{display:none!important}
  .hero-section .hero-pagination{top:316px;bottom:auto;right:22px}
}