/* ===================== Design tokens ===================== */
:root{
  color-scheme: light;
  --brand:#0F4D38; --brand-strong:#0B3D2C; --brand-hover:#0B3D2C; --brand-soft:#E4F0E9; --on-brand:#FFFFFF;
  --bg:#F5F8F6; --surface:#FFFFFF; --surface-2:#EDF3EF; --ink:#0F1F18; --muted:#55675E; --line:#D8E3DC;
  --ok:#1C7A4E; --ok-soft:#E1F2E8; --warn:#9A5B00; --warn-soft:#FBEFD9; --bad:#B42318; --bad-soft:#FBE7E5;
  --paint:#F2C230; /* road-marking yellow, used sparingly */
  --map-bg:#E9F0EC; --map-block:#DDE7E1; --map-road:#FFFFFF; --map-road-edge:#C7D4CC; --map-text:#5E7268;
  --shadow:0 1px 2px rgba(11,61,44,.06), 0 8px 24px rgba(11,61,44,.08);
  --radius-s:8px; --radius:14px; --radius-l:22px;
  --font:'Figtree','Mukta',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-hi:'Mukta','Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --brand:#1E7A57; --brand-strong:#0E3326; --brand-hover:#23905F; --brand-soft:#173327; --on-brand:#FFFFFF;
    --bg:#0B1611; --surface:#11211A; --surface-2:#172C22; --ink:#E7F0EB; --muted:#9BB0A4; --line:#24392F;
    --ok:#4CC08A; --ok-soft:#14352A; --warn:#E3A93E; --warn-soft:#352812; --bad:#F07A6E; --bad-soft:#3A1A17;
    --map-bg:#11211A; --map-block:#172C22; --map-road:#2A4337; --map-road-edge:#1D3329; --map-text:#8FA79A;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --brand:#1E7A57; --brand-strong:#0E3326; --brand-hover:#23905F; --brand-soft:#173327; --on-brand:#FFFFFF;
  --bg:#0B1611; --surface:#11211A; --surface-2:#172C22; --ink:#E7F0EB; --muted:#9BB0A4; --line:#24392F;
  --ok:#4CC08A; --ok-soft:#14352A; --warn:#E3A93E; --warn-soft:#352812; --bad:#F07A6E; --bad-soft:#3A1A17;
  --map-bg:#11211A; --map-block:#172C22; --map-road:#2A4337; --map-road-edge:#1D3329; --map-text:#8FA79A;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.3);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
html[lang="hi"] body{font-family:var(--font-hi);line-height:1.6}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
img,svg{max-width:100%}
a{color:var(--brand)}
html[data-theme] a, a{text-underline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--paint);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 18px}
h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);font-weight:800}
h3{font-size:1.08rem;font-weight:700}
p{margin:0}
.muted{color:var(--muted)}
.small{font-size:.875rem}

/* ===================== Header ===================== */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;gap:12px;height:62px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;font-family:var(--font)}
.logo-mark{width:34px;height:34px;flex:none}
.main-nav{display:none;gap:4px;margin-left:18px}
.main-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem}
.main-nav a[aria-current="page"]{color:var(--brand);background:var(--brand-soft)}
.main-nav a:hover{color:var(--ink)}
.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.lang-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;display:flex;gap:6px;align-items:center;font-size:.9rem}
.lang-btn span.alt{color:var(--muted);font-weight:500}
.lang-btn:hover{border-color:var(--brand)}
.demo-strip{background:var(--warn-soft);color:var(--warn);font-size:.82rem;font-weight:600}
.demo-strip .wrap{display:flex;gap:8px;align-items:flex-start;padding-top:7px;padding-bottom:7px}
.demo-strip svg{flex:none;margin-top:2px}
@media (min-width:900px){.main-nav{display:flex}}

