/* SVS Elevate / Ray Palms: responsive hardening, 25 Oct 2026.
   This file intentionally loads after the original premium styles. */
:root{color-scheme:light}
html{width:100%;max-width:100%;scroll-padding-top:85px;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:clip;margin:0}
*,*::before,*::after{box-sizing:border-box}
img,video,svg,iframe{max-width:100%}
img{height:auto}
.container,.container-lg,.container-xl,.container-fluid,.row,.col,.section,.navbar,.admin-shell{min-width:0}
.container-xl{width:100%;max-width:1350px}
.row > *, .stats-grid > *, .hero-section > *, .amenity-card, .floor-card, .price-table-row > *, .reel-card{min-width:0}
h1,h2,h3,h4,h5,p,.lead-muted,.footer-main a,.footer-main p{overflow-wrap:break-word}
a,button,input,select,textarea{touch-action:manipulation}
button,.btn,a{outline-offset:3px}
:focus-visible{outline:2px solid #b68a4f!important;outline-offset:3px}
.reel-upload-player{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0c0c0c;z-index:5;border-radius:inherit}
.reel-card.is-playing .reel-inline-close{z-index:9}
.reel-media{isolation:isolate}
.reel-caption{overflow-wrap:anywhere}
@media(min-width:992px){
 .site-header .navbar{gap:14px}
 .nav-links{column-gap:clamp(5px,1vw,14px)}
 .nav-links .nav-link{white-space:nowrap}
 .premium-price-table{min-width:0}
 .price-table-row{grid-template-columns:minmax(155px,1.4fr) minmax(155px,1.15fr) minmax(125px,1fr) auto}
}
@media(max-width:991.98px){
 html{scroll-padding-top:76px}
 .site-header{position:sticky;top:0;z-index:1040}
 .site-header .navbar{padding-left:16px!important;padding-right:16px!important;min-width:0;gap:10px}
 .site-header .navbar-brand{flex:0 1 auto;min-width:0;margin-right:auto}
 .site-header .navbar-brand img{max-width:clamp(116px,34vw,157px);height:auto;max-height:64px;object-fit:contain}
 .site-header .navbar-toggler{flex-shrink:0;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #e1d6cc}
 .site-header .navbar-collapse{max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}
 .site-header .nav-links .nav-link{min-height:44px;display:flex;align-items:center}
 .header-actions{margin-bottom:16px}
 .hero-section{min-width:0}
 .hero-section .container-xl{min-width:0}
 .premium-lead-rail{display:none!important}
 .stats-grid,.amenities-grid,.gallery-grid,.spec-grid{max-width:100%}
 .section,.section-heading,.about-section,.pricing-section,.footer-main{max-width:100%;min-width:0}
 .footer-main .row{row-gap:26px}
}
@media(max-width:767.98px){
 html{scroll-padding-top:70px}
 body{padding-bottom:env(safe-area-inset-bottom,0px)}
 .container-xl{padding-left:18px!important;padding-right:18px!important}
 .section{padding-left:0;padding-right:0}
 .section-heading{min-width:0;gap:12px}
 .section-heading .display-title,.display-title{max-width:100%;font-size:clamp(27px,7vw,38px);line-height:1.17}
 .hero-section{width:100%;overflow:hidden}
 .hero-booking-card,.hero-booking-head,.hero-booking-body,.hero-booking-price,.hero-booking-actions{min-width:0;max-width:100%}
 .hero-booking-body h1{font-size:clamp(23px,6.5vw,34px);overflow-wrap:anywhere}
 .hero-booking-loc{overflow-wrap:anywhere}
 .hero-booking-amount{overflow-wrap:anywhere}
 .hero-booking-actions .btn{min-width:0;white-space:normal;line-height:1.3}
 .about-section .row,.floor-section .row,.footer-main .row{--bs-gutter-x:22px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .stats-grid>div{min-width:0;padding:15px 11px}
 .stats-grid strong{font-size:clamp(16px,4.4vw,24px);overflow-wrap:anywhere}
 .stats-grid small{overflow-wrap:anywhere}
 .floor-card,.pricing-section .premium-price-table{width:100%}
 .price-table-header{display:none!important}
 .price-table-row{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
 .price-table-row>*{min-width:0;max-width:100%}
 .price-type,.price-area,.price-amount{overflow-wrap:anywhere}
 .price-table-button{width:100%;min-height:47px}
 .floor-bottom{gap:12px;flex-wrap:wrap}
 .floor-bottom .btn{max-width:100%}
 .plan-details{min-width:0}
 .plan-details span{overflow-wrap:anywhere}
 .horizontal-track{max-width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .horizontal-track>*{flex-shrink:0;max-width:calc(100vw - 36px)}
 .reel-card{max-width:min(78vw,280px)}
 .modal-dialog{margin:10px;max-width:calc(100vw - 20px)}
 .modal-content{max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}
 .enquiry-modal .modal-form{min-width:0;padding-left:18px;padding-right:18px}
 .enquiry-modal .form-control,.enquiry-modal .form-select,.rail-input input,.rail-input select,
 .property-chat-form input{font-size:16px!important} /* Prevent iOS focus auto-zoom */
 .emi-shell,.emi-calculator-grid,.emi-control,.emi-result-card{min-width:0;max-width:100%}
 .emi-control-head{gap:8px;flex-wrap:wrap}
 .emi-result-card strong,.emi-total strong{overflow-wrap:anywhere}
 .gallery-lightbox-trigger img{max-width:100%}
 .mobile-dock{width:100%;max-width:100%;left:0;right:0;min-width:0;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}
 .mobile-dock>*{min-width:0;flex:1 1 0}
 .mobile-dock small{font-size:clamp(9px,2.65vw,11px)}
 .property-chat-panel{max-width:calc(100vw - 24px)!important}
 .footer-bottom{flex-wrap:wrap;gap:9px}
}
@media(max-width:389.98px){
 .container-xl{padding-left:14px!important;padding-right:14px!important}
 .site-header .navbar{padding-left:12px!important;padding-right:12px!important}
 .hero-booking-actions{gap:7px;padding-left:12px;padding-right:12px}
 .hero-booking-secondary{min-width:0;padding:9px 11px}
 .stats-grid>div{padding:13px 8px}
 .horizontal-track>*{max-width:calc(100vw - 28px)}
 .reel-card{max-width:80vw}
 .mobile-dock small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn,.nav-link,.hero-booking-card,.reel-card{animation:none!important;transition:none!important}
}

/* 25 Oct 2026: final readable EMI and non-script luxury price typography. */
.hero-booking-amount,.hero-booking-amount span,.price-amount strong,.rail-offer strong,
.floor-bottom strong,.floor-top h3,.price-disclaimer strong,
.hero-booking-price,.hero-booking-price strong{font-family:Manrope,'Plus Jakarta Sans',Arial,sans-serif!important;font-style:normal!important;font-feature-settings:'tnum' 1;letter-spacing:-.055em;font-weight:800!important}
.hero-booking-amount{font-size:clamp(26px,3vw,37px)!important;line-height:1.2!important;overflow-wrap:normal!important;word-break:normal}
.hero-booking-amount span{font-size:clamp(13px,1.3vw,16px)!important;letter-spacing:0!important;font-weight:700!important}
.price-amount strong{font-size:clamp(19px,2vw,25px)!important;line-height:1.32!important;white-space:normal!important}
.emi-result-card,.emi-result-card .emi-result-label,.emi-result-card .emi-monthly,
.emi-result-card .emi-monthly span,.emi-result-card .emi-result-split span,
.emi-result-card .emi-result-split strong,.emi-result-card .emi-total span,
.emi-result-card .emi-total strong{opacity:1!important;text-shadow:none!important}
.emi-result-card{background:linear-gradient(155deg,#63342d,#3c2421)!important;color:#fff8ed!important}
.emi-result-card .emi-result-label{color:#f4d7a7!important;font-size:12px!important;letter-spacing:1.7px!important}
.emi-result-card .emi-monthly{color:#fffdfa!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(32px,4vw,49px)!important;font-weight:800!important;letter-spacing:-1.6px!important;line-height:1.2!important}
.emi-result-card .emi-monthly span{color:#f2d9bd!important;font-size:14px!important;font-weight:650!important;letter-spacing:0!important;display:inline-block!important}
.emi-result-card .emi-result-split{border-color:rgba(255,243,229,.47)!important}
.emi-result-card .emi-result-split span,.emi-result-card .emi-total span{color:#e3c7b4!important;font-size:10px!important;line-height:1.5!important}
.emi-result-card .emi-result-split strong{color:#fffdf8!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(13px,1.5vw,17px)!important;font-weight:800!important}
.emi-result-card .emi-result-split .interest strong{color:#f5c36e!important}
.emi-result-card .emi-total strong{color:#fffdf8!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(24px,3vw,36px)!important;font-weight:800!important;line-height:1.25!important}
.emi-donut>div{color:#74382e!important}
.emi-control-head label{color:#3a554a!important}
.emi-control-head output{color:#63342d!important;font-family:Manrope,Arial,sans-serif!important;font-weight:800!important}
.emi-range-scale span{font-size:11px;color:#6e7771}
.seo-resource-section{padding:76px 0;background:#f7f1eb;border-top:1px solid #eadcd0}
.seo-resource-section h2{max-width:750px}.seo-resource-intro{max-width:700px;color:#756159;margin:0 0 25px}
.seo-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.seo-resource-link{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none!important;background:white;border:1px solid #e7d9d0;border-radius:10px;padding:19px 20px;color:#60312b!important;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:800;min-width:0}
.seo-resource-link:hover,.seo-resource-link:focus-visible{border-color:#ad805f;box-shadow:0 10px 25px #66331b12}
@media(max-width:767px){.hero-booking-amount{font-size:clamp(23px,6.6vw,32px)!important}.seo-resource-section{padding:45px 0}.seo-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emi-result-card .emi-monthly{font-size:clamp(31px,8vw,43px)!important}}
@media(max-width:440px){.seo-resource-grid{grid-template-columns:1fr}.emi-result-card .emi-result-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.emi-result-card .emi-result-split strong{font-size:12px!important;overflow-wrap:anywhere}}