/* V174-D (owner 15-Nov-2026 05:23 IST) - the website's design tokens and the approved design upgrades, in the site's OWN look.
   One navy and one gold, taken from what the live pages actually paint (header button, hero headline, card price = #0b3154;
   the gold of the labels = #b58a45). --ns-gold-ink is the same gold darkened for small text on white / cream (5.4:1, WCAG AA;
   #b58a45 is 3.1:1 and fails - design audit G2). Fonts: the ONE shared include nstay-font-v174.css (WEB-R710).
   Specificity: html:not(#n1):not(#n2) beats the older !important layers without adding new ids to the pages.
   Rules: WEB-R714 (type scale 13 px minimum + contrast), WEB-R713 (form pages: nothing floats over a form; type picker),
   WEB-R712 (/properties pager + browse), WEB-R718 (Sector Maps / Zoning cards), WEB-R719 (footer), WEB-R720 (properties tablet grid). */
:root{
  --ns-navy:#0b3154;--ns-gold:#b58a45;--ns-gold-ink:#86642a;--ns-ink:#152033;--ns-muted:#5b6878;--ns-line:#e2e7ee;--ns-soft:#f6f8fb;--ns-cream:#fbf7ef;
  --ns-wa:#0f7b4a;--ns-radius:12px;--ns-focus:0 0 0 3px rgba(181,138,69,.55)
}

