*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#1a1a1a;background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:#1d4ed8}a:hover{text-decoration:underline}img{max-width:100%}input,select,textarea{box-sizing:border-box;max-width:100%;font:inherit}button{font:inherit}h1,h2,h3,h4{line-height:1.25}h1{font-size:26px}h2{font-size:20px}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.note{color:#6b7280;font-size:13px}.btn{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:#162d6e;text-decoration:none}.btn-blue{color:#fff;cursor:pointer;text-align:center;background:#1e3a8a;border:0;border-radius:9px;width:100%;padding:12px;font-size:15px;font-weight:700;text-decoration:none;display:block}.btn-blue:hover{background:#162d6e;text-decoration:none}.outline{cursor:pointer;color:#1c1c1c;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-block}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.card h2{margin-top:0}.pill{color:#1e3a8a;background:#e8efff;border-radius:999px;margin-left:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.pill.gold{color:#92400e;background:#fef3c7}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tag{color:#1e3a8a;background:#eef2ff;border-radius:999px;margin:0 6px 6px 0;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.tag-live{color:#166534;background:#dcfce7}.price-blue{color:#1d4ed8;font-weight:800}.ver-pill{color:#1e3a8a;background:#e8efff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.badge-hot{color:#fff;background:#d92d20;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.report{color:#d92d20;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.fraud{color:#7a271a;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;padding:12px;font-size:13px}.site-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.head{z-index:2;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;position:relative}.logo{color:#1e3a8a;flex-shrink:0;align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo:hover{text-decoration:none}.logo img{width:auto;height:34px;display:block}.logo-mark{color:#fff;background:#1e3a8a;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.mainnav{gap:2px;display:flex}.navbtn{color:#1c1c1c;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600}.navbtn:hover,.navbtn.on{color:#1e3a8a;background:#eef2ff}.head-right{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-add{color:#fff;white-space:nowrap;background:#1e3a8a;border:0;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none}.site-header a.btn-add{color:#fff}.site-header a.btn-add:hover{background:#162d6e;text-decoration:none}.btn-login{color:#1c1c1c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600}.menu-btn{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:8px;padding:8px 12px;font-weight:700;display:none}.globe-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:18px;display:none}.panel{z-index:120;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(860px,94vw);max-height:70vh;padding:16px;position:absolute;top:100%;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 12px 32px #00000024}.panel h4{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:0 0 8px;font-size:13px}.panel ul{margin:0;padding:0;list-style:none}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mi{text-align:left;color:#1c1c1c;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-size:14px;text-decoration:none;display:block}a.mi:hover,button.mi:hover{color:#1e3a8a;background:#eef2ff;text-decoration:none}.menu-soon{text-align:left;color:#9ca3af;background:0 0;border:0;width:100%;padding:8px 10px;font-size:14px;display:block}.feat{background:#eef2ff;border-radius:10px;margin-top:12px;padding:12px}.feat b{color:#1e3a8a}.feat .mi{padding:0}.feat .mi:hover{background:0 0}.login-note{color:#374151;background:#eef2ff;border-radius:10px;padding:12px;font-size:13px}.locale-panel{z-index:120;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;padding:12px;position:absolute;top:64px;right:16px;box-shadow:0 12px 32px #00000024}.hero{color:#fff;text-align:center;background-color:#1e3a8a;background-image:linear-gradient(#2b4cb8d1,#1e3a8ae0),url(/hero-karachi.jpg);background-position:50% 62%;background-size:cover;padding:44px 16px 48px}.hero h1{color:#fff;margin:0 0 8px;font-size:34px}.hero p{color:#dbe4ff;margin:0 0 18px;font-size:15px}.hero-tabs{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.hero-tabs button{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #fff6;border-radius:999px;padding:8px 22px;font-size:14px;font-weight:700}.hero-tabs button.on,.hero-tabs button.active{color:#1e3a8a;background:#fff;border-color:#fff}.hero-collapsed{cursor:pointer;color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:10px;width:100%;max-width:640px;margin:14px auto 0;padding:12px 14px;font-size:15px;display:flex}.hero-collapsed .mag{flex-shrink:0;place-items:center;display:grid}.hero-collapsed b{color:#fff;background:#1e3a8a;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700}.btn-search{color:#fff;cursor:pointer;white-space:nowrap;background:#1d4ed8;border:0;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700}.hero-form{text-align:left;color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:860px;margin:14px auto 0;padding:14px}.hero-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.hero-row select,.hero-row input{background:#fff;border:1px solid #d1d5db;border-radius:9px;flex:1;min-width:120px;padding:10px;font-size:14px}.hero-row label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.hero-row .fld{flex:1;min-width:120px}section.block{padding:36px 0}.grey{background:#fafbfc}.sec-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sec-head h2{margin:0;font-size:22px}.viewall{color:#1d4ed8;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:14px;font-weight:700;text-decoration:none}.viewall:hover{text-decoration:underline}.arrows{gap:8px;margin-left:auto;display:flex}.arrow{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;width:34px;height:34px;font-size:18px;line-height:1}.arrow:disabled{opacity:.4;cursor:default}.browse-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bcard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.bcard-head{align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.chip-ic{color:#1e3a8a;background:#e8efff;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.chip-ic svg{width:22px;height:22px}.tabs{border-bottom:1px solid #e5e7eb;gap:16px;margin:14px 0;display:flex}.tabs button{color:#6b7280;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-size:14px;font-weight:600}.tabs button.on{color:#1d4ed8;border-bottom:2px solid #1d4ed8;margin-bottom:-1px}.chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip{text-align:center;color:#1a1a1a;border:1px solid #e5e7eb;border-radius:10px;padding:10px 6px;font-size:13px;text-decoration:none;display:block}.chip:hover{border-color:#1d4ed8;text-decoration:none}.chip b{font-size:13px;display:block}.chip span{color:#6b7280;font-size:12px}.tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tcard{color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;text-decoration:none;display:block}.tcard:hover{border-color:#1d4ed8;text-decoration:none}.tic{color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:10px;display:grid}.tic svg{width:24px;height:24px}.tcard b{font-size:15px;display:block}.tcard span{color:#6b7280;font-size:13px}.tool-disabled{opacity:.7}.ag-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ag-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:14px;padding:14px;display:flex}.ag-photo{color:#1e3a8a;background:#e8efff;border-radius:10px;flex-shrink:0;place-items:center;width:96px;height:96px;font-size:28px;font-weight:800;display:grid}.ag-card b{font-size:15px}.ag-card .note{color:#6b7280;font-size:13px}.ver{color:#1d4ed8;font-size:13px;font-weight:800}.agency-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:14px;padding:14px;display:flex}.agency-mark{color:#1e3a8a;background:#e8efff;border-radius:10px;flex-shrink:0;place-items:center;width:96px;height:96px;font-size:28px;font-weight:800;display:grid}.empty-agencies{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.proj-row{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.proj-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-shrink:0;width:300px;overflow:hidden}.proj-photo{color:#6b7280;background:#e5e7eb;place-items:center;height:170px;font-size:14px;display:grid;position:relative}.hot{color:#fff;background:#d92d20;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.proj-body{padding:14px}.proj-body b{font-size:15px;display:block}.comm-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.blog-row{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.date{text-align:center;color:#1e3a8a;background:#eef2ff;border-radius:10px;flex-shrink:0;width:52px;padding:8px 4px;font-size:13px;font-weight:800;line-height:1.2}.pill-topic{color:#1e3a8a;white-space:nowrap;background:#e8efff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.forum-row{cursor:pointer;text-align:left;color:#1a1a1a;background:0 0;border:0;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:12px 0;font-size:14px;display:flex}.comm-grid h3{margin:0 0 8px;font-size:17px}.loc-toggle{gap:8px;margin-bottom:14px;display:flex}.loc-toggle button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.loc-toggle button.on{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.loc-group{margin-bottom:16px}.loc-group h3{margin:0 0 8px;font-size:15px}.loc-link{color:#1d4ed8;margin:0 14px 8px 0;font-size:14px;text-decoration:none;display:inline-block}.banner{color:#fff;background:linear-gradient(90deg,#162d6e,#2563eb);border-radius:18px;flex-wrap:wrap;align-items:center;gap:24px;padding:32px;display:flex}.banner h2{color:#fff;margin:0 0 8px;font-size:24px}.banner p{color:#dbe4ff;margin:0 0 16px}.store{color:#fff;cursor:pointer;background:#000;border:0;border-radius:9px;margin-right:8px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.store:hover{background:#111;text-decoration:none}.listing-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;position:relative;overflow:hidden}.listing-photo{object-fit:cover;width:100%;height:180px;display:block}.listing-photo-fallback{color:#fff;text-align:center;background:linear-gradient(#2b4cb8,#1e3a8a);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:180px;padding:16px;text-decoration:none;display:flex}.listing-photo-fallback svg{width:40px;height:40px}.listing-photo-fallback small{color:#dbe4ff;font-size:12px}a .listing-photo-fallback:hover{text-decoration:none}.listing-body{padding:14px}.listing-body a{color:#1a1a1a;text-decoration:none}.listing-body a:hover{text-decoration:underline}.listing-body b{font-size:15px}.listing-price{color:#1d4ed8;font-size:16px;font-weight:800}.listing-meta{color:#6b7280;margin-top:4px;font-size:13px}.photo-count{color:#fff;background:#0009;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:10px}.rcard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:14px;margin-bottom:12px;padding:14px;display:flex;position:relative}.rcard .listing-photo,.rcard .listing-photo-fallback{border-radius:10px;flex-shrink:0;width:200px;height:140px}.rcard .listing-body{flex:1;min-width:0;padding:0}.rprice{color:#1d4ed8;font-size:18px;font-weight:800}.heart{cursor:pointer;color:#6b7280;background:0 0;border:0;flex-shrink:0;margin-left:auto;font-size:20px}.browse-chips{flex-wrap:wrap;gap:8px;display:flex}.city-tiles{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.city-tile{color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;text-decoration:none;display:block}.city-tile:hover{border-color:#1d4ed8;text-decoration:none}.city-tile b{font-size:16px;display:block}.city-tile span{color:#6b7280;font-size:13px}footer{color:#ccc;background:#111;padding:36px 0 24px}.foot-grid{grid-template-columns:repeat(6,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 16px;display:grid}.foot-grid h4{color:#fff;margin:0 0 10px;font-size:14px}.foot-grid a,.foot-grid button{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:0;margin-bottom:8px;padding:0;font-size:14px;text-decoration:none;display:block}.foot-grid a:hover,.foot-grid button:hover{color:#fff;text-decoration:underline}.foot-grid .plain{color:#999;margin-bottom:8px;font-size:14px;display:block}.soc{gap:8px;display:flex}.soc a{color:#fff;background:#333;border-radius:50%;place-items:center;width:32px;height:32px;margin:0;font-size:14px;display:grid}.soc a:hover{background:#1e3a8a;text-decoration:none}.foot-bottom{border-top:1px solid #333;flex-wrap:wrap;align-items:center;gap:12px;max-width:1200px;margin:24px auto 0;padding:14px 16px 0;font-size:13px;display:flex}.foot-bottom a{color:#ccc}.bottomnav{z-index:70;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;display:none;position:fixed;bottom:0;left:0;right:0}.bottomnav a,.bottomnav button{color:#374151;text-align:center;cursor:pointer;background:0 0;border:0;flex:1;padding:4px 0;font-size:11px;font-weight:700;text-decoration:none}.bottomnav a.on,.bottomnav button.on{color:#1e3a8a}.bottomnav .ic{font-size:18px;line-height:1.2;display:block}.backdrop{z-index:190;background:#0006;position:fixed;inset:0}.drawer{z-index:200;background:#fff;width:min(340px,88vw);padding:16px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:0 0 40px #0003}.drawer h3{margin:0 0 12px;font-size:18px}.drawer a,.drawer .mi{color:#1c1c1c}.drawer .grid2{grid-template-columns:1fr}.drawer .feat{margin-top:12px}.acc{border-bottom:1px solid #e5e7eb}.acc>button{text-align:left;cursor:pointer;color:#1a1a1a;background:0 0;border:0;justify-content:space-between;width:100%;padding:12px 0;font-size:15px;font-weight:700;display:flex}.acc-body{padding:0 0 12px}.dsub{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:12px 0 4px;font-size:12px;font-weight:700}.install-banner{z-index:1900;color:#fff;background:#111;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.install-banner b{font-size:14px}.install-banner .sp{flex:1}.install-banner .ibtn{color:#fff;cursor:pointer;white-space:nowrap;background:#1e3a8a;border:0;border-radius:8px;padding:8px 14px;font-weight:700}.install-banner .x{color:#ccc;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:18px}.backtop{color:#fff;z-index:60;cursor:pointer;background:#1e3a8a;border:1px solid #1e3a8a;border-radius:50%;width:44px;height:44px;font-size:18px;position:fixed;bottom:76px;right:16px;box-shadow:0 2px 10px #00000026}.toast{color:#fff;z-index:2000;text-align:center;background:#111;border-radius:9px;max-width:92vw;padding:10px 16px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.rbar{color:#fff;background:#162d6e;padding:16px 0}.rbar .wrap{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.rbar label{text-transform:uppercase;letter-spacing:.04em;color:#dbe4ff;margin-bottom:4px;font-size:11px;display:block}.rbar select,.rbar input:not([type=checkbox]){color:#1a1a1a;background:#fff;border:1px solid #d1d5db;border-radius:9px;min-width:120px;padding:10px;font-size:14px}.crumb{color:#6b7280;margin:14px 0 0;font-size:13px}.crumb a{color:#1d4ed8;text-decoration:none}.rtabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.rtabs button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.rtabs button.on{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.res-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.sortbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sortbar select{background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:8px;font-size:14px}.seg{gap:4px;display:flex}.seg button{cursor:pointer;background:#fff;border:1px solid #d1d5db;padding:6px 12px;font-size:13px;font-weight:600}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}.seg button.on{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.sidebox{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.sidebox h3{margin:0 0 10px;font-size:16px}.sidebox.blue{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.sidebox.blue h3{color:#fff}.sidebox.blue p{color:#dbe4ff}.sidebox.blue a{color:#fff}.d-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.spec-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.spec{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.spec b{font-size:16px;display:block}.spec span{color:#6b7280;font-size:12px}.feat-pill{background:#fff;border:1px solid #e5e7eb;border-radius:999px;margin:0 6px 6px 0;padding:6px 12px;font-size:13px;display:inline-block}.side-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.side-card h2{margin-top:0}.price-big{color:#1d4ed8;font-size:26px;font-weight:800}.d-tabs{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:4px;margin:16px 0;display:flex}.d-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:0;padding:10px 14px;font-size:14px;font-weight:600}.d-tabs button.on{color:#1d4ed8;border-bottom:2px solid #1d4ed8;margin-bottom:-1px}.sim-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sim-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.sim-photo{color:#6b7280;background:#e5e7eb;place-items:center;height:130px;font-size:13px;display:grid}.sim-body{padding:12px}.detail-price{color:#1d4ed8;font-size:26px;font-weight:800}.facts-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.fact{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.fact-k{color:#6b7280}.fact-v{text-align:right;font-weight:600}.gallery{position:relative}.gallery-main{object-fit:cover;background:#e5e7eb;border-radius:14px;width:100%;height:420px;display:block}.gallery-count{color:#fff;background:#0009;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:12px;right:12px}.gallery-thumbs{gap:8px;margin-top:8px;display:flex;overflow-x:auto}.gallery-thumb{object-fit:cover;cursor:pointer;background:#e5e7eb;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:60px;padding:0}.gallery-thumb.on{border-color:#1e3a8a}.icon-strip{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.pkcard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.pkcard.best{border-color:#1e3a8a;box-shadow:inset 0 0 0 2px #1e3a8a}.pkcard h2{margin-top:0}.calc-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calc-grid label{color:#374151;font-size:12px;font-weight:700}.calc-grid input,.calc-grid select{border:1px solid #d1d5db;border-radius:9px;width:100%;margin-top:5px;padding:10px;font-size:14px}main{max-width:1200px;margin:0 auto;padding:20px 16px}.card input[type=text],.card input:not([type]),.card textarea,.card select,.side-card input:not([type=checkbox]),.side-card textarea,.side-card select{border:1px solid #d1d5db;border-radius:9px;width:100%;margin:4px 0;padding:10px}.search-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filter-bar{color:#fff;background:#162d6e;border-radius:14px;margin-bottom:16px;padding:16px}.filter-bar label{text-transform:uppercase;letter-spacing:.04em;color:#dbe4ff;margin-bottom:4px;font-size:11px;display:block}.filter-bar select,.filter-bar input:not([type=checkbox]){color:#1a1a1a;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:10px;font-size:14px}.search-pill{background:#fff;border-radius:999px;align-items:center;gap:8px;max-width:640px;margin:0 auto;padding:6px 6px 6px 16px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:14px;font-weight:600}.tab-btn.on{color:#1d4ed8}@media (max-width:800px){.hero h1{font-size:26px}.browse-grid,.tools-grid,.comm-grid,.grid,.city-tiles,.ag-row,.sim-grid,.foot-grid{grid-template-columns:repeat(2,1fr)}.head{flex-wrap:wrap}.btn-add{display:none}.head-right{flex:100%}.head-right .menu-btn{order:1}.head-right .globe-btn{order:2}.head-right .btn-login{order:3;margin-left:auto}.menu-btn{display:inline-block}.mainnav{display:none}.bottomnav{display:flex}body{padding-bottom:64px}.res-layout,.d-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(2,1fr)}.facts-grid{grid-template-columns:1fr}.rcard{flex-direction:column}.rcard .listing-photo,.rcard .listing-photo-fallback{width:100%;height:180px}.gallery-main{height:260px}}@media (max-width:768px){.globe-btn{display:block}.install-banner{bottom:86px}.backtop{bottom:124px}.panel{width:94vw}}@media (max-width:480px){.browse-grid,.tools-grid,.comm-grid,.grid,.city-tiles,.ag-row,.sim-grid{grid-template-columns:1fr}.chips{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr}.hero{padding:32px 16px 36px}.banner{padding:24px 16px}.banner h2{font-size:20px}}.va-hero{color:#fff;background:#1e3a8a;border-radius:12px;margin:10px 0;padding:44px 30px 58px}.va-hero h1{margin:0 0 10px;font-size:40px}.va-hero p{opacity:.92;font-size:18px}.va-search{background:#fff;border:1px solid #ddd;border-radius:14px;max-width:980px;margin:-32px 0 0;padding:18px;box-shadow:0 14px 30px #0b0f1a2e}.va-tabs{gap:8px;margin-bottom:12px;display:flex}.va-tabs button{cursor:pointer;color:#1e3a8a;background:#e8edfb;border:0;border-radius:20px;padding:9px 22px;font-weight:800}.va-tabs button.on{color:#fff;background:#1e3a8a}.va-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.va-row label{color:#333;flex-direction:column;flex:1;min-width:150px;font-size:13px;display:flex}.va-go{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:9px;padding:12px 26px;font-size:16px;font-weight:900;text-decoration:none;display:inline-block}.va-h2{margin:32px 0 6px;font-size:26px}.va-sub{color:#555;margin:0 0 14px}.va-chips{flex-wrap:wrap;gap:10px;display:flex}.va-chips a{color:#1e3a8a;background:#fff;border:1.5px solid #1e3a8a;border-radius:20px;padding:8px 18px;font-weight:700;text-decoration:none}.va-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.va-card{border:1px solid #ddd;border-radius:14px;overflow:hidden}.va-cover{color:#fff;align-items:flex-end;height:140px;padding:12px;font-size:19px;font-weight:900;text-decoration:none;display:flex}.va-body{padding:14px}.va-price{color:#1e3a8a;font-size:21px;font-weight:900}.va-title{margin:6px 0;font-weight:800;text-decoration:none;display:block}.va-meta{color:#555;margin-top:4px;font-size:14px}.va-badges{margin-top:8px;font-size:14px}.va-agency{color:#555;border-top:1px solid #eee;margin-top:8px;padding-top:8px;font-size:13px}.va-band{border:1px solid #ddd;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.va-aggrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.va-ag{border:1px solid #ddd;border-radius:14px;padding:18px}.va-ag div{color:#555;margin-top:6px}.vb-wrap{align-items:flex-start;gap:22px;display:flex}.vb-panel{background:#f4f6fb;border:1px solid #ddd;border-radius:14px;flex-shrink:0;width:300px;padding:18px;position:sticky;top:10px}.vb-panel h2{margin:0 0 4px;font-size:20px}.vb-sub{color:#555;margin:0 0 12px;font-size:14px}.vb-tabs{gap:8px;margin-bottom:12px;display:flex}.vb-tabs button{cursor:pointer;color:#1e3a8a;background:#e8edfb;border:0;border-radius:9px;flex:1;padding:10px;font-weight:800}.vb-tabs button.on{color:#fff;background:#1e3a8a}.vb-panel label{margin:10px 0 4px;font-size:13px;font-weight:700;display:block}.vb-panel select{width:100%}.vb-go{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:9px;width:100%;margin-top:14px;padding:13px;font-size:16px;font-weight:900}.vb-main{flex:1;min-width:0}.vb-mapbox{border:1.5px solid #ddd;border-radius:14px;overflow:hidden}.vb-maphead{padding:12px 16px;font-weight:800}.vb-mapnote{color:#555;background:#f8fafc;border-top:1px solid #eee;padding:10px 16px;font-size:13px}.vb-h2{margin:24px 0 4px;font-size:22px}.vb-rows{flex-direction:column;gap:14px;display:flex}.vb-row{border:1px solid #ddd;border-radius:14px;gap:16px;display:flex;overflow:hidden}.vb-thumb{color:#fff;flex-shrink:0;align-items:flex-end;width:200px;padding:12px;font-weight:900;text-decoration:none;display:flex}.vb-info{padding:14px 14px 14px 0}.vb-price{color:#1e3a8a;font-size:20px;font-weight:900}.vb-title{margin:4px 0;font-weight:800;text-decoration:none;display:block}.vb-meta{color:#555;margin-top:4px;font-size:14px}.vb-aggrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vb-ag{border:1px solid #ddd;border-radius:14px;padding:16px}.vb-ag div{color:#555;margin-top:6px}.vc{font-family:Georgia,Times New Roman,serif}.vc-hero{padding:30px 0 6px}.vc-hero h1{max-width:820px;margin:0;font-size:50px;line-height:1.08}.vc-hero h1+p{color:#555;max-width:640px;font-size:19px}.vc-bar{border-top:2px solid #111;border-bottom:2px solid #111;flex-wrap:wrap;display:flex}.vc-bar select{background:#fff;border:0;border-right:1px solid #ddd;flex:1;min-width:130px;padding:14px;font-size:15px}.vc-bar button{color:#fff;cursor:pointer;background:#1e3a8a;border:0;padding:14px 30px;font-size:16px;font-weight:900}.vc-kicker{letter-spacing:2px;text-transform:uppercase;color:#1e3a8a;margin:30px 0 0;font-family:system-ui,sans-serif;font-size:12px;font-weight:900}.vc-h2{margin:8px 0 4px;font-size:30px}.vc-sub{color:#555;font-size:16px}.vc-feature{grid-template-columns:1.4fr 1fr;gap:24px;margin:14px 0 10px;display:grid}.vc-featphoto{color:#fff;border-radius:6px;flex-direction:column;justify-content:flex-end;height:280px;padding:22px;display:flex}.vc-featphoto h3{margin:8px 0 4px;font-size:30px}.vc-hot{color:#1e3a8a;background:#fff;border-radius:12px;align-self:flex-start;padding:5px 11px;font-family:system-ui,sans-serif;font-size:12px;font-weight:900}.vc-feattext h3{margin:0 0 8px;font-size:26px}.vc-feattext p{color:#555;line-height:1.5}.vc-btn{color:#fff;cursor:pointer;background:#111;border:0;padding:12px 22px;font-family:system-ui,sans-serif;font-weight:800;text-decoration:none;display:inline-block}.vc-list{grid-template-columns:1fr 1fr;gap:22px;display:grid}.vc-card{border-top:3px solid #111;padding-top:12px}.vc-ph{color:#fff;border-radius:6px;align-items:flex-end;height:120px;padding:12px;font-family:system-ui,sans-serif;font-weight:900;text-decoration:none;display:flex}.vc-price{color:#1e3a8a;margin-top:10px;font-family:system-ui,sans-serif;font-size:20px;font-weight:900}.vc-title{margin:4px 0;font-size:20px;font-weight:700;text-decoration:none;display:block}.vc-meta{color:#555;margin-top:4px;font-family:system-ui,sans-serif;font-size:14px}.vc-areas{columns:3;column-gap:26px;font-family:system-ui,sans-serif}.vc-areas a{border-bottom:1px solid #eee;padding:8px 0;font-weight:700;text-decoration:none;display:block}.vc-aggrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.vc-ag{border:1px solid #ddd;border-radius:6px;padding:18px;font-family:system-ui,sans-serif}.vc-ag h3{color:#1e3a8a;margin:0 0 6px}.vc-ag p{color:#555;margin:0 0 8px}@media (max-width:900px){.va-grid{grid-template-columns:1fr 1fr}.va-hero h1{font-size:30px}.vb-wrap{flex-direction:column}.vb-panel{width:100%;position:static}.vb-row{flex-direction:column}.vb-thumb{width:100%;height:120px}.vc-feature,.vc-list,.vc-aggrid,.va-aggrid,.vb-aggrid{grid-template-columns:1fr}.vc-areas{columns:2}.vc-hero h1{font-size:34px}}@media (max-width:600px){.va-grid{grid-template-columns:1fr}.vc-areas{columns:1}}.overlay{z-index:90;background:#00000073;justify-content:center;align-items:flex-start;padding:60px 16px 16px;display:none;position:fixed;inset:0}.overlay.open{display:flex}.modal{color:#111;background:#fff;border-radius:14px;width:100%;max-width:460px;padding:22px;box-shadow:0 20px 60px #00000040}.modal h3{margin:0 0 6px;font-size:20px}.modal .sub{color:#6b7280;margin:0 0 12px;font-size:14px}.modal input,.modal select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:9px;width:100%;margin:4px 0;padding:10px;font-size:14px}.modal .btn{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:999px;padding:10px 20px;font-weight:700}.modal .btn2{color:#1e3a8a;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:10px 20px;font-weight:700}.modal .err{color:#b91c1c;font-size:14px}.modal-wide{max-width:720px;padding:0;display:flex;overflow:hidden}.login-brand{color:#fff;background-color:#1e3a8a;background-image:linear-gradient(#1e3a8ac7,#162d6ee0),url(/login-karachi.jpg);background-position:50%;background-size:cover;flex:0 0 260px;padding:28px 22px}.login-brand img{background:#fff;border-radius:8px;height:44px;padding:4px 8px}.login-brand h3{color:#fff;margin:14px 0 8px;font-size:22px}.login-brand p{color:#dbe4ff;margin:0 0 14px;font-size:14px;line-height:1.5}.login-brand ul{margin:0;padding-left:18px;font-size:14px;line-height:1.9}.login-form{flex:1;min-width:0;padding:22px}@media (max-width:640px){.login-brand{display:none}.modal-wide{max-width:460px}}