/* ===================== Buttons & form ===================== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;font-size:.98rem;min-height:46px;transition:background .15s, border-color .15s}
.btn-primary{background:var(--brand);color:var(--on-brand)}
.btn-primary:hover{background:var(--brand-hover)}
.btn-primary:disabled{opacity:.55;cursor:not-allowed}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-white{background:#fff;color:#0B3D2C}
.btn-danger{background:transparent;color:var(--bad);border:1px solid var(--bad)}
.btn-sm{min-height:36px;padding:7px 12px;font-size:.88rem;border-radius:10px}
.btn-block{width:100%}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label,.label{font-weight:600;font-size:.9rem}
.input,select.input,textarea.input{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 13px;min-height:46px;outline:none}
.input:focus{border-color:var(--brand)}
.input[aria-invalid="true"]{border-color:var(--bad)}
.hint{font-size:.82rem;color:var(--muted)}
.err{font-size:.85rem;color:var(--bad);font-weight:600}
.form-error{background:var(--bad-soft);color:var(--bad);padding:10px 12px;border-radius:10px;font-weight:600;font-size:.9rem;margin-bottom:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check{display:flex;gap:10px;align-items:center;font-weight:500;cursor:pointer;padding:6px 0}
.check input{width:20px;height:20px;accent-color:var(--brand)}

/* chips / segmented */
.seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:2px;flex:none}
.seg button{border:0;background:transparent;padding:7px 14px;border-radius:999px;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--muted);white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--brand);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.chip{border:1px solid var(--line);background:var(--surface);padding:7px 13px;border-radius:999px;font-weight:600;font-size:.88rem;cursor:pointer;white-space:nowrap;color:var(--ink);flex:none}
.chip[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
select.chip{appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}

/* badges */
.badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.b-public{background:var(--brand-soft);color:var(--brand)}
.b-private{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}
.b-sample{background:var(--warn-soft);color:var(--warn)}
.b-ok{background:var(--ok-soft);color:var(--ok)}
.b-warn{background:var(--warn-soft);color:var(--warn)}
.b-bad{background:var(--bad-soft);color:var(--bad)}
.b-muted{background:var(--surface-2);color:var(--muted)}

/* ===================== Hero ===================== */
.hero{background:var(--brand-strong);color:#fff;position:relative;overflow:hidden}
.hero .wrap{position:relative;padding-top:34px;padding-bottom:40px;display:grid;gap:26px}
.hero-tagline{font-weight:900;font-size:clamp(3.1rem,1.6rem + 7vw,6.4rem);line-height:.92;letter-spacing:-.045em;margin:0}
html[lang="hi"] .hero-tagline{letter-spacing:-.01em;line-height:1.05;font-size:clamp(2.6rem,1.4rem + 6vw,5.4rem)}
.hero-tagline span{display:block}
.hero-tagline span:nth-child(2){color:var(--paint)}
.hero-lane{display:flex;gap:14px;margin:18px 0 0;height:6px}
.hero-lane i{display:block;width:44px;height:6px;border-radius:2px;background:rgba(255,255,255,.28)}
.hero-sub{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);max-width:34ch;color:rgba(255,255,255,.88);font-weight:500}
.hero-search{background:#fff;color:#0F1F18;border-radius:var(--radius-l);padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:grid;gap:10px;max-width:560px}
.hero-search .input{background:#fff;color:#0F1F18;border-color:#D8E3DC}
.hero-search .search-row{display:flex;gap:8px}
.hero-search .search-row .input{flex:1}
.hero-chips{display:flex;gap:8px;flex-wrap:wrap}
.hero-chips button{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer}
.hero-chips button:hover{background:rgba(255,255,255,.12)}
.hero-bays{position:absolute;right:-60px;top:0;bottom:0;width:240px;display:none;opacity:.3}
@media (min-width:980px){
  .hero .wrap{grid-template-columns:1.15fr 1fr;align-items:end;padding-top:64px;padding-bottom:72px}
  .hero-bays{display:block}
}

/* ===================== Sections ===================== */
.section{padding:36px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.steps{display:grid;gap:14px;grid-template-columns:1fr}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:14px}
.step-num{flex:none;width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}
@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.owner-band{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:26px;display:grid;gap:16px;align-items:center;border-left:8px solid var(--brand)}
@media (min-width:760px){.owner-band{grid-template-columns:1fr auto;padding:34px}}

/* ===================== Lot cards ===================== */
.lot-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:640px){.lot-grid.two{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.lot-grid.four{grid-template-columns:repeat(4,1fr)}}
@media (min-width:640px) and (max-width:999px){.lot-grid.four{grid-template-columns:1fr 1fr}}
.lot-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;text-align:left;width:100%;color:inherit;transition:border-color .15s}
.lot-card:hover{border-color:var(--brand)}
.lot-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
.lot-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.lot-name{font-weight:700;font-size:1.02rem;line-height:1.25}
.lot-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:.86rem;color:var(--muted)}
.price{font-weight:800;font-size:1.25rem;white-space:nowrap;text-align:right;line-height:1}
.price small{font-weight:600;font-size:.78rem;color:var(--muted)}
.bays{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:16px}
.bays span{border:1.5px solid var(--ok);border-radius:2px;background:transparent}
.bays span.occ{background:var(--line);border-color:var(--line)}
.bays.warn span:not(.occ){border-color:var(--warn)}
.bays.big{height:26px;gap:3px}
.avail-row{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;gap:8px}
.avail-row strong{font-weight:700}

/* ===================== Explore ===================== */
.explore-top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px);z-index:40}
.explore-top .wrap{padding-top:12px;padding-bottom:10px;display:grid;gap:10px}
.explore-search{display:flex;gap:8px}
.explore-search .input{flex:1;min-width:0}
.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.explore-body{display:grid;gap:16px;padding-top:16px;padding-bottom:24px}
.view-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px}
.explore-body[data-view="list"] .map-pane{display:none}
.explore-body[data-view="map"] .results{display:none}
.map-pane{position:relative}
.map-box{position:relative;height:min(64vh,560px);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--map-bg)}
.map-box svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab;user-select:none}
.map-box svg.dragging{cursor:grabbing}
.map-ctrl{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px}
.map-ctrl button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:1.2rem;font-weight:700;cursor:pointer;display:grid;place-items:center}
.map-note{position:absolute;left:10px;bottom:10px;background:var(--surface);border:1px solid var(--line);font-size:.75rem;padding:4px 9px;border-radius:999px;color:var(--muted);font-weight:600}
.map-card{margin-top:12px}
.pin{cursor:pointer}
.pin:focus{outline:none}
.pin:focus .pin-body{stroke:var(--paint);stroke-width:4}
@media (min-width:960px){
  .view-toggle .seg{display:none}
  .explore-body{grid-template-columns:minmax(360px,440px) 1fr;align-items:start}
  .explore-body[data-view] .results,.explore-body[data-view] .map-pane{display:block}
  .map-pane{position:sticky;top:calc(env(safe-area-inset-top,0px) + 196px)}
  .map-box{height:calc(100vh - 230px);min-height:420px}
  .results .lot-grid{grid-template-columns:1fr}
}
.empty{background:var(--surface);border:1.5px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;display:grid;gap:12px;justify-items:center}

