:root{--bg:#f7f3ea;--paper:#fffdf8;--paper-2:#fef8ed;--ink:#151b18;--muted:#59645f;--faint:#8a948f;--line:#e6dccb;--accent:#185c49;--accent-2:#d9972e;--accent-soft:#e7f2ed;--danger:#b5472f;--whatsapp:#22c55e;--shadow:0 24px 70px #2722181f;--shadow-soft:0 12px 34px #27221817;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--max:860px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at top left, #d9972e21, transparent 34rem), radial-gradient(circle at top right, #185c4921, transparent 32rem), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.page{max-width:var(--max);margin:0 auto;padding:28px 18px 96px}.hero{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0e1e18e6,#185c49b8),radial-gradient(circle at 80% 10%,#d9972e6b,#0000 18rem),linear-gradient(135deg,#1d352b,#0f1916);border:1px solid #e6dccbdb;flex-direction:column;margin-bottom:24px;padding:42px 34px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:22px;position:absolute;inset:18px}.eyebrow{color:#dff5ec;letter-spacing:.08em;text-transform:uppercase;z-index:1;background:#ffffff1f;border-radius:999px;width:fit-content;margin-bottom:12px;padding:5px 10px;font-size:.72rem;font-weight:900;display:inline-flex;position:relative}h1,h2,h3,p{margin:0}h1{letter-spacing:-.05em;z-index:1;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.08;position:relative}.hero-subtitle{color:#ffffffd1;z-index:1;max-width:610px;margin-top:14px;font-size:clamp(.95rem,2vw,1.12rem);position:relative}.urdu-text{color:#ffd899;margin-top:6px;font-weight:500;display:block}.directory-title{letter-spacing:-.04em;color:var(--ink);margin:32px 0 16px;font-size:1.45rem}.directory-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar-input{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:12px;flex:220px;padding:0 14px;font-family:inherit;font-size:.92rem}.toolbar-input:focus{outline:2px solid var(--accent);outline-offset:1px}.toolbar-select{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:12px;padding:0 12px;font-family:inherit;font-size:.86rem;font-weight:600}.toolbar-count{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:.82rem;font-weight:600}.vendors-list{gap:20px;display:grid}.vendor-card.hidden{display:none}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.page-btn{border:1px solid var(--line);background:var(--paper);min-width:40px;min-height:40px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0 12px;font-family:inherit;font-size:.86rem;font-weight:700}.page-btn:hover:not(:disabled){background:#eee5d5}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.vendor-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);background:#fffffde0;border:1px solid #e6dccbdb;gap:16px;padding:24px;display:grid}.vendor-header{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#185c49f5,#d9972ee0);border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.4rem;font-weight:950;display:grid;box-shadow:0 10px 20px #185c492e}.vendor-header h2{letter-spacing:-.03em;color:var(--ink);font-size:1.22rem;line-height:1.2}.badge{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;width:fit-content;margin-top:4px;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.vendor-body{color:var(--muted);font-size:.94rem;line-height:1.45}.vendor-body-stars{color:var(--accent-2);margin-bottom:6px;font-weight:700}.vendor-actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vendor-actions .btn{border-radius:14px;min-height:46px;padding:10px 14px;font-size:.86rem}.vendor-actions .btn-whatsapp{background:var(--whatsapp);color:#fff}.vendor-actions .btn-outline{border:1px solid var(--line);color:var(--ink);background:0 0}.vendor-actions .btn-outline:hover{background:#eee5d5}.nav-section{border-radius:var(--radius-lg);backdrop-filter:blur(12px);background:#fffffde0;border:1px solid #e6dccbdb;margin-bottom:20px;padding:24px}.nav-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:12px;font-size:1rem;font-weight:800}.nav-chips{flex-wrap:wrap;gap:8px;display:flex}.nav-chip{color:var(--muted);background:#eee5d5;border-radius:99px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:background .15s}.nav-chip:hover{background:var(--line);color:var(--ink)}.claim-banner{color:#fffdf8;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#185c49f0,#185c49d1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;transition:transform .15s;display:flex}.claim-banner:hover{transform:translateY(-2px)}.claim-banner-text{flex-direction:column;gap:4px;max-width:560px;display:flex}.claim-banner-text strong{font-family:Georgia,serif;font-size:1.02rem}.claim-banner-text span{color:#fffffdd1;font-size:.86rem;line-height:1.4}.claim-banner-cta{background:var(--accent-2);color:#241700;white-space:nowrap;border-radius:999px;flex:none;padding:10px 18px;font-size:.86rem;font-weight:800}.site-nav{border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(12px);background:#fffffdeb;position:sticky;top:0}.site-nav-inner{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:12px 18px;display:flex}.logo{color:var(--ink);align-items:center;gap:8px;font-family:Georgia,serif;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:25px;height:25px;font-size:.84rem;display:grid}.logo span{color:var(--accent)}.site-nav-links{color:var(--muted);gap:20px;font-size:.88rem;font-weight:700;display:flex}.site-nav-links a:hover{color:var(--accent)}.site-nav-cta{background:var(--accent);color:#fff;border-radius:99px;padding:8px 14px;font-size:.82rem;font-weight:800}.site-nav-cta:hover{background:#124838}.site-footer-v2{border-top:1px solid var(--line);background:var(--paper);margin-top:40px;padding:44px 0 26px}.site-footer-v2-inner{max-width:var(--max);margin:0 auto;padding:0 18px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:28px;display:grid}@media (width<=720px){.footer-grid{grid-template-columns:1fr;gap:22px}}.footer-brand p{color:var(--muted);max-width:32ch;margin-top:10px;font-size:.85rem}.site-footer-v2 h4{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:12px;font-size:.72rem;font-weight:800}.footer-links{flex-direction:column;gap:9px;display:flex}.footer-links a{color:var(--muted);font-size:.87rem;text-decoration:none}.footer-links a:hover{color:var(--accent)}.site-footer-v2-bottom{border-top:1px solid var(--line);text-align:center;color:var(--faint);margin-top:30px;padding-top:16px;font-size:.76rem}@media (width<=680px){.page{padding:14px 12px 64px}.hero{padding:24px}.hero:before{inset:12px}.directory-toolbar{flex-direction:column;align-items:stretch}.toolbar-count{text-align:center;margin-left:0}}