/* =====================================================================
   Sonipat Realty — "human" finishing layer (loaded last)
   Same layout & colours. Removes the generic template tells:
   centered everything, gold bars under every heading, Title Case,
   dotted glows, pill shapes, floating shadows, fade-in animations.
   ===================================================================== */
:root{--hn:#1b365d;--hg:#b8913f;--hl:#e3e7ed;--ht:#1f2733;--hm:#5f6877;--hbg:#f5f6f8}

/* ---- 1. No decorative glow / dots / sheen / reveal animation ---- */
.hp-band::after,.hp-show::after,.hp-sec-gold::after,.hp-panel-dark::after,.hp-ask::after,
.page-head::after,.pd-top::before,.pd-cc-top::after,.hp-band::before,
.hp-btn-gold::after,.hs-btn::after,.pcx::after,.hp-spot-card::after,.hp-show-img::before{display:none!important}
.rv{opacity:1!important;transform:none!important;transition:none!important}
.pcx:hover,.hp-spot-card:hover,.hp-budget a:hover,.hp-loc2 a:hover,.hp-devs-row a:hover,.hp-why>div:hover{transform:none!important}
.pcx:hover .pcx-img img,.hp-spot-card:hover .hp-spot-img img,.hp-show-img:hover img,.pd-gal a:hover img{transform:none!important}

/* ---- 2. Sentence case, not Title Case ---- */
.hs h1,.hp-head h2,.hp-head p,.hp-tools-intro h2,.hp-panel h2,.hp-why h3,.page-head h1,.page-head p,
.sf-trust-grid b,.tool-card h5,.hp-budget span,.hp-filter button,.hp-types-row b,.hp-panel-dark li,.hp-ask h3{text-transform:none!important}

/* ---- 3. Headings: left aligned, no gold bar, link on the right ---- */
.hp-sec .hp-head:not(.d-block){flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;text-align:left!important;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--hl)}
.hp-head h2{font-size:1.55rem!important;font-weight:600;color:var(--ht)!important;letter-spacing:-.01em;padding:0!important;margin:0 0 4px!important}
.hp-head h2::after,.pd-card h2::after,.pg-body .card h5::after{display:none!important}
.hp-head p{font-size:14.5px!important;color:var(--hm)!important;font-weight:400!important}
.hp-more{border:0!important;font-size:14px;font-weight:600;color:var(--hn)!important;white-space:nowrap}
.hp-more:hover{text-decoration:underline}
.hp-sec .hp-head .hp-filter{justify-content:flex-end}
@media (max-width:767.98px){.hp-sec .hp-head:not(.d-block){flex-direction:column!important;align-items:flex-start!important}}

/* ---- 4. Flat surfaces: hairline borders instead of floating shadows ---- */
.pcx,.hp-spot-card,.hp-why>div,.hp-loc2 a,.hp-faq .accordion-item,.hp-panel-light,.hp-sec-gold .tool-card,
.hp-devs-row a,.pc,.hp-budget a[class^="b"],.result-bar,.filter-card,.pd-card,.pd-cc,.pd-info,.pd-nav,.pagination .page-link{
  box-shadow:none!important;border:1px solid var(--hl)!important;border-radius:6px!important}