/* ===================== Details ===================== */
.back{display:inline-flex;gap:6px;align-items:center;color:var(--muted);text-decoration:none;font-weight:600;padding:16px 0 4px;background:none;border:0;cursor:pointer}
.detail-grid{display:grid;gap:18px;padding:10px 0 110px}
@media (min-width:960px){.detail-grid{grid-template-columns:1.4fr 1fr;align-items:start;padding-bottom:40px}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.panel + .panel{margin-top:16px}
.detail-title{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.3rem);font-weight:800;margin:10px 0 6px;letter-spacing:-.02em}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:.95rem}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600}
.price-table{display:grid;gap:8px}
.price-line{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--surface-2);border-radius:10px;font-weight:600}
.price-line b{font-size:1.15rem}
.amen{display:flex;flex-wrap:wrap;gap:8px}
.amen span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:6px 11px;border-radius:999px;font-size:.88rem;font-weight:600}
.mini-map{height:220px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-top:12px}
.mini-map svg{width:100%;height:100%;display:block}
.sticky-cta{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);padding:12px 18px;z-index:45;display:flex;gap:12px;align-items:center}
.sticky-cta .btn{flex:1}
@media (min-width:960px){.sticky-cta{position:static;padding:0;border:0;background:none;margin-top:16px}}

/* ===================== Booking ===================== */
.book-grid{display:grid;gap:18px;padding:10px 0 40px}
@media (min-width:960px){.book-grid{grid-template-columns:1.3fr 1fr;align-items:start}.book-summary{position:sticky;top:calc(env(safe-area-inset-top,0px) + 120px)}}
.pay-opt{display:flex;gap:12px;border:1.5px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;margin-bottom:10px;align-items:flex-start}
.pay-opt input{margin-top:3px;width:20px;height:20px;accent-color:var(--brand);flex:none}
.pay-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.sum-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.sum-line:last-of-type{border-bottom:0}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;margin-top:6px;border-top:2px solid var(--ink);font-weight:800;font-size:1.3rem}
.window-status{padding:10px 12px;border-radius:10px;font-weight:600;font-size:.9rem;margin:6px 0 14px}
.dur{display:flex;gap:6px;flex-wrap:wrap}

