/* Pages — screen-specific bits only. Shared looks live in components.css.
   Homepage design: copied from the owner's live homepage CSS (mcd.css),
   scoped under .live-home — same spacing, same shapes. Font sizes under
   13px were raised to 13px (owner's minimum-text rule). */
.counts-line { margin-top: 14px; font-weight:500; color: var(--ink2); font-size: 13px; padding: 0 10px; }

.live-home .card { background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px }
.live-home .card-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:14px }
.live-home .card-title { font-size:.88rem;font-weight:500;color:var(--ink) }
.live-home .card-action { font-size:13px;color:var(--accent);cursor:pointer;text-decoration:none }
.live-home .logo-img { width:46px;height:46px;display:flex;align-items:center;justify-content:center }
.live-home .nav-links { display:flex;align-items:center;justify-content:center;gap:24px }
.live-home .nav-right { display:flex;align-items:center;gap:10px;flex-shrink:0 }
.live-home .cat-row { background:var(--white);border-bottom:1px solid var(--border);padding:8px 20px;display:flex;align-items:flex-start;overflow-x:auto;scrollbar-width:none;gap:2px;position:relative }
.live-home .cat-row::-webkit-scrollbar { display:none }
.live-home .cat-item { display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 12px;cursor:pointer;flex-shrink:0;border-radius:var(--radius);transition:background .15s;text-decoration:none }
.live-home .cat-item:hover { background:var(--accent-light) }
.live-home .cat-item.cat-act { background:var(--accent-light) }
.live-home .cat-item.cat-act .cat-label { color:#1557C0 }
.live-home .cat-emoji { font-size:1.9rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center }
.live-home .cat-label { font-size:13px;font-weight:500;color:var(--accent);text-align:center;line-height:1.3;max-width:66px }
.live-home .cat-arrow { position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--white));display:flex;align-items:center;justify-content:flex-end;padding-right:6px;pointer-events:none;font-size:1rem;color:var(--ink3) }
.live-home .search-row { background:var(--white);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;gap:10px;align-items:center }
.live-home .loc-pill { display:flex;align-items:center;gap:5px;background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius);padding:0 12px;height:42px;cursor:pointer;flex-shrink:0;transition:all .15s;white-space:nowrap }
.live-home .loc-pill:hover { border-color:var(--accent);background:var(--accent-light) }
.live-home .loc-pill svg { color:var(--accent) }
.live-home .loc-pill span { font-size:.82rem;font-weight:500;color:var(--ink2);max-width:130px;overflow:hidden;text-overflow:ellipsis }
.live-home .sf { flex:1;display:flex;align-items:center;gap:8px;border:1.5px solid var(--border2);border-radius:var(--radius);padding:0 12px;transition:border-color .15s;background:var(--white) }
.live-home .sf:focus-within { border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,115,232,.07) }
.live-home .sf svg { color:var(--ink3);flex-shrink:0;width:15px;height:15px }
.live-home .sf input { border:none;outline:none;font-family:inherit;font-size:.88rem;color:var(--ink);padding:10px 0;background:transparent;width:100% }
.live-home .sf input::placeholder { color:var(--ink3) }
.live-home .sbtn { background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:10px 22px;font-family:inherit;font-weight:500;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s }
.live-home .sbtn:hover { background:#1557C0 }
.live-home .body-layout { display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 260px) }
.live-home .lsidebar { background:var(--white);border-right:1px solid var(--border);padding:6px 0 }
.live-home .sc { display:flex;align-items:center;gap:9px;padding:9px 14px;cursor:pointer;border-left:3px solid transparent;transition:all .15s;text-decoration:none }
.live-home .sc:hover { background:var(--bg) }
.live-home .sc.act { background:#FFF8F0;border-left-color:var(--orange) }
.live-home .sc-ic { width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0 }
.live-home .sc-nm { font-size:.83rem;font-weight:500;color:var(--ink2) }
.live-home .sc.act .sc-nm { color:var(--ink);font-weight:500 }
.live-home .sc-cnt { font-size:13px;margin-left:auto;background:var(--bg);padding:2px 7px;border-radius:10px;color:var(--ink3);font-weight:500 }
.live-home .sc.act .sc-cnt { background:#FEE9C3;color:#9A3412 }
.live-home .sc-more { padding:10px 14px }
.live-home .sc-more a { color:var(--accent);font-size:13px;font-weight:500;text-decoration:none }
.live-home .cards-area { padding:14px 20px }
.live-home .cards-topbar { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px }
.live-home .cards-topbar h1, .live-home .cards-topbar h2 { font-size:.92rem;font-weight:500 }
.live-home .vt { display:flex;gap:4px }
.live-home .vtb { width:40px;height:40px;border:1px solid var(--border);background:var(--white);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s }
.live-home .vtb.on, .live-home .vtb:hover { background:var(--accent);border-color:var(--accent);color:#fff }
.live-home .grid { display:flex;flex-direction:column;gap:12px }
.live-home .grid-row { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:start }
.live-home .grid-row.row-horizontal { display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;gap:12px }
.live-home .grid-row.row-horizontal::-webkit-scrollbar { display:none }
.live-home .grid-row.row-horizontal .card { min-width:170px;flex-shrink:0 }
.live-home .card { background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .18s }
.live-home .card:hover { box-shadow:0 4px 18px rgba(26,115,232,.13);border-color:#93C5FD;transform:translateY(-2px) }
.live-home .card-img { height:126px;background:var(--bg);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden }
.live-home .card-tags { position:absolute;left:8px;bottom:8px;display:flex;flex-wrap:nowrap;gap:4px;max-width:calc(100% - 16px);overflow:hidden }
.live-home .card-tag { font-size:12px;font-weight:500;color:#fff;background:rgba(10,14,24,.62);border:1px solid rgba(255,255,255,.25);padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0 }
.live-home .card-img .placeholder { font-size:2.2rem;color:var(--border2) }
.live-home .rp { position:absolute;top:7px;right:7px;background:rgba(255,255,255,.96);border-radius:5px;padding:2px 6px;display:flex;align-items:center;gap:2px;font-size:13px;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.1) }
.live-home .rp .s { color:#F5A623 }
.live-home .spons-badge { position:absolute;top:7px;left:7px;background:var(--accent);color:#fff;font-size:13px;font-weight:500;padding:2px 7px;border-radius:4px;letter-spacing:.02em }
.live-home .feat-badge { background:#B8860B }
.live-home .strip-title { font-size:15px;margin:4px 0 10px;color:var(--ink2) }
.live-home .top-banner { display:block;position:relative;border-radius:14px;overflow:hidden;margin-bottom:14px;min-height:110px;background:linear-gradient(120deg,#31456e,#1A73E8);text-decoration:none }
.live-home .top-banner .tb-shade { display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:110px;padding:16px 18px;background:linear-gradient(90deg,rgba(10,16,30,.72),rgba(10,16,30,.25));color:#fff }
.live-home .top-banner { background-size:cover;background-position:center }
.live-home .tb-ad { align-self:flex-start;font-size:11px;background:rgba(255,255,255,.85);color:#333;padding:1px 6px;border-radius:4px;font-weight:500;letter-spacing:.04em }
.live-home .tb-name { font-size:21px;font-weight:500 }
.live-home .tb-sub { font-size:13px;opacity:.92 }
.live-home .tb-cta { font-size:13px;font-weight:500;margin-top:4px }
.live-home .card-body { padding:8px 10px 7px }
.live-home .card-row { display:block;margin-bottom:3px }
.live-home .card-name { font-size:.84rem;font-weight:500;line-height:1.3;color:#1d1d26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.live-home .card-loc { display:flex;align-items:center;gap:3px;font-size:13px;color:#6a6f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.live-home .card-foot { display:none }
.live-home .card-acts { display:flex;gap:4px;flex-wrap:nowrap }
.live-home .card-act { width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .15s }
.live-home .card-act:hover { background:var(--accent-light);border-color:var(--accent) }
.live-home .hiw { background:#12122A;padding:36px 24px;border-top:1px solid #2A2A3E }
.live-home .hiw-inner { max-width:1100px;margin:0 auto }
.live-home .hiw h2 { font-size:1.2rem;font-weight:500;color:#fff;margin-bottom:4px;text-align:center }
.live-home .hiw-sub { font-size:.82rem;color:#94A3B8;text-align:center;margin-bottom:24px }
.live-home .hiw-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px }
.live-home .hc { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:18px 14px;text-align:center }
.live-home .hc-num { width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:0 auto 10px }
.live-home .hc-ico { font-size:1.6rem;margin-bottom:8px;display:block }
.live-home .hc-t { font-size:.82rem;font-weight:500;color:#fff;margin-bottom:4px }
.live-home .hc-b { font-size:13px;color:#94A3B8;line-height:1.55 }
.live-home .partner-section { padding:32px 24px;background:var(--white);border-top:1px solid var(--border) }
.live-home .partner-inner { max-width:1100px;margin:0 auto }
.live-home .partner-section h2 { font-size:1.1rem;font-weight:500;color:var(--ink);margin-bottom:4px;text-align:center }
.live-home .partner-sub { font-size:.82rem;color:var(--ink3);text-align:center;margin-bottom:22px }
.live-home .partner-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
.live-home .pc { background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .15s }
.live-home .pc:hover { border-color:var(--accent) }
.live-home .pc-ico { font-size:1.8rem;margin-bottom:10px;display:block }
.live-home .pc-t { font-size:.88rem;font-weight:500;color:var(--ink);margin-bottom:5px }
.live-home .pc-b { font-size:13px;color:var(--ink3);line-height:1.6;margin-bottom:10px }
.live-home .pc-earn { font-size:13px;font-weight:500;color:#1557C0;background:var(--accent-light);padding:3px 10px;border-radius:20px;display:inline-block;border:1px solid #BFDBFE }
.live-home .cta-section { background:var(--accent);padding:40px 24px;text-align:center }
.live-home .cta-section h2 { font-size:1.3rem;font-weight:500;color:#fff;margin-bottom:7px }
.live-home .cta-section p { font-size:.83rem;color:rgba(255,255,255,.75);margin-bottom:22px;line-height:1.6 }
.live-home .cta-btns { display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap }
.live-home .btn-white { font-size:.88rem;font-weight:500;color:var(--accent);padding:11px 26px;border-radius:25px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s }
.live-home .btn-white:hover { opacity:.9 }
.live-home .btn-ghost-white { font-size:.88rem;font-weight:500;color:#fff;padding:11px 26px;border-radius:25px;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;display:flex;align-items:center;gap:6px;transition:border-color .15s }
.live-home .btn-ghost-white:hover { border-color:#fff }
.live-home .trust-row { display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap }
.live-home .trust-item { font-size:13px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:4px }
.live-home .fb-about p { font-size:13px;color:#A9B2C6;line-height:1.7;margin-top:8px }
.live-home .fb-contact { font-size:13px;color:#A9B2C6;display:flex;align-items:center;gap:5px;margin-top:6px }
.live-home .fc h4 { font-size:13px;font-weight:500;color:#8E99B4;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px }
.live-home .fc a { display:block;font-size:13px;color:#A9B2C6;margin-bottom:7px;text-decoration:none;transition:color .12s }
.live-home .fc a:hover { color:var(--accent) }
.live-home .footer-bottom { border-top:1px solid #1E1E38;padding-top:14px;display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto }
.live-home .footer-bottom span { font-size:13px;color:#A9B2C6 }
.live-home .nav-links { display:flex;gap:24px }
.live-home .topnav { background:var(--white);border-bottom:1px solid var(--border);height:64px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:100 }
.live-home #hloo-screen-profile .topnav { top:0 }
.live-home .logo-img { width:46px;height:46px;display:flex;align-items:center;justify-content:center }
.live-home .logo-words { display:flex;flex-direction:column;line-height:1.2 }
.live-home .logo-words .top { font-size:.85rem;font-weight:500;color:var(--accent) }
.live-home .logo-words .bot { font-size:13px;color:var(--ink3);letter-spacing:.06em;text-transform:uppercase }
.live-home .nav-links { display:flex;align-items:center;justify-content:center;gap:24px }
.live-home .nav-right { display:flex;align-items:center;gap:10px }
.live-home .footer { background:#12122A;padding:28px 24px 14px;margin-top:32px }
.live-home .footer-grid { display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:24px;margin-bottom:20px;max-width:1100px;margin-left:auto;margin-right:auto }
.live-home .fb-about p { font-size:13px;color:#A9B2C6;line-height:1.7;margin-top:8px }
.live-home .fb-contact { font-size:13px;color:#A9B2C6;display:flex;align-items:center;gap:5px;margin-top:5px }
.live-home .fc h4 { font-size:13px;font-weight:500;color:#8E99B4;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px }
.live-home .fc a { display:block;font-size:13px;color:#A9B2C6;margin-bottom:7px;text-decoration:none }
.live-home .fc a:hover { color:var(--accent) }
.live-home .footer-bottom { border-top:1px solid #1E1E38;padding-top:12px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto }
.live-home .footer-bottom span { font-size:13px;color:#A9B2C6 }
.live-home .card { background:#fff;border:0.5px solid #e0deff;border-radius:12px }
.live-home .sc { border-radius:10px;padding:16px;border-left:4px solid transparent }
.live-home .sc.purple { background:#EEEDFE;border-left-color:#7F77DD }
.live-home .sc.teal { background:#E1F5EE;border-left-color:#1D9E75 }
.live-home .sc.amber { background:#FAEEDA;border-left-color:#EF9F27 }
.live-home .sc.coral { background:#FAECE7;border-left-color:#D85A30 }
.live-home .sc.purple .sl { color:#534AB7 }
.live-home .sc.teal .sl { color:#0F6E56 }
.live-home .sc.amber .sl { color:#854F0B }
.live-home .sc.coral .sl { color:#993C1D }
.live-home .sc.purple .sv { color:#26215C }
.live-home .sc.teal .sv { color:#04342C }
.live-home .sc.amber .sv { color:#412402 }
.live-home .sc.coral .sv { color:#4A1B0C }
.live-home .sc.purple .ss { color:#534AB7 }
.live-home .sc.teal .ss { color:#0F6E56 }
.live-home .sc.amber .ss { color:#854F0B }
.live-home .sc.coral .ss { color:#993C1D }
.live-home .card-title { font-size:.82rem;font-weight:500;color:var(--ink) }
.live-home .card-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:5px }
@media (max-width:480px) {
  .live-home .topnav { padding:0 12px;gap:8px }
  .live-home .logo, .live-home .logo-words { min-width:0 }
  .live-home .logo-words .top { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
}
.live-home .search-row .sf { flex:1;min-width:0 }
.live-home .search-row .sbtn { min-height:44px }
@media (max-width:768px) {
  .live-home .cards-area { padding:12px 16px }
}
@media (max-width:480px) {
  .live-home .hiw, .live-home .partner-section { padding:32px 20px }
  .live-home .cta-section { padding:36px 20px }
}

/* — Copy ke upar chhote faisle (Roohit ke lock): card ke Call/WhatsApp
   button live CSS me chhupe the (display:none) — yahan dikhenge, kyunki
   contact action seedha dikhna uska apna lock hai. Mobile par sidebar
   ki jagah upar wali category row hi kaam karti hai (live par dono ka
   data ek hi hai). */
.live-home .card-foot { display:flex; align-items:center; justify-content:flex-end; margin-top:4px; }
.live-home a.logo { display:flex; align-items:center; gap:8px; text-decoration:none; }
.live-home .grid-row.list-view { grid-template-columns:1fr; }
.live-home #btnMore {
  display:block; margin:16px auto 4px; border:1px solid var(--border2); background:var(--white);
  border-radius:7px; padding:7px 18px; font-size:13px; font-weight:500; cursor:pointer;
}
.live-home .city-menu {
  display:none; background:var(--white); border-bottom:1px solid var(--border);
  padding:10px 20px; flex-wrap:wrap; gap:8px;
}
.live-home .city-menu.open { display:flex; }
@media (max-width:900px) {
  .live-home .body-layout { grid-template-columns:1fr; }
  .live-home .lsidebar { display:none; }
}
@media (max-width:860px) { .live-home .nav-links { display:none; } }
@media (max-width:700px) {
  .live-home .hiw-grid { grid-template-columns:1fr 1fr; }
  .live-home .partner-grid { grid-template-columns:1fr; }
  .live-home .footer-grid { grid-template-columns:1fr 1fr; }
}

/* Pricing page */
.price-card h3 { font-size: 17px; }
.price-amt { font-size: 26px; font-weight:500; margin: 8px 0; }
.price-amt span { font-size: 13px; color: var(--ink2); font-weight:500; }
.price-card ul { margin: 0 0 16px 18px; color: var(--ink2); }
.price-card li { padding: 2px 0; }
.home-sec { margin-top: 28px; }
.sec-sub { color: var(--ink2); margin-top: 2px; }
.cta-band {
  margin-top: 28px; background: var(--accent); color: #fff; border-radius: var(--radius);
  padding: 26px 20px; text-align: center;
}
.cta-band h2 { font-size: 21px; font-weight:500; }
.cta-band p { opacity: .92; margin-top: 4px; }
.cta-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 16px; }
.cta-band .btn { background: #fff; color: var(--accent); border-color: #fff; font-weight:500; }

.signin-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.signin-tabs .chip { flex: 1; text-align: center; }


.grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 700px) { .grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1020px) { .grid { grid-template-columns: 1fr 1fr 1fr; } }

.bcard {
  background: var(--white); border: 1px solid var(--border); border-radius: var(--radius);
  overflow: hidden; cursor: pointer; display: flex; flex-direction: column;
}
.bcard-photo { width: 100%; height: 140px; object-fit: cover; background: var(--accent-light); }
.bcard-initials {
  display: flex; align-items: center; justify-content: center;
  font-size: 34px; font-weight:500; color: var(--accent);
}
.bcard-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.bcard-body h3 { font-size: 15px; }
.spon {
  background: var(--orange-light); color: #92400E; font-size: 13px; font-weight:500;
  padding: 2px 7px; border-radius: 999px; vertical-align: middle;
}
.bcard-bio { color: var(--ink2); font-size: 13px; flex: 1; }
.bcard-meta { color: var(--ink3); font-size: 13px; }
.bcard-actions { display: flex; gap: 8px; margin-top: 6px; }
.bcard-actions .btn { flex: 1; min-height: 38px; padding: 6px 8px; font-size: 13px; }

.biz-hero { display: flex; gap: 14px; align-items: center; }
.biz-photo { width: 84px; height: 84px; border-radius: var(--radius); object-fit: cover; flex-shrink: 0; background: var(--accent-light); }
.biz-initials { display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight:500; color: var(--accent); }
.biz-head h1 { font-size: 22px; margin-bottom: 4px; }
.biz-bio { color: var(--ink2); margin-bottom: 4px; }
.biz-actions { display: flex; flex-wrap: nowrap; gap: 8px; margin: 14px 0 4px; }
.biz-actions .btn { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; }
#btnFav.faved { color: #EF4444; border-color: #EF4444; }
#btnFav.faved .ic { fill: #EF4444; }
.offer-row { padding: 6px 0; border-bottom: 1px solid var(--border); }
.offer-strip { display: block; background: var(--purple); color: #fff; text-align: center; padding: 9px 14px; font-size: 14px; font-weight: 500; border-radius: 10px; margin-bottom: 12px; text-decoration: none; }
.home-pop { position: fixed; inset: 0; background: rgba(20, 10, 40, .45); display: flex; align-items: center; justify-content: center; z-index: 60; padding: 18px; }
.home-pop-card { background: #fff; border-radius: 14px; max-width: 420px; width: 100%; padding: 22px; position: relative; text-align: center; }
.home-pop-card h3 { margin: 0 0 8px; font-size: 19px; font-weight: 500; }
.home-pop-card p { color: var(--ink2); margin: 0 0 14px; }
.home-pop-x { position: absolute; top: 6px; right: 10px; border: none; background: none; font-size: 22px; cursor: pointer; color: var(--ink2); }
.stats-row { display: flex; gap: 10px; flex-wrap: wrap; }
.stat-box { flex: 1 1 90px; text-align: center; }
.stat-num { font-size: 20px; font-weight: 500; color: var(--purple); }
.stat-lab { font-size: 12.5px; color: var(--ink2); }
.offer-row:last-child { border-bottom: none; }
.price { font-weight:500; color: var(--ink); }
.gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gallery img { width: 100%; height: 130px; object-fit: cover; border-radius: var(--radius); }
.contact-list div { padding: 5px 0; font-size: 14px; }
.hour-line { display: block; }
.lead-form { border-top: 1px solid var(--border); margin-top: 12px; }
.review-row { padding: 10px 0; border-bottom: 1px solid var(--border); }
.review-row:last-child { border-bottom: none; }
.stars { color: var(--orange); }
.stars-pick button { border: none; background: none; font-size: 24px; color: var(--orange); padding: 2px; }

/* Themes t1–t5 — colours only, layout never changes (locked).
   Accent colours come from the existing design palette.
   t1 = the default tokens (no override needed). */
[data-theme="t2"] { --accent: #E8472A; --accent-dark: #C2371F; --accent-light: #FDECE8; }
[data-theme="t3"] { --accent: #A855F7; --accent-dark: #8B3FD9; --accent-light: #F4EAFE; }
[data-theme="t4"] { --accent: #F59E0B; --accent-dark: #D97706; --accent-light: #FEF3D8; }
[data-theme="t5"] { --accent: #0EA5E9; --accent-dark: #0284C7; --accent-light: #E0F2FE; }
.biz-logo { width: 84px; height: 84px; border-radius: var(--radius); object-fit: contain; background: var(--white); flex-shrink: 0; }
.ai-block { margin-top: 12px; }
.ai-block h2 { font-size: 18px; margin-bottom: 6px; }
.ai-block p { color: var(--ink2); }

/* Copied rules the extractor missed (id-less header bits) — same live source. */
.live-home .logo { display:flex; align-items:center; gap:9px; text-decoration:none; flex-shrink:0; }
.live-home .nav-link.active { color:var(--accent); background:var(--accent-light); }
.live-home .btn-login { font-size:13px; font-weight:500; color:var(--ink2); padding:7px 14px; border:1.5px solid var(--border2); border-radius:20px; background:var(--white); cursor:pointer; }
.live-home .btn-signup { font-size:13px; font-weight:500; color:#fff; padding:7px 16px; border:none; border-radius:20px; background:var(--accent); cursor:pointer; display:flex; align-items:center; gap:5px; }
.live-home .cat-arrow { position:absolute; right:0; top:0; bottom:0; width:32px; background:linear-gradient(to right,transparent,var(--white)); display:flex; align-items:center; justify-content:flex-end; padding-right:6px; pointer-events:none; font-size:16px; color:var(--ink3); }
.live-home .loc-pill { display:flex; align-items:center; gap:5px; background:var(--white); border:1.5px solid var(--border2); border-radius:var(--radius); padding:0 12px; height:42px; cursor:pointer; flex-shrink:0; white-space:nowrap; font-size:13px; font-weight:500; color:var(--ink2); }
.live-home .sbtn { background:var(--accent); color:#fff; border:none; border-radius:var(--radius); padding:10px 22px; font-family:inherit; font-weight:500; font-size:14px; cursor:pointer; display:flex; align-items:center; gap:6px; white-space:nowrap; }
/* Card foot fit: live template ka foot band tha, isliye tag wrap hokar
   button card se bahar kat rahe the — tag ek line me katega, button pure. */
.live-home .card-foot { gap:6px; }
.live-home .card-acts { flex-shrink:0; }

/* ——— Card action icons (C5) ——— */
.card-act .ic { vertical-align: middle; }
.card-act { display: inline-flex; align-items: center; justify-content: center; }

/* Pricing cards end with their content — no half-empty stretch (spacing batch). */
.price-grid { align-items: start; }

/* AI website (per-business design: palette + hero + chosen sections) */
.ai-site { --ai: #6d28d9; --ai-deep: #4c1d95; --ai-soft: #f4f0ff; }
.ai-site[data-palette="teal"] { --ai: #0f766e; --ai-deep: #115e59; --ai-soft: #ecfdf9; }
.ai-site[data-palette="maroon"] { --ai: #9f1239; --ai-deep: #881337; --ai-soft: #fff1f2; }
.ai-site[data-palette="royal"] { --ai: #1d4ed8; --ai-deep: #1e3a8a; --ai-soft: #eff6ff; }
.ai-site[data-palette="forest"] { --ai: #15803d; --ai-deep: #14532d; --ai-soft: #f0fdf4; }
.ai-site[data-palette="sunset"] { --ai: #ea580c; --ai-deep: #9a3412; --ai-soft: #fff7ed; }
.ai-site[data-palette="slate"] { --ai: #334155; --ai-deep: #0f172a; --ai-soft: #f1f5f9; }
.ai-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ai-nav a { padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-size: 13.5px; font-weight:500; color: var(--ai-deep); text-decoration: none; }
.ai-svc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.ai-svc { background: var(--ai-soft); border-radius: 10px; padding: 12px 14px; }
.ai-svc b { color: var(--ai-deep); font-size: 15px; }
.ai-svc p { color: var(--ink2); margin-top: 2px; }
.ai-step { display: flex; gap: 12px; padding: 8px 0; }
.ai-step > span { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--ai); color: #fff; display: flex; align-items: center; justify-content: center; font-weight:500; }
.ai-step p { color: var(--ink2); }
.ai-cta { margin-top: 12px; border-radius: var(--radius); background: linear-gradient(135deg, var(--ai), var(--ai-deep)); color: #fff; text-align: center; padding: 26px 20px; }
.ai-cta p { color: #eee9ff; margin-bottom: 12px; }
.ai-cta-btn { background: #fff; color: var(--ai-deep); margin: 2px 4px; }

/* Design A — Photo Band shell (picked by Roohit 2026-10-15): photo band
   on top, sticky contact card left, sections filled into the right column. */
.ai-band { border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, var(--ai), var(--ai-deep)); background-size: cover; background-position: center; }
.ai-band-shade { background: linear-gradient(90deg, rgba(8,15,35,.85), rgba(8,15,35,.28)); }
.ai-band-in { padding: 50px 34px 96px; color: #fff; }
.ai-chip { display: inline-block; background: #ffb703; color: #17233b; font-weight:500; font-size: 13px; padding: 4px 12px; border-radius: 999px; }
.ai-band-title { font-size: 42px; line-height: 1.15; margin: 14px 0 8px; max-width: 660px; }
.ai-band-text { font-size: 18px; color: #dbe6ff; max-width: 580px; }
.ai-band-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.ai-band-wa { background: #25d366; color: #07331a; }
.ai-band-call { background: #fff; color: #17233b; }
.ai-layout { display: grid; grid-template-columns: 330px 1fr; gap: 20px; margin-top: -54px; position: relative; z-index: 2; padding: 0 10px; }
.ai-side { position: sticky; top: 74px; height: fit-content; }
.ai-side-title { font-size: 16px; margin-bottom: 6px; }
.ai-side-row { display: flex; gap: 8px; align-items: flex-start; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.ai-side-row .ic { flex-shrink: 0; margin-top: 2px; }
.ai-side-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ai-side-tools .btn { flex: 1 1 40%; }
.ai-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ai-main .ai-block { margin-top: 0; }
.ai-main .ai-cta { margin-top: 0; }
.design-a .ai-nav { margin-top: 0; }
.design-a .gallery { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
@media (max-width: 900px) {
  .ai-layout { grid-template-columns: 1fr; margin-top: -46px; padding: 0 2px; }
  .ai-side { position: static; }
  .ai-band-in { padding: 40px 20px 82px; }
  .ai-band-title { font-size: 30px; }
  .ai-band-text { font-size: 16px; }
}

/* Profile links: icon only, detected from the link itself (2026-10-15). */
.link-icons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}
.link-icons a{width:40px;height:40px;border:1.5px solid var(--line,#d7dee9);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink,#1c2733);background:#fff}
.link-icons a:hover{border-color:var(--accent,#534ab7);color:var(--accent,#534ab7)}
.link-icons a img.link-fav{width:20px;height:20px;border-radius:5px;object-fit:contain;display:block}
.ai-side-links{margin:12px 0 0}
.ai-side-links a{width:37px;height:37px}

/* Phone layout fix (2026-10-15, from Roohit's own phone screenshot):
   header buttons wrapped into tall blobs, the search box was clipped,
   and card action buttons overflowed their card at ~390px. */
@media (max-width: 640px) {
  .live-home .topnav { grid-template-columns: 1fr auto; height: 56px; padding: 0 12px; gap: 8px; }
  .live-home .logo-img svg { width: 38px; height: 38px; }
  .live-home .logo-words .bot { display: none; }
  .live-home .btn-login, .live-home .btn-signup { white-space: nowrap; flex-shrink: 0; padding: 7px 12px; }
  .live-home .nav-right { gap: 8px; }
  .live-home .search-row { padding: 10px 12px; gap: 8px; }
  .live-home .loc-pill { padding: 0 9px; }
  .live-home .loc-pill span { max-width: 82px; }
  .live-home .search-row .sbtn { padding: 10px 14px; min-height: 42px; }
  .live-home .search-row .sf input { min-width: 0; width: 100%; }
  .live-home .cat-row { padding: 8px 10px; }
  .live-home .cat-item { padding: 5px 8px; }
  .live-home .cat-label { max-width: 58px; }
  .live-home .card-body { padding: 8px 8px 10px; }
  .live-home .card-act { width: 34px; height: 34px; }
  .live-home .card-act .ic { width: 17px; height: 17px; }
}

/* ---- §68 signup — ek saaf screen ---- */
.su-wrap{width:100%;max-width:440px;margin:auto;padding:10px 22px}
.su-h{font-family:'Marcellus',serif;font-size:22px;font-weight:400;letter-spacing:.03em;margin-bottom:6px}
.su-p{color:var(--ink2);font-size:14px;margin-bottom:12px}
.su-page{text-align:center}
.su-label{font-family:'Marcellus',serif;font-size:27px;font-weight:400;letter-spacing:.05em;margin-bottom:16px}
.su-label::after{content:'';display:block;width:46px;height:1px;background:var(--ink3);margin:13px auto 0}
.su-addbtn{display:flex;align-items:center;justify-content:center;width:96px;height:56px;border-radius:var(--radius);border:1.5px solid var(--ink3);background:none;color:var(--ink);font-size:22px}
.su-uprow{display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer}
.su-uptext{font-family:'Marcellus',serif;font-size:18px;font-weight:400;letter-spacing:.04em;color:var(--ink)}
.su-mainbtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 54px;border-radius:999px;background:var(--purple);color:#fff;font-size:19px;font-weight:500;letter-spacing:.03em}
.su-done{margin-top:24px}
.su-nextlink{display:block;margin:14px auto 0;background:none;border:none;color:var(--purple);font-size:14px;font-weight:500;cursor:pointer}
.su-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center}
.su-thumb{position:relative;display:inline-block}
.su-thumb img{width:84px;height:84px;object-fit:cover;border-radius:10px;display:block}
.su-thumb button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:6px;border:1px solid var(--border2);background:#fff;color:var(--ink);font-size:14px;line-height:1;cursor:pointer}
.su-bottombar{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 calc(8px + env(safe-area-inset-bottom));background:var(--bg)}
.su-icons{display:flex;gap:26px}
.su-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--border);background:none;color:var(--ink);font-size:17px;cursor:pointer;text-decoration:none}
.su-ver{text-align:center;color:var(--ink2);font-size:11px;margin:0}
.su-spark{display:inline-block;animation:suPulse 1.6s ease-in-out infinite}
@keyframes suPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}}

.su-pill{display:inline-block;background:var(--purple-light);color:var(--purple);font-size:12px;font-weight:500;border-radius:99px;padding:4px 12px}
.su-scan{position:relative;width:150px;margin:0 auto;border-radius:12px;overflow:hidden}
.su-scan img{width:100%;display:block}
.su-scan::after{content:'';position:absolute;left:0;right:0;height:34px;top:-34px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.5),transparent);animation:suScan 1.8s ease-in-out infinite}
@keyframes suScan{0%{top:-34px}55%{top:100%}100%{top:100%}}
.su-finds{max-width:300px;margin:18px auto 0;text-align:left}
.su-find{display:flex;gap:9px;align-items:center;padding:5px 0;color:var(--ink2);font-size:14px;opacity:.35}
.su-find.on{opacity:1;color:var(--ink)}
.su-find .tick{color:var(--green);font-weight:700}
.su-cover{width:100%;height:170px;object-fit:cover;border-radius:14px;display:block}
.su-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.su-tag{border:1px solid var(--border);border-radius:99px;padding:3px 10px;font-size:12px;color:var(--ink2)}
.su-note{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:14px}
.su-numbox{margin-top:18px;border-top:1px solid var(--border);padding-top:14px;text-align:center}
.su-phone{font-size:27px;font-weight:700;letter-spacing:1px}
.su-code{font-size:26px;font-weight:500;letter-spacing:.18em;margin-top:10px;color:var(--purple)}
.su-wait{font-size:13px;color:var(--ink2)}

/* §68: signup ke buttons — koi gol nahi, koi rang nahi (Roohit) */
.su-wrap .btn-primary{background:none;color:var(--ink);border:1.5px solid var(--ink3)}
.su-wrap .btn-primary:hover{background:none}

/* Signup page ke popup: heading stylish font, yes-button rang-hin */
.su-body #mcdPopup .pop-title{font-family:'Marcellus',serif;font-weight:400;letter-spacing:.03em;font-size:19px}
.su-body #mcdPopup .pop-yes{background:none;color:var(--ink);border:1.5px solid var(--ink3)}
.su-body #mcdPopup .pop-yes:hover{background:none}

/* §68: page ka naam upar-bayein kone me; button centre me hi rehta hai */
.su-tagline{position:fixed;bottom:88px;right:22px;max-width:calc(100vw - 44px);text-align:right;font-family:'Marcellus',serif;font-size:40px;letter-spacing:.05em;color:var(--ink);pointer-events:none}
@media (max-width:640px){.su-tagline{font-size:29px}}