
:root{
 --pp-navy:#111111;--pp-navy-2:#1f1f1f;--pp-green:#046a38;--pp-green-dark:#01411c;--pp-green-2:#0b8f4d;
 --pp-mint:#edf8f1;--pp-blue:#f4f7f5;--pp-purple:#f6f6f6;--pp-gold:#f2f7f3;
 --pp-white:#fff;--pp-soft:#f6f8fb;--pp-border:#dde5ec;--pp-text:#171717;
 --pp-muted:#5e675f;--pp-shadow:0 18px 50px rgba(17,17,17,.10);--pp-radius:22px;
 --pp-page-gutter:2.5cm;--pp-shell:calc(100% - (var(--pp-page-gutter) * 2));
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--pp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
body.pp-nav-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;color:var(--pp-navy);letter-spacing:-.025em}
h1{font-size:clamp(2.5rem,5vw,5.35rem);max-width:900px}
h2{font-size:clamp(2rem,3.2vw,3.4rem);margin-bottom:14px}
h3{font-size:1.35rem;margin-bottom:10px}
p{color:var(--pp-muted)}
.pp-shell{width:var(--pp-shell);margin-inline:auto}
.pp-main{overflow:hidden}
.pp-section{padding:86px 0}
.pp-section--soft{background:var(--pp-soft)}
.pp-section--tint{background:linear-gradient(180deg,#f5fbf7 0%,#fff 100%)}
.pp-section--dark{background:var(--pp-navy);color:#fff}
.pp-section--dark h2,.pp-section--dark strong{color:#fff}
.pp-section--dark p{color:#c6d3e2}
.pp-skip-link{position:fixed;z-index:9999;top:12px;inset-inline-start:12px;padding:12px 18px;background:#fff;color:#000;border-radius:8px;transform:translateY(-150%)}
.pp-skip-link:focus{transform:none}
.pp-site-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid var(--pp-border)}
.pp-site-header.is-sticky{position:sticky;top:0;box-shadow:0 12px 36px rgba(17,17,17,.1)}
.pp-utility{background:var(--pp-navy);color:#fff;font-size:.86rem}
.pp-utility__inner{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pp-utility__group{display:flex;align-items:center;gap:18px;white-space:nowrap}
.pp-utility a{color:#fff}
.pp-utility__message{margin:0;color:#dce7f2;text-align:center}
.pp-main-header{background:#fff;border-bottom:4px solid var(--pp-green)}
.pp-main-header__inner{min-height:92px;display:flex;align-items:center;gap:34px}
.pp-wordmark{display:inline-flex;align-items:center;flex:0 0 auto;line-height:1}
.pp-wordmark img{display:block;width:clamp(188px,16vw,238px);height:auto;max-height:78px;object-fit:contain;object-position:center}
.pp-brand-logo--header{padding:3px 0}
.pp-brand-logo--header img{filter:none}
.pp-main-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}
.pp-main-nav a{font-weight:650;font-size:.94rem;position:relative;padding:34px 0}
.pp-main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--pp-green);transition:right .2s}
.pp-main-nav a:hover:after,.pp-main-nav a:focus-visible:after{right:0}
.pp-header-actions{display:flex;gap:10px}
.pp-menu-toggle{display:none;border:1px solid var(--pp-border);background:#fff;border-radius:12px;padding:10px 13px;color:var(--pp-navy)}
.pp-menu-toggle__bars,.pp-menu-toggle__bars:before,.pp-menu-toggle__bars:after{display:block;width:20px;height:2px;background:currentColor;content:"";transition:.2s}
.pp-menu-toggle__bars{position:relative;margin-bottom:7px}
.pp-menu-toggle__bars:before{position:absolute;top:-6px}
.pp-menu-toggle__bars:after{position:absolute;top:6px}
.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:12px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}
.pp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,17,17,.14)}
.pp-btn--compact{min-height:44px;padding:10px 17px}
.pp-btn--primary{background:linear-gradient(135deg,var(--pp-green-dark),var(--pp-green));color:#fff;box-shadow:0 9px 24px rgba(4,106,56,.22)}
.pp-btn--ghost{background:#fff;border-color:var(--pp-border);color:var(--pp-navy)}
.pp-btn--glass{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.7);color:var(--pp-green)}
.pp-btn--light{background:#fff;color:var(--pp-green)}
.pp-btn--purple{background:#6d4bc8;color:#fff}
.pp-kicker{display:block;margin-bottom:10px;color:var(--pp-green);font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.pp-kicker--light{color:#d9f8e6}
.pp-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.pp-section-heading>div{max-width:860px}
.pp-section-heading p{max-width:780px;margin-bottom:0}
.pp-section-heading>a,.pp-text-link{color:var(--pp-green);font-weight:800;white-space:nowrap}
.pp-hero{padding:22px 0 42px;background:#fff}
.pp-hero__media{position:relative;min-height:660px;overflow:hidden;border-radius:30px;background:var(--pp-navy)}
.pp-hero__media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pp-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,249,252,.97) 0%,rgba(244,249,252,.74) 40%,rgba(17,17,17,.07) 70%)}
.pp-hero__content{position:relative;z-index:2;padding:76px 60px 210px;max-width:830px}
.pp-hero__content p{font-size:1.13rem;max-width:660px;color:#35465c}
.pp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.pp-search-card{position:relative;z-index:3;margin:-170px 58px 0;padding:18px;background:#fff;border:1px solid rgba(221,229,236,.8);border-radius:22px;box-shadow:var(--pp-shadow)}
.pp-search-tabs{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pp-search-tab,.pp-advanced-toggle{border:1px solid var(--pp-border);background:#fff;color:var(--pp-navy);border-radius:12px;padding:12px 20px;font-weight:800}
.pp-search-tab.is-active{background:linear-gradient(135deg,var(--pp-green-dark),var(--pp-green));color:#fff;border-color:var(--pp-green);box-shadow:0 8px 20px rgba(4,106,56,.18)}
.pp-advanced-toggle{margin-inline-start:auto;background:transparent}
.pp-search-grid{display:grid;grid-template-columns:1fr 1.5fr 1.1fr 1fr .75fr 1fr 1fr auto;gap:12px;align-items:end}
.pp-search-grid label,.pp-advanced-fields label,.pp-valuation-form label,.pp-compare-form label{display:grid;gap:7px}
.pp-search-grid label span,.pp-advanced-fields label span,.pp-valuation-form label span,.pp-compare-form label span{font-size:.76rem;font-weight:800;color:#3c4d63}
.pp-search-grid input,.pp-search-grid select,.pp-advanced-fields input,.pp-advanced-fields select,.pp-valuation-form input,.pp-valuation-form select,.pp-compare-form select{width:100%;min-height:50px;border:1px solid var(--pp-border);border-radius:11px;background:#fff;color:var(--pp-text);padding:10px 12px}
.pp-search-submit{min-width:132px}
.pp-advanced-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--pp-border)}
.pp-shortcuts{padding:22px 0 46px}
.pp-chip-row{display:flex;align-items:center;gap:10px;overflow:auto;scrollbar-width:none}
.pp-chip-row::-webkit-scrollbar{display:none}
.pp-chip-row__label{font-weight:800;color:var(--pp-navy);white-space:nowrap}
.pp-chip-row a{flex:none;padding:9px 14px;border:1px solid var(--pp-border);border-radius:999px;background:#fff;color:#425168;font-size:.88rem}
.pp-chip-row a:hover{border-color:var(--pp-green);color:var(--pp-green)}
.pp-chip-row--wrap{flex-wrap:wrap;overflow:visible;margin:22px 0}
.pp-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pp-image-card{overflow:hidden;border:1px solid var(--pp-border);border-radius:var(--pp-radius);background:#fff;box-shadow:0 10px 28px rgba(17,17,17,.06)}
.pp-image-card img{width:100%;aspect-ratio:1.6;object-fit:cover}
.pp-image-card>div{padding:25px}
.pp-image-card a,.pp-service-grid a,.pp-professional-grid a,.pp-guide-grid a,.pp-path-grid a{color:var(--pp-green);font-weight:800}
.pp-tone-green{background:linear-gradient(180deg,#fff 35%,var(--pp-mint))}
.pp-tone-blue{background:linear-gradient(180deg,#fff 35%,var(--pp-blue))}
.pp-tone-purple{background:linear-gradient(180deg,#fff 35%,var(--pp-purple))}
.pp-tone-gold{background:linear-gradient(180deg,#fff 35%,var(--pp-gold))}
.pp-trust{padding:34px 0;background:#fff}
.pp-trust-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--pp-border);border-radius:18px;overflow:hidden}
.pp-trust-grid>div{padding:25px;border-inline-end:1px solid var(--pp-border)}
.pp-trust-grid>div:last-child{border-inline-end:0}
.pp-trust-grid strong,.pp-trust-grid span{display:block}
.pp-trust-grid strong{color:var(--pp-navy);margin-bottom:7px}
.pp-trust-grid span{color:var(--pp-muted);font-size:.88rem}
.pp-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pp-photo-tile{position:relative;min-height:230px;overflow:hidden;border-radius:18px;background:var(--pp-navy)}
.pp-photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pp-photo-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(17,17,17,.88))}
.pp-photo-tile span{position:absolute;z-index:2;inset-inline-start:18px;bottom:16px;color:#fff;font:700 1.18rem Georgia,serif}
.pp-photo-tile:hover img{transform:scale(1.04)}
.pp-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pp-panel{padding:34px;border:1px solid var(--pp-border);border-radius:var(--pp-radius);background:#fff}
.pp-emirate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.pp-emirate-card{position:relative;min-height:440px;overflow:hidden;border-radius:18px;background:var(--pp-navy)}
.pp-emirate-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pp-emirate-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(4,19,38,.96))}
.pp-emirate-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px;color:#fff}
.pp-emirate-card h3{color:#fff}
.pp-emirate-card p{color:#d8e4ef;font-size:.84rem}
.pp-emirate-card span{display:flex;flex-wrap:wrap;gap:7px}
.pp-emirate-card span a{padding:7px 9px;border-radius:8px;background:#fff;color:var(--pp-green);font-size:.73rem;font-weight:800}
.pp-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pp-community-card{overflow:hidden;border:1px solid var(--pp-border);border-radius:18px;background:#fff}
.pp-community-card img{width:100%;aspect-ratio:1.7;object-fit:cover}
.pp-community-card div{padding:20px}
.pp-community-card p{margin-bottom:0}
.pp-lifestyle{padding:46px 0;background:#fff}
.pp-lifestyle__inner{display:grid;grid-template-columns:320px 1fr;align-items:center;gap:30px}
.pp-lifestyle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pp-lifestyle-grid a{padding:18px 14px;border:1px solid var(--pp-border);border-radius:14px;background:var(--pp-soft);text-align:center;font-weight:750}
.pp-budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.pp-budget-grid a{padding:14px;border:1px solid var(--pp-border);border-radius:11px;background:var(--pp-soft)}
.pp-map-placeholder{display:grid;place-items:center;min-height:270px;padding:30px;border:1px dashed #96bca8;border-radius:18px;background:radial-gradient(circle at 20% 20%,#dff4e7,transparent 35%),linear-gradient(135deg,#f4faf6,#eef4fa);text-align:center}
.pp-map-placeholder span{font:700 2rem Georgia,serif;color:var(--pp-navy)}
.pp-map-placeholder small{display:block;color:var(--pp-muted);max-width:360px}
.pp-inventory-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.pp-empty-state{padding:35px;border:1px dashed #9bb9a6;border-radius:18px;background:var(--pp-mint);text-align:center}
.pp-empty-state strong,.pp-empty-state span{display:block}
.pp-empty-state span{margin-top:8px;color:var(--pp-muted)}
.pp-preview-only{display:none!important}
.pp-preview-mode .pp-preview-only{display:grid!important}
.pp-preview-mode .pp-production-only{display:none!important}
.pp-listing-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.pp-listing-card{overflow:hidden;border:1px solid var(--pp-border);border-radius:16px;background:#fff}
.pp-listing-card img{width:100%;aspect-ratio:1.6;object-fit:cover}
.pp-listing-card>div{padding:15px}
.pp-listing-card h3{font-size:1.05rem}
.pp-listing-card strong{font-size:.9rem}
.pp-listing-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}
.pp-listing-card dl div{padding:7px;background:var(--pp-soft);border-radius:8px}
.pp-listing-card dt{font-size:.65rem;color:var(--pp-muted)}
.pp-listing-card dd{margin:0;font-weight:800}
.pp-listing-card button{width:100%;padding:10px;border:1px solid var(--pp-green);border-radius:9px;background:#fff;color:var(--pp-green);font-weight:800}
.pp-preview-label{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:var(--pp-navy);color:#fff;font-size:.65rem}
.pp-project-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.pp-project-grid article{overflow:hidden;border:1px solid var(--pp-border);border-radius:18px;background:#fff}
.pp-project-grid article>img{width:100%;aspect-ratio:1.7;object-fit:cover}
.pp-project-grid article>div{padding:18px}
.pp-project-grid dl{font-size:.82rem}
.pp-project-grid dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--pp-border);padding:7px 0}
.pp-project-grid dd{margin:0;font-weight:750}
.pp-compare-banner{padding:40px 0}
.pp-compare-banner__inner{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pp-compare-banner article{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;min-height:380px;border:1px solid var(--pp-border);border-radius:24px;background:#fff}
.pp-compare-banner article>img{width:100%;height:100%;object-fit:cover}
.pp-compare-banner article>div{padding:40px;align-self:center}
.pp-icon-card-grid,.pp-why-grid,.pp-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pp-icon-card-grid article,.pp-why-grid article,.pp-how-grid article{padding:26px;border:1px solid var(--pp-border);border-radius:16px;background:#fff}
.pp-icon-card-grid strong,.pp-why-grid strong{color:var(--pp-navy);font-size:1.02rem}
.pp-section--dark .pp-why-grid article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.pp-section--dark .pp-why-grid strong{color:#fff}
.pp-status-badge{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--pp-gold);color:#876000;font-weight:800;font-size:.8rem}
.pp-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pp-metric-grid article{padding:24px;border:1px solid var(--pp-border);border-radius:16px;background:#fff}
.pp-metric-grid span,.pp-metric-grid strong,.pp-metric-grid small{display:block}
.pp-metric-grid span{color:var(--pp-muted);font-size:.82rem}
.pp-metric-grid strong{margin:20px 0 8px;color:var(--pp-navy)}
.pp-metric-grid small{color:var(--pp-green)}
.pp-compare-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:22px}
.pp-area-profile{display:grid;grid-template-columns:200px 1fr;gap:22px}
.pp-area-profile>img{width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:14px}
.pp-seller-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.pp-seller-layout>img{width:100%;border-radius:24px}
.pp-valuation-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.pp-valuation-form .pp-btn,.pp-form-status{grid-column:1/-1}
.pp-form-status{margin:0;color:var(--pp-green);font-weight:750}
.pp-tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.pp-tool-grid article{padding:22px;border:1px solid var(--pp-border);border-radius:15px;background:#fff}
.pp-tool-grid strong,.pp-tool-grid span{display:block}
.pp-tool-grid span{margin-top:10px;color:#8a6d00;font-size:.76rem}
.pp-service-grid,.pp-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pp-service-grid article,.pp-guide-grid article,.pp-professional-grid article{overflow:hidden;border:1px solid var(--pp-border);border-radius:18px;background:#fff}
.pp-service-grid img,.pp-guide-grid img,.pp-professional-grid img{width:100%;aspect-ratio:1.7;object-fit:cover}
.pp-service-grid article>div,.pp-guide-grid article>div,.pp-professional-grid article>div{padding:20px}
.pp-process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0;margin:34px 0 0;list-style:none}
.pp-process li{padding:18px;border:1px solid var(--pp-border);border-radius:14px;text-align:center;background:var(--pp-soft)}
.pp-process span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;background:var(--pp-green);color:#fff;font-weight:850}
.pp-process strong{font-size:.78rem}
.pp-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pp-path-grid article{overflow:hidden;border:1px solid var(--pp-border);border-radius:20px;background:#fff}
.pp-path-grid article>img{width:100%;aspect-ratio:1.65;object-fit:cover}
.pp-path-grid article>div{padding:25px}
.pp-path-grid ol{padding-inline-start:20px;color:var(--pp-muted)}
.pp-owner-strip{padding:54px 0;background:#fff}
.pp-owner-strip .pp-shell{display:grid;grid-template-columns:310px 1fr;gap:25px;align-items:center}
.pp-owner-actions{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.pp-owner-actions a{padding:14px 10px;border:1px solid var(--pp-border);border-radius:12px;background:var(--pp-soft);font-weight:750;text-align:center;font-size:.8rem}
.pp-professional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pp-how-grid article span{display:block;color:var(--pp-green);font-size:1.7rem;font-weight:900;margin-bottom:16px}
.pp-faq-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px}
.pp-faq article{border-bottom:1px solid var(--pp-border)}
.pp-faq button{position:relative;width:100%;padding:20px 44px 20px 0;border:0;background:transparent;color:var(--pp-navy);font-weight:800;text-align:start}
.pp-faq button:after{content:"+";position:absolute;inset-inline-end:8px;top:16px;font-size:1.45rem;color:var(--pp-green)}
.pp-faq button[aria-expanded="true"]:after{content:"−"}
.pp-faq article>div{padding:0 42px 18px 0}
.pp-alert-panel{padding:34px;border-radius:22px;background:linear-gradient(145deg,var(--pp-navy),var(--pp-navy-2));color:#fff}
.pp-alert-panel h2{color:#fff}
.pp-alert-panel p,.pp-alert-panel li{color:#d6e2ee}
.pp-alert-panel .pp-btn{margin-top:14px}
.pp-final-cta{padding:60px 0;background:linear-gradient(rgba(17,17,17,.82),rgba(17,17,17,.82)),url("https://property-panda.pk/images/14-islamabad-residential-skyline.webp") center/cover no-repeat;color:#fff}
.pp-final-cta h2{color:#fff;margin:0;max-width:800px}
.pp-final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.pp-final-cta__actions{display:flex;gap:10px;flex-wrap:wrap}
.pp-footer__main{padding:68px 0 22px;background:linear-gradient(145deg,#090909 0%,#151515 62%,#01411c 140%);color:#fff;border-top:5px solid var(--pp-green)}
.pp-footer__grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:34px}
.pp-wordmark--footer{display:inline-flex;align-items:center;justify-content:center;width:152px;min-height:174px;padding:12px;background:#fff;border:3px solid var(--pp-green);border-radius:22px;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.pp-wordmark--footer img{width:118px;height:auto;max-height:148px;object-fit:contain}
.pp-footer p,.pp-footer li{color:#b9c8d8}
.pp-footer__column h3{color:#fff;font-family:inherit;font-size:.95rem}
.pp-footer__column ul{padding:0;margin:0;list-style:none}
.pp-footer__column li{margin:9px 0;font-size:.86rem}
.pp-footer__bottom{display:flex;justify-content:space-between;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#9fb0c2;font-size:.82rem}
.pp-content-page{padding:80px 0;min-height:55vh}
.pp-deactivated-link{display:inline-flex;align-items:center;color:var(--pp-muted);opacity:.78;cursor:default}.pp-chip-row .pp-deactivated-link,.pp-lifestyle-grid .pp-deactivated-link,.pp-budget-grid .pp-deactivated-link,.pp-owner-actions .pp-deactivated-link{padding:9px 14px;border:1px solid var(--pp-border);border-radius:999px;background:#fff;font-size:.88rem}.pp-lifestyle-grid .pp-deactivated-link,.pp-owner-actions .pp-deactivated-link{justify-content:center;text-align:center;border-radius:14px}

.pp-emirate-card .pp-deactivated-link{padding:7px 9px;border-radius:8px;background:#fff;color:var(--pp-green);opacity:1;font-size:.73rem;font-weight:800}
.pp-btn.pp-deactivated-link{color:#fff;opacity:.72}
.pp-preview-mode .pp-deactivated-link{color:var(--pp-green);opacity:1}
.pp-preview-mode .pp-btn.pp-deactivated-link{color:#fff}

:focus-visible{outline:3px solid rgba(4,106,56,.38);outline-offset:3px}
@media(max-width:1280px){
 .pp-main-nav{gap:17px}.pp-main-nav a{font-size:.86rem}
 .pp-search-grid{grid-template-columns:repeat(4,1fr)}.pp-search-submit{min-height:50px}
 .pp-emirate-grid{grid-template-columns:repeat(4,1fr)}
 .pp-tool-grid{grid-template-columns:repeat(3,1fr)}
 .pp-owner-actions{grid-template-columns:repeat(4,1fr)}
 .pp-footer__grid{grid-template-columns:1.5fr repeat(3,1fr)}
}
@media(max-width:980px){
 :root{--pp-page-gutter:15px;--pp-shell:calc(100% - 30px)}
 .pp-utility__message{display:none}
 .pp-menu-toggle{display:inline-grid}
 .pp-main-header__inner{min-height:76px}
 .pp-main-nav{position:fixed;z-index:150;top:0;bottom:0;inset-inline:0;width:min(390px,88vw);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:90px 24px 30px;background:#fff;box-shadow:0 0 60px rgba(17,17,17,.22);transform:translateX(-110%);transition:.25s}
 [dir="rtl"] .pp-main-nav{transform:translateX(110%)}
 .pp-main-nav.is-open{transform:none}
 .pp-main-nav a{padding:14px 0;border-bottom:1px solid var(--pp-border)}
 .pp-header-actions{margin-inline-start:auto}.pp-header-actions .pp-btn--ghost{display:none}
 .pp-hero__media{min-height:600px}.pp-hero__content{padding:60px 36px 210px;max-width:700px}
 .pp-search-card{margin:-170px 24px 0}
 .pp-search-grid{grid-template-columns:repeat(2,1fr)}
 .pp-journey-grid,.pp-type-grid,.pp-service-grid,.pp-guide-grid{grid-template-columns:repeat(2,1fr)}
 .pp-trust-grid{grid-template-columns:repeat(2,1fr)}.pp-trust-grid>div{border-bottom:1px solid var(--pp-border)}
 .pp-community-grid{grid-template-columns:repeat(2,1fr)}
 .pp-lifestyle__inner,.pp-owner-strip .pp-shell{grid-template-columns:1fr}
 .pp-lifestyle-grid{grid-template-columns:repeat(3,1fr)}
 .pp-inventory-layout,.pp-faq-layout{grid-template-columns:1fr}
 .pp-project-grid{grid-template-columns:repeat(2,1fr)}
 .pp-compare-banner__inner,.pp-two-column,.pp-seller-layout{grid-template-columns:1fr}
 .pp-icon-card-grid,.pp-why-grid,.pp-how-grid,.pp-metric-grid{grid-template-columns:repeat(2,1fr)}
 .pp-tool-grid{grid-template-columns:repeat(2,1fr)}
 .pp-process{grid-template-columns:repeat(3,1fr)}
 .pp-path-grid{grid-template-columns:1fr}
 .pp-professional-grid{grid-template-columns:repeat(3,1fr)}
 .pp-final-cta__inner{align-items:flex-start;flex-direction:column}
 .pp-footer__grid{grid-template-columns:repeat(3,1fr)}.pp-footer__brand{grid-column:1/-1}
}
@media(max-width:640px){
 :root{--pp-page-gutter:11px;--pp-shell:calc(100% - 22px)}
 body{font-size:15px}
 .pp-utility__inner{min-height:40px}.pp-utility__group:first-child span:nth-child(2){display:none}
 .pp-wordmark img{width:160px;max-height:58px}.pp-header-actions .pp-btn{display:none}
 .pp-section{padding:62px 0}
 .pp-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}
 .pp-hero{padding-top:10px}.pp-hero__media{min-height:570px;border-radius:20px}
 .pp-hero__overlay{background:linear-gradient(180deg,rgba(244,249,252,.97),rgba(244,249,252,.66) 74%,rgba(17,17,17,.08))}
 .pp-hero__content{padding:40px 22px 220px}.pp-hero__content p{font-size:1rem}
 .pp-actions{display:grid}.pp-actions .pp-btn{width:100%}
 .pp-search-card{margin:-185px 10px 0;padding:13px;border-radius:17px}
 .pp-search-tabs{flex-wrap:wrap}.pp-advanced-toggle{width:100%;margin:0}
 .pp-search-grid,.pp-advanced-fields{grid-template-columns:1fr}.pp-search-submit{width:100%}
 .pp-shortcuts{padding-bottom:24px}
 .pp-journey-grid,.pp-type-grid,.pp-community-grid,.pp-service-grid,.pp-guide-grid{grid-template-columns:1fr}
 .pp-trust-grid{grid-template-columns:1fr}.pp-trust-grid>div{border-inline-end:0}
 .pp-emirate-grid{grid-template-columns:repeat(2,1fr)}.pp-emirate-card{min-height:360px}
 .pp-lifestyle-grid{grid-template-columns:repeat(2,1fr)}
 .pp-budget-grid,.pp-icon-card-grid,.pp-why-grid,.pp-how-grid,.pp-metric-grid{grid-template-columns:1fr}
 .pp-listing-grid,.pp-project-grid{grid-template-columns:1fr}
 .pp-compare-banner article{grid-template-columns:1fr}.pp-compare-banner article>img{height:230px}
 .pp-compare-form,.pp-valuation-form{grid-template-columns:1fr}.pp-valuation-form .pp-btn,.pp-form-status{grid-column:auto}
 .pp-area-profile{grid-template-columns:1fr}
 .pp-tool-grid{grid-template-columns:1fr 1fr}
 .pp-process{grid-template-columns:repeat(2,1fr)}
 .pp-owner-actions{grid-template-columns:repeat(2,1fr)}
 .pp-professional-grid{grid-template-columns:1fr}
 .pp-footer__grid{grid-template-columns:1fr 1fr}
 .pp-footer__bottom{gap:12px;flex-direction:column}
}


/* PropertyPanda official-brand integration v1.1 */
.pp-site-header{box-shadow:0 8px 30px rgba(17,17,17,.06)}
.pp-utility{border-top:3px solid var(--pp-green)}
.pp-main-nav a:hover,.pp-main-nav a:focus-visible{color:var(--pp-green-dark)}
.pp-search-card{border-top:5px solid var(--pp-green)}
.pp-hero__media{box-shadow:0 24px 70px rgba(17,17,17,.16)}
.pp-hero__content .pp-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(234,248,237,.92);border:1px solid rgba(4,106,56,.32)}
.pp-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.pp-footer__brand p{max-width:310px;margin:0}
.pp-final-cta{border-top:5px solid var(--pp-green)}
.pp-final-cta__inner:before{content:"";width:8px;align-self:stretch;border-radius:999px;background:var(--pp-green);flex:0 0 8px}
.pp-footer__bottom{border-top-color:rgba(4,106,56,.35)}
@media(max-width:980px){
 .pp-wordmark--footer{width:132px;min-height:152px}
 .pp-wordmark--footer img{width:101px;max-height:128px}
}
@media(max-width:620px){
 .pp-wordmark img{width:142px;max-height:52px}
 .pp-main-header__inner{gap:12px}
 .pp-wordmark--footer{width:120px;min-height:138px}
 .pp-wordmark--footer img{width:92px;max-height:116px}
 .pp-final-cta__inner:before{display:none}
}


/* PropertyPanda V1.2 — exact 2.5 cm desktop gutters, flush hero and high-contrast hero badge */
:root{--pp-page-gutter:2.5cm;--pp-shell:calc(100% - (var(--pp-page-gutter) * 2))}
.pp-shell{width:var(--pp-shell);max-width:none;margin-inline:auto}
.pp-main{margin:0;padding:0;overflow:hidden}
.pp-site-header+main,.pp-site-header+.pp-main{margin-top:0!important;padding-top:0!important}
.pp-hero{margin:0;padding:0 0 42px;background:#fff}
.pp-hero>.pp-shell{padding-top:0}
.pp-hero__content .pp-kicker,.pp-hero__content .pp-kicker--light{
 color:#fff!important;
 background:linear-gradient(135deg,var(--pp-green-dark),var(--pp-green))!important;
 border:1px solid var(--pp-green-dark)!important;
 box-shadow:0 8px 20px rgba(21,134,58,.28);
 text-shadow:0 1px 1px rgba(0,0,0,.18);
 opacity:1;
}
@media(max-width:980px){:root{--pp-page-gutter:15px;--pp-shell:calc(100% - 30px)}}
@media(max-width:640px){:root{--pp-page-gutter:11px;--pp-shell:calc(100% - 22px)}.pp-hero{padding-top:0}}


/* ===== Property Panda Pakistan V100 green, white and black brand overrides ===== */
:root{
 --pp-pakistan-green:#01411c;--pp-black:#111111;--pp-pakistan-green-soft:#edf8f1;
 --pp-green:#046a38;--pp-green-dark:#01411c;--pp-green-2:#18864b;
 --pp-brand-gradient:linear-gradient(135deg,#01411c 0%,#046a38 70%,#111111 100%);
 --pp-brand-gradient-wide:linear-gradient(90deg,#01411c 0%,#046a38 72%,#ffffff 72%,#ffffff 79%,#111111 79%,#111111 100%);
}
.pp-utility{background:linear-gradient(90deg,#111111 0%,#01411c 44%,#046a38 100%);}
.pp-main-header{position:relative;border-bottom:0}
.pp-main-header:after{content:"";position:absolute;inset-inline:0;bottom:0;height:5px;background:var(--pp-brand-gradient-wide)}
.pp-wordmark img{width:clamp(228px,19vw,305px);max-height:84px}
.pp-btn--primary,.pp-search-tab.is-active{background:var(--pp-brand-gradient);border-color:transparent;box-shadow:0 10px 28px rgba(1,65,28,.20)}
.pp-btn--light{color:var(--pp-pakistan-green)}
.pp-btn--glass{color:var(--pp-pakistan-green);border-color:rgba(1,65,28,.20)}
.pp-kicker,.pp-section-heading>a,.pp-text-link,.pp-image-card a,.pp-service-grid a,.pp-professional-grid a,.pp-guide-grid a,.pp-path-grid a{color:var(--pp-pakistan-green)}
.pp-kicker--light{color:#fff}
.pp-hero .pp-kicker--light{color:var(--pp-pakistan-green)}
.pp-main-nav a:after{background:var(--pp-brand-gradient-wide)}
.pp-chip-row a:hover{border-color:var(--pp-pakistan-green);color:var(--pp-pakistan-green)}
.pp-tone-green{background:linear-gradient(180deg,#fff 30%,#e8f8ef)}
.pp-tone-blue{background:linear-gradient(180deg,#fff 30%,#edf6f7)}
.pp-tone-purple{background:linear-gradient(180deg,#fff 30%,var(--pp-pakistan-green-soft))}
.pp-tone-gold{background:linear-gradient(180deg,#fff 30%,#fff8e8)}
.pp-emirate-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.pp-emirate-card{min-height:410px;border:1px solid rgba(1,65,28,.16);box-shadow:0 14px 34px rgba(17,17,17,.1)}
.pp-emirate-card:after{background:linear-gradient(transparent,rgba(17,17,17,.96))}
.pp-emirate-card span a{color:var(--pp-pakistan-green);border:1px solid rgba(1,65,28,.14)}
.pp-community-card{display:block;transition:transform .2s,box-shadow .2s}
.pp-community-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(17,17,17,.12)}
.pp-map-placeholder{border-color:rgba(1,65,28,.42);background:radial-gradient(circle at 20% 20%,#e4f7ec,transparent 35%),linear-gradient(135deg,#fff,#edf8f1)}
.pp-process span{background:var(--pp-brand-gradient)}
.pp-form-status,.pp-metric-grid small{color:var(--pp-pakistan-green)}
.pp-listing-card button{border-color:var(--pp-pakistan-green);color:var(--pp-pakistan-green)}
.pp-alert-panel{background:linear-gradient(145deg,#111111,#01411c)}
.pp-final-cta{background:linear-gradient(90deg,rgba(17,17,17,.88),rgba(1,65,28,.84)),url("https://property-panda.pk/images/14-islamabad-residential-skyline.webp") center/cover no-repeat}
.pp-footer__main{background:linear-gradient(145deg,#090909 0%,#111111 58%,#01411c 145%);border-top:5px solid transparent;border-image:var(--pp-brand-gradient-wide) 1}
.pp-wordmark--footer{width:205px;min-height:150px;border-color:var(--pp-pakistan-green)}
.pp-footer__column a{color:#b9c8d8}.pp-footer__column a:hover{color:#fff;text-decoration:underline}
.pp-photo-tile{display:block}.pp-photo-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pp-photo-tile:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.02),rgba(1,65,28,.15))}
.pp-photo-tile span{z-index:3}
.pp-hero__media{background:linear-gradient(135deg,var(--pp-pakistan-green),var(--pp-green-dark))}
.pp-hero__overlay{background:linear-gradient(90deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.82) 42%,rgba(1,65,28,.08) 75%)}
.pp-hero__media:after{content:"";position:absolute;z-index:1;inset-inline-start:0;top:0;bottom:0;width:16px;background:var(--pp-brand-gradient)}
@media(max-width:1250px){.pp-emirate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pp-emirate-grid{grid-template-columns:1fr}.pp-wordmark img{width:220px}.pp-emirate-card{min-height:350px}}

/* V1.0 strict sticky header and Pakistan portal controls */
html{scroll-padding-top:156px}
.pp-site-header,.pp-site-header--strict-sticky{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1200!important;width:100%;isolation:isolate;transform:translateZ(0);will-change:transform;background:#fff;box-shadow:0 8px 30px rgba(17,17,17,.08)}
.pp-site-header.is-sticky{position:sticky!important;top:0!important;box-shadow:0 14px 36px rgba(17,17,17,.14)}
body.admin-bar .pp-site-header{top:32px!important}
.pp-listing-link,.pp-project-link,.pp-tool-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--pp-green);border-radius:9px;background:#fff;color:var(--pp-green);font-weight:800;text-align:center}
.pp-listing-link:hover,.pp-project-link:hover,.pp-tool-link:hover{background:var(--pp-green);color:#fff}
.pp-project-link{margin-top:14px}
.pp-tool-link{justify-content:flex-start;width:auto;border:0;padding:0;background:transparent;border-radius:0;font-size:.78rem}
.pp-tool-link:hover{background:transparent;color:var(--pp-navy);text-decoration:underline}
.pp-status-badge[href]{text-decoration:none}
.pp-main [id]{scroll-margin-top:156px}
@media(max-width:782px){body.admin-bar .pp-site-header{top:46px!important}}
@media(max-width:767px){html{scroll-padding-top:94px}.pp-main [id]{scroll-margin-top:94px}}

/* Pakistan primary colour lock */
.pp-btn--purple{background:#111111;color:#fff}.pp-btn--purple:hover{background:#01411c}
.pp-tone-blue,.pp-tone-gold{background:linear-gradient(180deg,#fff 30%,#edf8f1)}
.pp-status-badge{background:#edf8f1;color:#01411c}.pp-tool-grid span{color:#5e675f}


/* Featured project expansion: PPPK-56 to PPPK-65 */
.pp-featured-project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pp-featured-project-card{overflow:hidden;border:1px solid var(--pp-border);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(17,17,17,.06)}
.pp-featured-project-card>img{width:100%;aspect-ratio:1.66;object-fit:cover}
.pp-featured-project-card>div{padding:18px}
.pp-featured-project-card span{display:block;margin-bottom:7px;color:var(--pp-green);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.pp-featured-project-card h3{margin:0 0 9px;font-size:1.06rem;line-height:1.3}
.pp-featured-project-card p{margin:0;color:var(--pp-muted);font-size:.88rem;line-height:1.62}
@media(max-width:1280px){.pp-featured-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.pp-featured-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pp-featured-project-grid{grid-template-columns:1fr}}

/* Urdu and right-to-left language adjustments */
html[dir="rtl"] .pp-wordmark{direction:ltr}
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] .pp-hero__overlay{background:linear-gradient(270deg,rgba(244,249,252,.98) 0%,rgba(244,249,252,.76) 43%,rgba(17,17,17,.07) 73%)}
html[dir="rtl"] .pp-hero__content{margin-inline-start:auto}
html[dir="rtl"] .pp-faq button{padding:20px 0 20px 44px}
html[dir="rtl"] .pp-faq article>div{padding:0 0 18px 42px}
html[dir="rtl"] .pp-path-grid ol{padding-inline-start:0;padding-inline-end:20px}
@media(max-width:640px){html[dir="rtl"] .pp-hero__overlay{background:linear-gradient(180deg,rgba(244,249,252,.97),rgba(244,249,252,.66) 74%,rgba(17,17,17,.08))}}

/* Responsive image and Core Web Vitals safeguards */
.pp-responsive-image{display:block;width:100%;max-width:100%;height:auto}
.pp-main .pp-module{content-visibility:auto;contain-intrinsic-size:1px 900px}
.pp-hero.pp-module{content-visibility:visible;contain-intrinsic-size:auto}
.pp-hero__media>img{object-position:center center}
.pp-image-card img,.pp-photo-tile img,.pp-emirate-card>img,.pp-listing-card>img,.pp-project-card>img,.pp-featured-project-card>img{object-position:center center}
@media(min-width:681px) and (max-width:1024px){
 .pp-hero__media{min-height:590px}
 .pp-hero__media>img{object-position:62% center}
 .pp-image-card img,.pp-photo-tile img,.pp-emirate-card>img,.pp-listing-card>img,.pp-project-card>img,.pp-featured-project-card>img{object-position:center 44%}
}
@media(max-width:680px){
 .pp-hero__media{min-height:570px;border-radius:20px}
 .pp-hero__media>img{object-position:68% center}
 .pp-image-card img,.pp-photo-tile img,.pp-emirate-card>img,.pp-listing-card>img,.pp-project-card>img,.pp-featured-project-card>img{object-position:center 42%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pp-photo-tile img,.pp-btn,.pp-community-card{transition:none!important}}

/* Device-specific WebP sources and picture-element layout */
.pp-responsive-picture{display:block;width:100%;max-width:100%;overflow:hidden}
.pp-responsive-picture>img{display:block;width:100%;max-width:100%;height:auto}
.pp-hero__media>.pp-responsive-picture{position:absolute;inset:0;width:100%;height:100%}
.pp-hero__media>.pp-responsive-picture>img{width:100%;height:100%;object-fit:cover;object-position:center center}
.pp-image-card>.pp-responsive-picture>img{width:100%;aspect-ratio:1.6;object-fit:cover}
.pp-photo-tile>.pp-responsive-picture{position:absolute;inset:0;width:100%;height:100%}
.pp-photo-tile>.pp-responsive-picture>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pp-photo-tile:hover>.pp-responsive-picture>img{transform:scale(1.04)}
.pp-emirate-card>.pp-responsive-picture{position:absolute;inset:0;width:100%;height:100%}
.pp-emirate-card>.pp-responsive-picture>img{width:100%;height:100%;object-fit:cover}
.pp-listing-card>.pp-responsive-picture>img{width:100%;aspect-ratio:1.6;object-fit:cover}
.pp-project-grid article>.pp-responsive-picture>img{width:100%;aspect-ratio:1.7;object-fit:cover}
.pp-compare-banner article>.pp-responsive-picture{height:100%}
.pp-compare-banner article>.pp-responsive-picture>img{width:100%;height:100%;object-fit:cover}
.pp-area-profile>.pp-responsive-picture{height:100%}
.pp-area-profile>.pp-responsive-picture>img{width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:14px}
.pp-seller-layout>.pp-responsive-picture>img{width:100%;border-radius:24px}
.pp-path-grid article>.pp-responsive-picture>img{width:100%;aspect-ratio:1.65;object-fit:cover}
.pp-featured-project-card>.pp-responsive-picture>img{width:100%;aspect-ratio:1.66;object-fit:cover}
@media(min-width:681px) and (max-width:1024px){
 .pp-hero__media>.pp-responsive-picture>img{object-position:62% center}
 .pp-image-card>.pp-responsive-picture>img,.pp-photo-tile>.pp-responsive-picture>img,.pp-emirate-card>.pp-responsive-picture>img,.pp-listing-card>.pp-responsive-picture>img,.pp-project-grid article>.pp-responsive-picture>img,.pp-featured-project-card>.pp-responsive-picture>img{object-position:center 44%}
}
@media(max-width:680px){
 .pp-hero__media>.pp-responsive-picture>img{object-position:68% center}
 .pp-image-card>.pp-responsive-picture>img,.pp-photo-tile>.pp-responsive-picture>img,.pp-emirate-card>.pp-responsive-picture>img,.pp-listing-card>.pp-responsive-picture>img,.pp-project-grid article>.pp-responsive-picture>img,.pp-featured-project-card>.pp-responsive-picture>img{object-position:center 42%}
 .pp-compare-banner article>.pp-responsive-picture{height:230px}
}