/* ===================== Ticket / confirmation ===================== */
.ticket{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;max-width:560px;margin:24px auto 40px}
.ticket-head{background:var(--brand-strong);color:#fff;padding:26px}
.ticket-head h1{font-size:1.7rem;font-weight:800;margin-top:10px}
.ticket-code{font-size:2.2rem;font-weight:900;letter-spacing:.06em;margin-top:14px;font-variant-numeric:tabular-nums}
.ticket-perf{height:0;border-top:2px dashed var(--line);margin:0 18px;position:relative}
.ticket-body{padding:22px 26px;display:grid;gap:14px}
.ticket-actions{display:grid;gap:10px;padding:0 26px 26px}
.check-anim{width:44px;height:44px;border-radius:50%;background:var(--paint);display:grid;place-items:center;color:#0B3D2C;animation:pop .35s ease-out}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}

/* ===================== Bookings list ===================== */
.page-head{padding:24px 0 14px;display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.page-head h1{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);font-weight:800;letter-spacing:-.02em}
.booking-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:10px}
.booking-card .top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.booking-card .facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem;color:var(--muted)}
.booking-card .facts b{color:var(--ink);font-weight:600}
.booking-card .actions{display:flex;gap:8px;flex-wrap:wrap}
.list{display:grid;gap:12px;padding-bottom:40px}

/* ===================== Auth ===================== */
.auth{max-width:440px;margin:28px auto 60px}
.auth h1{font-size:1.8rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}
.demo-accounts{background:var(--surface-2);border-radius:12px;padding:14px;margin-top:18px;display:grid;gap:8px;font-size:.9rem}
.demo-accounts .acc{display:flex;justify-content:space-between;gap:10px;align-items:center}
.role-pick{display:grid;gap:8px;margin-bottom:14px}