/* ---- WEB-R714 contrast: small gold text uses the AA shade of the brand gold; WhatsApp buttons the dark WhatsApp green */
html:not(#n1):not(#n2) :is(.hp13-eyebrow,.sm-eyebrow,.sm-kicker,.eyebrow,.dev515-eye,.pd-kicker,.ssr62-eye){color:var(--ns-gold-ink)!important}
html:not(#n1):not(#n2) :is(a,button)[href*="wa.me"]:not(.ns174-text):is(.btn,.wa,.whatsapp,.ns55-btn,.hp13-btn,.pd-btn,[class*="wa-btn"],[class*="whatsapp"]),
html:not(#n1):not(#n2) :is(.btn-wa,.wa-btn,.whatsapp-btn,.nsc-wa,.pd-wa,.dev515-wa,.sm-actions a[href*="wa.me"]){background:var(--ns-wa)!important;border-color:var(--ns-wa)!important;color:#fff!important}
html:not(#n1):not(#n2) :focus-visible{outline:3px solid var(--ns-gold)!important;outline-offset:2px!important}

/* ---- WEB-R714 one type scale, 13 px minimum (design audit G3: 61 text items at 10 px or less on the main page) */
html:not(#n1):not(#n2) body :is(small,label,
  .hp13-eyebrow,.sm-eyebrow,.eyebrow,.dev515-eye,.sm-kicker,.filter-section-title,
  .hp13-trust,.hp13-trust span,.hp13-hero-links a,.hp13-search-card label,.hp13-search-card label span,.hp13-tx-tabs button,.hp13-advanced-toggle,
  .hp13-attrs span,.hp13-property-image em,.hp13-property-trust,.hp13-property-trust span,.hp13-property-body p,.hp13-property-body small,.hp13-types span,.hp13-types-inline span,.hp13-inline-chips a,.ns55-pill,
  .specs span,.badges span,.verification,.rate,.listing-tabs button,.breadcrumb a,.breadcrumb span,.clear-btn,.advanced-toggle,.filter-section label,
  .dev515-counts span,.dev515-actions a,
  .pd-field small,.pd-field strong,.pd-tabs a,.pd-nearby a,.pd-aside-row span,.pd-aside-row strong,.pd-breadcrumb a,.pd-qf small,.pd-check,.pd-facility span,.pd-link-btn,.pd-icon-btn,.pd-pill,.pd-verification-date,
  .sm-page-nav-inner a,.pi-shared-tabs a,.nsx-row a,
  .nlp-lbl,.nlp-lbl i,.nlp-alt,.nlp-alt a,.nlp-trust,.nlp-div,.nlp-hint,.nlp-chip,.n595-consent,.n595-consent a,
  .ns-wa-el span,.ads-off-link,.nh-rera,.nh-office,.footer-brand p,.footer-brand a,footer a,footer li,footer p,footer span){font-size:13px!important;line-height:1.45}
html:not(#n1):not(#n2) body :is(.hp13-eyebrow,.sm-eyebrow,.eyebrow,.dev515-eye,.sm-kicker,.filter-section-title){letter-spacing:.06em}
html:not(#n1):not(#n2) body .hp13-section-head p,html:not(#n1):not(#n2) body .hp13-head p{font-size:14px!important}

/* ---- WEB-R715 one verification wording: a not-yet-verified listing says so once, in neutral grey (never "Not Verified" + "Available") */
html:not(#n1):not(#n2) :is(.verification.ns174-pending,.ns174-vpending){color:var(--ns-muted)!important;background:#f1f3f6!important;border-color:#e2e7ee!important}
html:not(#n1):not(#n2) :is(.verification.ns174-pending,.ns174-vpending) span{background:#9aa5b1!important}

/* ---- WEB-R713 form pages: nothing floats over a form (Ask Naresh launcher, bottom nav, back-to-top, WhatsApp float) */
html.ns174-form :is(.ask-naresh-launcher,.nstay-final-ask,.nsx-top,.mobile-action-bar,.mobile-bar,.nh-sticky-actions,.wa-float,.nstay-wa-float,[data-floating-wa]),
html.ns174-typing :is(.ask-naresh-launcher,.nstay-final-ask,#nstayGlobalBottomNav,.global-mobile-bottom-nav,.nsg-bottom-nav,.nsx-top,.mobile-action-bar,.mobile-bar,.nh-sticky-actions,.wa-float,.nstay-wa-float,[data-floating-wa]){display:none!important}

/* ---- WEB-R713 property-type picker (Residential / Commercial / Land tabs, tiles, More types search, Other) */
.ns174-tp .ns174-tabs{display:flex;gap:4px;background:var(--ns-soft);border:1px solid var(--ns-line);border-radius:10px;padding:4px;margin:6px 0 10px}
.ns174-tp .ns174-tab{flex:1 1 0;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--ns-ink);font:600 14px/1.2 var(--ns-font,Inter,Arial,sans-serif);cursor:pointer}
.ns174-tp .ns174-tab.on{background:#fff;color:var(--ns-navy);box-shadow:0 1px 3px rgba(11,49,84,.14)}
.ns174-tp .ns174-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:560px){.ns174-tp .ns174-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ns174-tp .ns174-tile{min-height:52px!important;border-radius:10px!important;justify-content:center;text-align:center;padding:6px 8px!important;font-size:14px!important;font-weight:600!important;color:var(--ns-ink)!important;background:#fff!important;border:1px solid #d5dde5!important;line-height:1.25!important}
.ns174-tp .ns174-tile[hidden]{display:none!important}
.ns174-tp .ns174-tile.on{border-color:var(--ns-gold)!important;background:var(--ns-cream)!important;color:var(--ns-navy)!important;box-shadow:inset 0 0 0 1px var(--ns-gold)}
.ns174-tp .ns174-other{border-style:dashed!important}
.ns174-tp .ns174-more,.ns174-tp .ns174-otherbox{margin-top:10px}

/* ---- WEB-R712 /properties: numbered crawlable pages + short browse block (replaces the 352-link wall) */
.ns174-pager{width:min(1240px,calc(100% - 32px));margin:8px auto 24px}
.ns174-pager ul{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;list-style:none;margin:0;padding:0}
.ns174-pager a,.ns174-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--ns-line);border-radius:10px;background:#fff;color:var(--ns-navy);font:600 14px var(--ns-font,Inter,Arial,sans-serif);text-decoration:none}
.ns174-pager span[aria-current]{background:var(--ns-navy);border-color:var(--ns-navy);color:#fff}
.ns174-pager .gap{display:inline-flex;align-items:center;color:var(--ns-muted)}
.ns174-browse{background:var(--ns-soft);border-top:1px solid var(--ns-line);padding:28px 0 32px}
.ns174-browse .ssr62-wrap{width:min(1240px,calc(100% - 32px));margin:auto}
.ns174-browse h2{margin:0 0 14px;color:var(--ns-navy);font-size:22px}
.ns174-browse h3{margin:0 0 8px;color:var(--ns-ink);font-size:15px}
.ns174-browse-grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:768px){.ns174-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ns174-browse ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ns174-browse a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--ns-line);border-radius:999px;background:#fff;color:var(--ns-navy);font-size:14px;font-weight:600;text-decoration:none}
.ns174-browse a span{color:var(--ns-muted);font-weight:500;margin-left:4px}
.ns174-browse a.ns174-all{border-color:var(--ns-gold);color:var(--ns-gold-ink)}
.ns174-browse a:hover,.ns174-pager a:hover{border-color:var(--ns-gold)}

/* ---- WEB-R720 /properties: two cards a row on a tablet (one 660 px card a screen before) */
@media(min-width:640px) and (max-width:1099px){
  html:not(#n1):not(#n2) #results.property-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html:not(#n1):not(#n2) #results.property-list>.property-card{grid-template-columns:1fr!important;min-height:0}
  html:not(#n1):not(#n2) #results.property-list>:is(#nsMore,.empty,.nsf-list,.ssr-n38-list){grid-column:1/-1}
}
html:not(#n1):not(#n2) .pd-kickers .pd-pill:empty{display:none!important}

/* ---- WEB-R718 Sector Maps + Zoning Plans: search first, filters, range groups, light cards (2 / 3 / 4 columns) */
.ns174-mapsec{display:none}
html.ns174-maps .ns174-mapsec{display:block;padding:8px 0 28px}
html.ns174-maps:not(.ns174-maps-off) :is(.sm-hero .sm-search,.sm-hero .sm-quick,.sm-page-nav,#master-plans,#most-searched,#featured,#all-sectors,#private-societies,#institutional,#commercial,#quick-jump,
  .zp-hero .zp-search,.zp-subnav,#find-plan,#sector-index,#library,#preview){display:none!important}
html.ns174-maps-off .ns174-mapsec{display:none!important}
@media(max-width:767px){html.ns174-maps .pi-shared-tabs-shell{display:none!important}}
html.ns174-maps :is(.sm-hero,.zp-hero){padding-bottom:6px!important}
html.ns174-maps :is(.sm-hero,.zp-hero) h1{margin-bottom:6px}
@media(max-width:767px){html.ns174-maps :is(.sm-hero,.zp-hero){padding-top:18px!important}html.ns174-maps :is(.sm-hero,.zp-hero) p{font-size:14px!important;margin:0}}
.ns174-wrap{width:min(1240px,calc(100% - 32px));margin:0 auto}
.ns174-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ns174-search{position:relative;display:flex;align-items:center;margin:4px 0 12px}
.ns174-search svg{position:absolute;left:16px;color:var(--ns-muted)}
.ns174-q{width:100%;min-height:54px;border:1.5px solid #cfd8e3;border-radius:14px;background:#fff;padding:0 16px 0 46px;font:500 16px var(--ns-font,Inter,Arial,sans-serif);color:var(--ns-ink);box-shadow:0 2px 10px rgba(11,49,84,.06)}
.ns174-q:focus{outline:none;border-color:var(--ns-gold);box-shadow:var(--ns-focus)}
.ns174-most{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.ns174-most[hidden]{display:none}
.ns174-most span{font-size:13px;font-weight:700;color:var(--ns-muted)}
.ns174-most button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--ns-line);background:var(--ns-cream);color:var(--ns-navy);font:600 14px var(--ns-font,Inter,Arial,sans-serif);cursor:pointer}
.ns174-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;position:sticky;top:0;z-index:5;background:#fff}
.ns174-filters::-webkit-scrollbar{display:none}
.ns174-f{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--ns-line);background:#fff;color:var(--ns-ink);font:600 14px var(--ns-font,Inter,Arial,sans-serif);cursor:pointer;white-space:nowrap}
.ns174-f span{color:var(--ns-muted);font-weight:500;margin-left:2px}
.ns174-f.on{background:var(--ns-navy);border-color:var(--ns-navy);color:#fff}.ns174-f.on span{color:#d9e2ec}
.ns174-jump{display:flex;gap:6px;overflow-x:auto;padding:0 0 6px;scrollbar-width:none}
.ns174-jump::-webkit-scrollbar{display:none}
.ns174-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:8px;background:var(--ns-soft);color:var(--ns-navy);font-size:13px;font-weight:600;text-decoration:none}
.ns174-grp{scroll-margin-top:64px;margin-top:18px}
.ns174-grp h2{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font-size:18px;color:var(--ns-navy)}
.ns174-grp h2 span{font-size:13px;font-weight:600;color:var(--ns-muted)}
.ns174-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:640px){.ns174-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:1100px){.ns174-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.ns174-mc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ns-line);border-radius:var(--ns-radius);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.ns174-mc:hover{border-color:var(--ns-gold);box-shadow:0 8px 22px rgba(11,49,84,.10)}
.ns174-mc:focus-within{border-color:var(--ns-gold);box-shadow:var(--ns-focus)}
.ns174-mc-hit{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;padding:0}
.ns174-mc-hit:focus-visible{outline:none!important}
.ns174-mc-pic{position:relative;aspect-ratio:4/3;background:#eef2f6;overflow:hidden}
.ns174-mc-pic img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}
.ns174-mc-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ns-muted);font-weight:700}
.ns174-mc-type{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:#fff;color:var(--ns-navy);font-size:13px;font-weight:600;line-height:1.3;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ns174-mc-zoom{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ns-navy);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.ns174-mc-body{padding:10px 12px 12px}
.ns174-mc-body h3{margin:0;font-size:16px;line-height:1.3;color:var(--ns-ink);font-weight:700}
.ns174-mc-body p{margin:2px 0 6px;font-size:13px;color:var(--ns-muted);line-height:1.4}
.ns174-mc-guide{position:relative;z-index:3;color:var(--ns-navy);text-decoration:underline;text-underline-offset:2px}
.ns174-mc-open{font-size:14px;font-weight:700;color:var(--ns-gold-ink)}
.ns174-showall{display:block;margin:12px auto 0;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--ns-line);background:#fff;color:var(--ns-navy);font:600 14px var(--ns-font,Inter,Arial,sans-serif);cursor:pointer}
.ns174-none{padding:24px;text-align:center;color:var(--ns-muted)}
.ns174-skel .ns174-mc-pic{animation:ns174p 1.2s ease-in-out infinite}
@keyframes ns174p{50%{background:#e3e8ee}}
@media(max-width:639px){.ns174-mc-body{padding:8px 10px 10px}.ns174-mc-body h3{font-size:15px}.ns174-mc-type{font-size:13px;padding:2px 7px}}
html.ns174-maps :is(.sm-hero,.zp-hero){padding-top:32px!important}
html:not(#n1):not(#n2) :is(.zp-eye,.zp-kicker){color:var(--ns-gold-ink)!important}
.ns174-skel h2{height:24px;width:160px;background:#eef2f6;border-radius:6px}
/* reserved heights: the rows filled by nstay-maps-v174.js do not push the grid down when they arrive (CLS) */
.ns174-filters{min-height:52px;box-sizing:border-box}
.ns174-jump{min-height:40px;box-sizing:border-box}

/* ---- WEB-R721 ONE phone bottom bar on every page (Home, Search, Call, WhatsApp, Account - nstay-brand-v174.js builds it) */
:is(.nh-sticky-actions,.pj-mobile-cta,#projectMobileCta,.dv-mobile-cta,.mobile-action-bar,.mobile-bar,#cta172,.cta172){display:none!important}
@media(max-width:767px){
  html:not(#n1):not(#n2) :is(.ask-naresh-launcher,.nstay-final-ask,.nsx-top,.wa-float,.nstay-wa-float,[data-floating-wa],.ns520bar){display:none!important}
  html:not(#n1):not(#n2) #nstayGlobalBottomNav{display:grid!important;grid-template-columns:1fr 1fr .9fr 1.3fr 1.15fr!important;align-items:stretch}
  html:not(#n1):not(#n2) #nstayGlobalBottomNav a{min-width:0!important;padding:0 1px!important;overflow:visible}
  html:not(#n1):not(#n2) #nstayGlobalBottomNav a span:not(.ico){display:block;white-space:nowrap!important;font-size:13px!important;line-height:1.2!important;letter-spacing:-.01em!important}
  html.ns174-typing:not(#n1):not(#n2) #nstayGlobalBottomNav{display:none!important}
}
@media(min-width:768px){html:not(#n1):not(#n2) #nstayGlobalBottomNav{display:none!important}}