.pcx:hover,.hp-spot-card:hover,.pc:hover{border-color:#c5ccd6!important;box-shadow:0 2px 8px rgba(20,30,50,.06)!important}
.pcx-img,.pc-img{border-radius:5px 5px 0 0!important}
.pd-gal,.hp-show-img,.hp-office-map,.pd-round{border-radius:6px!important;box-shadow:none!important}
.hs-bar{border-radius:6px!important;box-shadow:0 12px 30px -16px rgba(0,0,0,.45)!important}
.hs-tabs label{border-radius:6px 6px 0 0!important}

/* ---- 5. Tags & buttons: plain rectangles, normal case ---- */
.pd-tag,.pcx-tag,.hp-chip,.hp-show-img span,.hs-kicker,.pd-gal-n{letter-spacing:.02em!important;text-transform:none!important;border-radius:3px!important}
.pd-tag{font-size:12.5px!important;font-weight:500!important;padding:4px 9px!important}
.pcx-top .pcx-tag{font-size:12px!important;font-weight:600!important;color:#8a6a2c!important}
.hs-kicker{font-size:13px!important;letter-spacing:.04em!important}
.hs-kicker::before,.hs-kicker::after{display:none!important}
.btn,.hp-btn-gold,.hp-btn-line,.pcx-go,.pd-btn-send,.pd-info-btns a,.pd-info-enq,.pd-bar a,.sh-post{border-radius:4px!important}
.hp-filter button{border-radius:4px!important;padding:6px 14px!important}
.subcat-bar a,.chip-group label{border-radius:4px!important}
.pd-share a,.pd-share button,.sf-social a{border-radius:4px!important}
.hp-filter{gap:4px!important}

/* ---- 6. Icons without boxes ---- */
.hp-ic,.hp-types-row .hp-ic,.hp-why .hp-ic,.hp-loc2 i,.pd-facts i,.hp-office-info i,.hp-ask-row i,.sf-trust-grid i,.hp-sec-gold .tool-card h5 i{
  background:none!important;border:0!important;width:auto!important;height:auto!important;color:var(--hg)!important;font-size:1.35rem!important;border-radius:0!important}
.hp-types-row .hp-ic svg{width:26px;height:26px;color:var(--hn)!important}
.hp-types-row a:hover .hp-ic{background:none!important}
.hp-types-row a:hover .hp-ic svg{color:var(--hg)!important}

/* ---- 7. Section-specific calming ---- */
/* property types strip */
.hp-types{border-bottom:1px solid var(--hl)!important}
.hp-types-row a{padding:18px 16px!important}
/* localities: simple list, not navy tiles */
.hp-loc2{gap:0 28px!important}
.hp-loc2 a{background:none!important;border:0!important;border-bottom:1px solid var(--hl)!important;border-radius:0!important;padding:12px 2px!important;min-height:0!important}
.hp-loc2 a::before{display:none!important}
.hp-loc2 a b{color:var(--ht)!important;font-weight:500!important;font-size:14.5px!important}
.hp-loc2 a small{color:var(--hm)!important}
.hp-loc2 i{font-size:1.05rem!important}
.hp-loc2 em{opacity:0!important;color:var(--hn)!important}
.hp-loc2 a:hover{background:none!important;box-shadow:none!important}
.hp-loc2 a:hover b{color:var(--hn)!important;text-decoration:underline}
.hp-loc2 a:hover em{opacity:1!important}
/* developers: quiet text row */
.hp-devs{padding:28px 0!important;border-top:1px solid var(--hl);border-bottom:1px solid var(--hl)}
.hp-devs-k{text-align:left!important;letter-spacing:.04em!important;text-transform:none!important;font-size:14px!important;color:var(--hm)!important;font-weight:500!important}
.hp-devs-k::before,.hp-devs-k::after{display:none!important}
.hp-devs-row{display:flex!important;flex-wrap:wrap;gap:8px 10px!important}
.hp-devs-row a{background:#fff!important;color:var(--ht)!important;height:auto!important;padding:8px 14px!important;font-size:14px!important;letter-spacing:0!important;font-weight:500!important}
.hp-devs-row a:hover{background:#fff!important;color:var(--hn)!important;border-color:var(--hn)!important;box-shadow:none!important}
/* budget: white tiles */
.hp-budget a[class^="b"]{background:#fff!important;color:var(--ht)!important}
.hp-budget a[class^="b"] small{color:var(--hm)!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
.hp-budget a[class^="b"] b{color:var(--hn)!important}
.hp-budget a[class^="b"] span{color:var(--hg)!important}
.hp-budget a[class^="b"]:hover{background:#fff!important;border-color:var(--hn)!important}
.hp-budget a[class^="b"]:hover b{color:var(--hn)!important}.hp-budget a[class^="b"]:hover span{color:var(--hg)!important}.hp-budget a[class^="b"]:hover small{color:var(--hm)!important}
/* why: plain columns with a thin left rule */
.hp-why>div{background:none!important;border:0!important;border-left:2px solid var(--hg)!important;border-radius:0!important;padding:4px 0 4px 18px!important}
.hp-why h3{color:var(--ht)!important;margin-top:8px!important}
.hp-why p{color:var(--hm)!important}
.hp-why .hp-ic{color:var(--hn)!important}
.hp-why>div:hover{background:none!important}.hp-why>div:hover h3{color:var(--ht)!important}.hp-why>div:hover p{color:var(--hm)!important}
/* townships: white cards */
.hp-spot-card{background:#fff!important}
.hp-spot-body h3 a{color:var(--ht)!important}
.hp-spot-body p{color:var(--hm)!important}
.hp-chip{background:var(--hbg)!important;color:var(--hm)!important}
.hp-spot-foot{border-top-color:var(--hl)!important}
.hp-spot-foot b{color:var(--hn)!important}
.hp-spot-foot a{background:none!important;color:var(--hn)!important;padding:0!important}
.hp-spot-card:hover .hp-spot-foot a{box-shadow:none!important;text-decoration:underline}
/* stats band: thinner */
.hp-band{padding:26px 0!important;border-top:0!important}
.hp-band-grid b{font-size:1.9rem!important}
.hp-band-grid span{text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.hp-band-grid>div+div::before{background:rgba(255,255,255,.15)!important}
/* property card internals */
.pcx-go{background:#fff!important;color:var(--hn)!important;border:1px solid #cfd5de!important;box-shadow:none!important}
.pcx-go i{color:var(--hn)!important}
.pcx:hover .pcx-go{background:var(--hn)!important;color:#fff!important;border-color:var(--hn)!important}
.pcx:hover .pcx-go i{color:#fff!important}
.pcx-price small{color:var(--hm)!important;letter-spacing:0!important;text-transform:none!important}
/* FAQ */
.hp-faq .accordion-button:not(.collapsed){background:#fff!important;color:var(--hn)!important}
.hp-faq .accordion-button:not(.collapsed)::after{filter:none!important}
/* headings across inner pages */
.pd-card h2,.pg-body .card h5{padding-bottom:0!important;margin-bottom:14px!important;font-size:1.15rem!important}
.pd-nav a.on{border-radius:4px}
.pd-facts>div{border-radius:4px!important;background:var(--hbg)!important}
.pd-facts i{color:var(--hn)!important}
.pd-amen i{background:none!important;color:var(--hg)!important}

/* ---- 8. Footer trust strip ---- */
.sf-trust{border-top:1px solid var(--hl)!important}
.sf-trust-grid i{color:var(--hn)!important}
.hp-why .hp-ic{display:block!important;text-align:left!important}
.hp-sec-alt{background:#f4f6f9!important}
.sf-trust{border-top:1px solid var(--hl)!important}

/* ===== OLX-style category bar ===== */
.sh-cat{background:#fff;border-bottom:1px solid var(--hl);position:relative;z-index:1020}
.sh-cat-in{display:flex;align-items:center;gap:20px;min-height:46px}
.sh-cat-btn{display:flex;align-items:center;gap:8px;border:0;background:none;padding:12px 0;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ht);white-space:nowrap}
.sh-cat-btn i{font-size:.8rem;transition:transform .2s}
.sh-cat-btn[aria-expanded="true"] i{transform:rotate(180deg)}
.sh-cat-btn:hover{color:var(--hn)}
.sh-cat-links{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none;flex:1;padding-left:20px;border-left:1px solid var(--hl)}
.sh-cat-links::-webkit-scrollbar{display:none}
.sh-cat-links a{font-size:14px;color:#3d4554;text-decoration:none;white-space:nowrap;padding:12px 0;border-bottom:2px solid transparent;margin-bottom:-1px}
.sh-cat-links a:hover,.sh-cat-links a.on{color:var(--hn);border-bottom-color:var(--hn)}
.sh-mega{width:min(1100px,92vw);padding:20px 24px;border:1px solid var(--hl);border-radius:0 0 6px 6px;box-shadow:0 14px 30px -12px rgba(20,30,50,.25);margin-top:0!important;display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 28px}
.sh-mega.show{display:grid}
.sh-mega-col{display:flex;flex-direction:column}
.sh-mega-h{font-family:Poppins,sans-serif;font-weight:700;font-size:14px;color:var(--ht);text-decoration:none;padding:4px 0 10px;margin-bottom:4px;border-bottom:1px solid var(--hl);display:flex;align-items:center;gap:8px}
.sh-mega-h i{color:var(--hg)}
a.sh-mega-h:hover{color:var(--hn)}
.sh-mega-col>a:not(.sh-mega-h){font-size:14px;color:#3d4554;text-decoration:none;padding:6px 0}
.sh-mega-col>a:not(.sh-mega-h):hover{color:var(--hn);text-decoration:underline}
.sh-mega-col small{color:#8a93a5}
.sh-mega-side{background:var(--hbg);margin:-20px -24px -20px 0;padding:20px 22px}
.sh-mega-cta{margin-top:10px;background:var(--hn);color:#fff!important;text-align:center;border-radius:4px;padding:9px 10px!important;font-weight:600;text-decoration:none!important}
.sh-mega-cta:hover{background:var(--hg)}
@media (max-width:991.98px){
  .sh-cat-all{display:none}
  .sh-cat-links{border-left:0;padding-left:0;gap:8px}
  .sh-cat-links a{font-size:13px;border:1px solid var(--hl);border-radius:4px;padding:6px 12px;margin:8px 0}
  .sh-cat-links a.on{background:var(--hn);color:#fff}
}
/* simpler main-nav dropdowns, OLX-like list */
.sh-dd{border-radius:0 0 6px 6px!important;box-shadow:0 14px 30px -12px rgba(20,30,50,.25)!important;padding:8px 0!important}
.sh-dd .dropdown-item{border-radius:0!important;padding:8px 18px!important}
.sh-dd .dropdown-item small{background:none!important;color:#8a93a5!important;padding:0!important}
.sh-dd .dropdown-item small::before{content:"("}.sh-dd .dropdown-item small::after{content:")"}
.sh-cat-btn:focus{outline:0;box-shadow:none}.sh-cat-btn:focus-visible{outline:2px solid var(--hg);outline-offset:2px}
/* main-nav links removed — the category bar replaces them */
.sh-main .navbar-nav{display:none!important}
@media (min-width:992px){.sh-main .navbar-collapse{justify-content:flex-end}}
/* OLX-style header search */
.sh-search{display:flex;align-items:stretch;gap:12px;flex:1;max-width:760px;margin:0 24px 0 8px}
.sh-search-loc{display:flex;align-items:center;gap:6px;border:2px solid #1f2733;border-radius:4px;padding:0 8px 0 12px;width:250px;flex:0 0 auto;margin:0;background:#fff}
.sh-search-loc i{color:var(--hn);font-size:1.05rem}
.sh-search-loc select{border:0;outline:0;background:transparent;font-size:14.5px;color:var(--ht);width:100%;height:44px;cursor:pointer}
.sh-search-q{display:flex;flex:1;border:2px solid #1f2733;border-radius:4px;overflow:hidden;margin:0;background:#fff}
.sh-search-q input{flex:1;border:0;outline:0;padding:0 14px;font-size:14.5px;height:44px;min-width:0;color:var(--ht)}
.sh-search-q button{border:0;background:var(--hn);color:#fff;width:52px;font-size:1.1rem;transition:background .2s}
.sh-search-q button:hover{background:var(--hg)}
.sh-search-loc:focus-within,.sh-search-q:focus-within{border-color:var(--hn)}
@media (max-width:1199.98px){.sh-search-loc{width:190px}.sh-search{margin:0 14px 0 0}.sh-main .sh-call{display:none!important}}
@media (max-width:991.98px){.sh-search{flex-direction:column;max-width:none;margin:12px 0 4px;gap:8px}.sh-search-loc{width:auto}}
.sh-search{max-width:none}
.sh-search-loc{width:220px}