/* ===================== Owner ===================== */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
@media (min-width:860px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.stat .v{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.stat .k{font-size:.85rem;color:var(--muted);font-weight:600}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.tabs button{border:0;background:none;padding:12px 14px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--brand);border-bottom-color:var(--brand)}
.owner-lot{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:12px}
@media (min-width:860px){.owner-lot{grid-template-columns:1.4fr 1fr auto;align-items:center}}
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.stepper button{width:42px;height:42px;border:0;background:var(--surface-2);font-size:1.25rem;font-weight:700;cursor:pointer}
.stepper button:disabled{opacity:.4;cursor:not-allowed}
.stepper output{min-width:64px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.earn-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.earn-bar{grid-column:1/-1;height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}
.earn-bar i{display:block;height:100%;background:var(--brand)}
.amen-pick{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
fieldset{border:0;padding:0;margin:0 0 14px}
legend{font-weight:600;font-size:.9rem;margin-bottom:6px;padding:0}

/* ===================== Footer, tabbar, toast, modal ===================== */
footer.site-footer{border-top:1px solid var(--line);padding:26px 0 calc(96px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:.86rem;margin-top:20px}
footer .wrap{display:grid;gap:8px}
@media (min-width:900px){footer.site-footer{padding-bottom:30px}}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom,0px)}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 9px;text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:700;min-height:62px;justify-content:center}
.tabbar a[aria-current="page"]{color:var(--brand)}
@media (min-width:900px){.tabbar{display:none}}
#toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;display:grid;gap:8px;width:min(92vw,420px);pointer-events:none}
.toast{background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:12px;font-weight:600;box-shadow:var(--shadow);animation:pop .2s ease-out}
.modal-back{position:fixed;inset:0;background:rgba(5,20,14,.55);z-index:100;display:grid;place-items:end center;padding:0}
@media (min-width:640px){.modal-back{place-items:center;padding:20px}}
.modal{background:var(--surface);width:100%;max-width:460px;border-radius:20px 20px 0 0;padding:24px 22px calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:14px;animation:pop .2s ease-out}
@media (min-width:640px){.modal{border-radius:20px}}
.modal h2{font-size:1.35rem}
.modal .actions{display:grid;gap:8px}
.notice{display:flex;gap:10px;align-items:flex-start;background:var(--warn-soft);color:var(--warn);padding:12px 14px;border-radius:12px;font-weight:600;font-size:.9rem}
.notice.info{background:var(--brand-soft);color:var(--brand)}

/* ===================== Pan-India additions (v2) ===================== */
.hide-xs{display:none}
@media (min-width:480px){.hide-xs{display:inline}}
.loc-chip{display:none;align-items:center;gap:6px;max-width:240px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:6px 12px;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--ink)}
.loc-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-chip:hover{border-color:var(--brand)}
@media (min-width:1100px){.loc-chip{display:inline-flex}}
.link-btn{background:none;border:0;padding:0;color:var(--brand);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:.92rem;margin-top:4px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--paint);margin:0 0 14px}
html[lang="hi"] .hero-kicker{text-transform:none;letter-spacing:0;font-size:.95rem}
.search-form{display:flex;gap:8px}
.search-form .input{flex:1;min-width:0}
.hero-search .btn-ghost{color:#0F4D38;border-color:#D8E3DC;background:#fff}
.hero-search .btn-ghost:hover{border-color:#0F4D38}
.hero-actions{display:grid;gap:8px}
@media (min-width:520px){.hero-actions{grid-template-columns:1fr 1fr}}
.explore-row{display:grid;gap:8px}
.explore-search{display:flex;gap:8px;min-width:0}
.explore-search .search-form{flex:1;min-width:0}
.loc-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1.5px solid var(--brand);background:var(--brand-soft);color:var(--ink);border-radius:12px;padding:8px 12px;cursor:pointer;min-height:46px}
.loc-btn svg{color:var(--brand);flex:none}
.loc-btn-text{display:grid;min-width:0;flex:1;line-height:1.25}
.loc-btn-text small{color:var(--muted);font-size:.75rem;font-weight:600}
.loc-btn-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-btn-change{font-weight:700;color:var(--brand);font-size:.88rem}
@media (max-width:959px){.explore-top{position:static}}
@media (min-width:960px){.explore-row{grid-template-columns:minmax(260px,360px) 1fr}}
.city-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
@media (max-width:420px){.city-chips{grid-template-columns:1fr 1fr}}
.city-chip b.long{font-size:.9rem}
.city-chip.wide{grid-column:span 2}
.city-chip{display:grid;gap:2px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;cursor:pointer;color:var(--ink)}
.city-chip:hover{border-color:var(--brand)}
.city-chip span{display:flex;gap:8px;align-items:center;min-width:0}
.city-chip{min-width:0;overflow:hidden}
.city-chip b{min-width:0;overflow-wrap:break-word;word-break:break-word;hyphens:auto;line-height:1.25}
.city-chip svg{color:var(--brand);flex:none}
.city-chip small{color:var(--muted);font-weight:600}
.unavailable{justify-items:center}
.unavailable svg{color:var(--brand)}
.unavailable h3{font-size:1.15rem}
.row-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sub-h{font-size:1rem;margin:10px 0 0}
.map-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted);text-align:center;padding:20px}
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,520px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--radius);padding-bottom:4px}
.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);scroll-snap-align:start;background:var(--surface-2)}
.no-photo{display:flex;gap:10px;align-items:center;justify-content:center;aspect-ratio:16/6;min-height:110px;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-weight:600;background:repeating-linear-gradient(90deg,transparent 0 46px,var(--surface-2) 46px 50px)}
.phone-field{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.phone-field span{display:grid;place-items:center;padding:0 12px;background:var(--surface-2);font-weight:700;border-right:1.5px solid var(--line)}
.phone-field .input{border:0;border-radius:0}
.phone-field:focus-within{border-color:var(--brand)}
.vehicle-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.vehicle-row svg{color:var(--brand)}
.vehicle-form{border-top:1px solid var(--line);padding-top:14px}
.owner-lot.inactive{background:var(--surface-2);border-style:dashed}
.form-h{font-size:1rem;margin:22px 0 12px;padding-top:16px;border-top:1px solid var(--line)}
.form-h:first-of-type{margin-top:4px;padding-top:0;border-top:0}
.photo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.thumb{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.thumb.add{display:grid;place-content:center;justify-items:center;gap:4px;cursor:pointer;border-style:dashed;color:var(--brand);font-weight:700;font-size:.85rem}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;font-weight:600;margin:14px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.modal{max-height:calc(100vh - 20px);overflow-y:auto}