:root{--bg:#080810;--surface:#0f0f1a;--card:#141421;--card2:#19192b;--hover:#202038;--accent:#fbbf24;--soft:rgba(251,191,36,.14);--glow:rgba(251,191,36,.35);--text:#f6f6ff;--dim:#a5a5c8;--muted:#68688d;--border:rgba(255,255,255,.1);--border2:rgba(255,255,255,.18);--green:#18c96e;--red:#f87171;--blue:#4285f4;--purple:#a855f7;--orange:#f97316}
    [data-theme=light]{--bg:#f3f2ee;--surface:#ebe8df;--card:#fbfaf7;--card2:#f4f0e7;--hover:#eee8dc;--text:#141420;--dim:#565670;--muted:#77778f;--border:rgba(35,35,55,.1);--border2:rgba(35,35,55,.2);--soft:rgba(251,191,36,.2);--glow:rgba(251,191,36,.22)}
    *{box-sizing:border-box;margin:0;padding:0;font-family:"Plus Jakarta Sans",sans-serif}body{min-height:100vh;background:radial-gradient(circle at top,var(--soft),transparent 36rem),var(--bg);color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
    .app{max-width:640px;margin:0 auto;min-height:100vh;border-left:1px solid var(--border);border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent)}
    nav{position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
    .row{display:flex;align-items:center;gap:10px}
    .icon-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:13px;background:transparent;color:var(--text);display:grid;place-items:center;transition:.2s}.icon-btn:hover{background:var(--soft);border-color:var(--accent);color:var(--accent)}
    .logo{width:39px;height:39px;border-radius:13px;background:var(--accent);color:#000;display:grid;place-items:center;font-weight:900;font-size:1.1rem;box-shadow:0 0 0 4px var(--soft),0 12px 28px var(--glow);user-select:none}
    .brand #brandName{display:block;font-size:1rem;font-weight:900;letter-spacing:-.03em;line-height:1}.brand p{margin-top:3px;font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
    .pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:.2s}.pill:hover{background:var(--soft)}
    .ticker{overflow:hidden;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 84%,transparent)}.ticker-track{display:flex;width:max-content;animation:ticker 24s linear infinite;white-space:nowrap}.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:8px 28px;font-size:.66rem;font-weight:900;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--glow)}@keyframes ticker{to{transform:translateX(-50%)}}
    .hero{text-align:center;padding:44px 20px 24px}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--soft);border:1px solid var(--border2);border-radius:999px;color:var(--accent);padding:8px 14px;font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px}
    .typing{min-height:58px;font-size:clamp(2rem,8vw,3.2rem);font-weight:900;line-height:1.05;letter-spacing:-.06em}.cursor{display:inline-block;width:3px;height:.9em;background:var(--accent);margin-left:3px;animation:blink 1s steps(2,start) infinite;vertical-align:-.08em}@keyframes blink{50%{opacity:0}}
    .hero-sub{max-width:430px;margin:14px auto 0;color:var(--dim);font-weight:650;line-height:1.65}
    .search-wrap{padding:0 20px 24px}.search-box{display:flex;align-items:center;background:var(--card);border:1.5px solid var(--border2);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.14)}.city-select{width:110px;border:0;outline:0;background:transparent;color:var(--accent);font-weight:800;font-size:.72rem;padding:16px 10px;border-right:1px solid var(--border);letter-spacing:.01em}.city-select option{background:var(--card);color:var(--text)}.search-in{flex:1;display:flex;align-items:center;gap:10px;padding-left:12px;min-width:0;color:var(--muted)}.search-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:16px 4px;font-weight:650}.search-btn{width:48px;height:48px;margin:6px;border:0;border-radius:16px;background:var(--accent);color:#000;font-size:1rem;box-shadow:0 12px 30px var(--glow)}
    .filter-btn{position:relative;width:48px;height:48px;margin:6px 6px 6px 0;border:1.5px solid var(--border2);border-radius:16px;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer;flex-shrink:0}
    .filter-badge{position:absolute;top:-5px;right:-5px;background:var(--accent);color:#000;font-size:.62rem;font-weight:900;border-radius:999px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 3px}
    #searchBlock.sticky{position:sticky;top:66px;z-index:40;padding-top:10px;padding-bottom:2px;background:var(--bg);box-shadow:0 8px 20px rgba(0,0,0,.12)}
    .filter-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:900;display:none;align-items:flex-end;justify-content:center}
    .filter-sheet-overlay.open{display:flex}
    .filter-sheet{background:var(--card);width:100%;max-width:480px;border-radius:24px 24px 0 0;padding:20px 20px 26px;max-height:85vh;overflow-y:auto;animation:filterSheetUp .25s ease}
    @keyframes filterSheetUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
    .filter-sheet h3{font-size:1.05rem;font-weight:900;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
    .filter-group{margin-bottom:18px}
    .filter-group-label{font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
    .filter-chip-row{display:flex;gap:8px;flex-wrap:wrap}
    .filter-chip{padding:8px 14px;border-radius:20px;border:1.5px solid var(--border2);background:var(--surface);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer}
    .filter-chip.active{background:var(--accent);color:#000;border-color:var(--accent)}
    .filter-sheet-actions{display:flex;gap:10px;margin-top:8px}
    .filter-sheet-actions button{flex:1;padding:13px;border-radius:14px;font-weight:800;font-size:.88rem;cursor:pointer;border:0}
    .filter-clear-btn{background:var(--hover);color:var(--text)}
    .filter-apply-btn{background:var(--accent);color:#000}
    .skeleton-card{background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:16px;margin-bottom:12px;display:grid;grid-template-columns:56px 1fr;gap:14px}
    .skeleton-box{background:linear-gradient(90deg,var(--hover) 25%,var(--surface) 50%,var(--hover) 75%);background-size:200% 100%;animation:skeletonShine 1.4s infinite;border-radius:10px}
    @keyframes skeletonShine{0%{background-position:200% 0}100%{background-position:-200% 0}}
    .pro-card{animation:proCardIn .35s ease backwards}
    @keyframes proCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    .container{padding:0 20px 44px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:10px 0 12px}.label{font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.count{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
    .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}.tile{min-height:90px;border:1.5px solid var(--border);background:var(--card);border-radius:18px;color:var(--dim);display:grid;place-items:center;gap:8px;padding:12px 5px;transition:.2s}.tile:hover{transform:translateY(-2px);border-color:var(--accent)}.tile.active{border-color:var(--accent);color:var(--accent);background:var(--soft);box-shadow:inset 0 -3px 0 var(--accent)}.tile-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:var(--surface);font-size:1rem}.tile span{font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .grid{display:grid;gap:12px}.pro-card{position:relative;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1.5px solid var(--border);border-radius:22px;padding:16px;transition:.22s}.pro-card:hover{background:var(--hover);border-color:var(--border2);transform:translateY(-2px)}.avatar{width:56px;height:56px;border-radius:18px;overflow:hidden;display:grid;place-items:center;border:1.5px solid var(--accent);background:var(--soft);color:var(--accent);font-size:1.15rem;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.ai{display:inline-flex;align-items:center;gap:6px;color:var(--blue);background:rgba(66,133,244,.12);border:1px solid rgba(66,133,244,.28);border-radius:8px;padding:4px 8px;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.ai:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(24,201,110,.65)}.pro-name{font-size:1rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:10px;margin-top:4px;font-size:.72rem;color:var(--dim)}.stars{color:var(--accent);font-weight:900}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag{background:var(--hover);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:.62rem;font-weight:700;color:var(--dim)}.starts-from-badge{display:inline-block;margin-top:6px;background:var(--soft);color:var(--accent);border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:3px 9px;font-size:.68rem;font-weight:800}.text-banner{background:var(--soft);border:1.5px solid rgba(251,191,36,.3);border-radius:16px;padding:14px 18px;text-align:center;font-weight:800;font-size:.92rem;color:var(--text);line-height:1.4}
    .trust-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
    .trust-stat{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:14px 8px;text-align:center}
    .trust-stat-num{font-size:1.35rem;font-weight:900;color:var(--accent);line-height:1.1}
    .trust-stat-label{font-size:.62rem;font-weight:800;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}
    .why-toolzbox-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}
    .why-item{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px}
    .why-item i{color:var(--accent);font-size:1.1rem;flex-shrink:0}
    .why-item span{font-size:.72rem;font-weight:800;color:var(--text);line-height:1.25}
    @media(min-width:560px){.why-toolzbox-strip{grid-template-columns:repeat(4,1fr)}.why-item{flex-direction:column;text-align:center;padding:16px 10px}.why-item i{font-size:1.4rem}}.rating-row{display:flex;align-items:center;gap:3px;margin-top:8px}.rate-star{background:none;border:0;color:var(--muted);font-size:.9rem;padding:2px;transition:.15s;cursor:pointer}.rate-star.on{color:var(--accent)}.rate-tip{font-size:.58rem;color:var(--muted);margin-left:4px}.actions{display:grid;gap:7px;align-items:center;justify-items:center}.action{width:42px;height:42px;border-radius:13px;border:0;display:grid;place-items:center;font-size:1rem;transition:.2s}.action:hover{transform:scale(1.08)}.call{background:var(--green);color:#fff}.wa{background:#25d366;color:#fff}.action.gated{background:var(--surface);color:var(--muted);border:1.5px solid var(--border)}.action.gated:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.08)}.gated-tip{font-size:.5rem;color:var(--muted);font-weight:800;text-align:center;line-height:1.3;letter-spacing:.03em}.empty{text-align:center;padding:48px 20px;color:var(--dim)}
    /* Round 3: per-category technician count badge on tiles */
    .tile-icon{position:relative!important}
    .tile-count-badge{position:absolute;top:-6px;right:-6px;background:var(--bg);color:var(--accent);border:1.5px solid var(--accent);font-size:.58rem;font-weight:900;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}
    /* Round 2: bolder CTA buttons (IndiaMART-style "Contact Now" prominence) */
    .action.call,.action.wa{box-shadow:0 6px 16px rgba(0,0,0,.18);position:relative}
    .action.call{background:linear-gradient(135deg,var(--green),#0da968)}
    .action.wa{background:linear-gradient(135deg,#25d366,#1da851)}
    .action.call:hover,.action.wa:hover{box-shadow:0 8px 22px rgba(0,0,0,.28)}
    .action.view-profile{background:var(--accent);color:#000;box-shadow:0 6px 16px rgba(0,0,0,.14);position:relative}
    .action.view-profile:hover{box-shadow:0 8px 22px rgba(0,0,0,.24)}
    @media(min-width:480px){
      .actions{gap:8px}
      .action.call,.action.wa,.action.view-profile{width:auto;min-width:42px;padding:0 14px;border-radius:14px;gap:7px}
      .action.call::after{content:"Call Now"}
      .action.wa::after{content:"WhatsApp"}
      .action.view-profile::after{content:"View Profile"}
      .action.call::after,.action.wa::after,.action.view-profile::after{font-size:.72rem;font-weight:800;white-space:nowrap}
    }
    /* Round 2: Grid / Compact list view toggle — additive layer only,
       default card view (.pro-card) is completely untouched */
    .view-toggle-btn{width:48px;height:48px;margin:6px 0 6px 6px;border:1.5px solid var(--border2);border-radius:16px;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer;flex-shrink:0}
    .view-toggle-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}
    .view-toggle-mini{display:flex;gap:6px}
    .view-toggle-mini .view-toggle-btn{width:30px;height:30px;margin:0;border-radius:9px;font-size:.78rem}
    /* Round 3: proper multi-column technician grid on wider screens —
       previously cards just stretched full-width with no column layout
       at all, which looked stretched/wrong on desktop */
    @media(min-width:760px){
      #technicianGrid:not(.compact-view){display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
      #technicianGrid.compact-view{display:block}
    }
    @media(min-width:1024px){
      #technicianGrid:not(.compact-view){grid-template-columns:repeat(3,1fr)}
      .trust-stats-bar{max-width:640px}
      .why-toolzbox-strip{max-width:900px}
    }
    .result-count-mini{text-align:right;font-size:.72rem;font-weight:800;color:var(--muted);padding:6px 6px 0 0}
    .city-chips-row{display:flex;gap:8px;overflow-x:auto;padding:10px 14px 4px;scrollbar-width:none}
    .city-chips-row::-webkit-scrollbar{display:none}
    .city-chip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 15px;border-radius:999px;border:1.5px solid var(--border2);background:var(--card);color:var(--dim);font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}
    .city-chip i{font-size:.7rem}
    .city-chip.active{background:var(--accent);color:#000;border-color:var(--accent)}
    .quick-filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;margin-bottom:14px;scrollbar-width:none}
    .quick-filter-row::-webkit-scrollbar{display:none}
    .quick-filter-chip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border2);background:var(--surface);color:var(--dim);font-size:.76rem;font-weight:800;cursor:pointer;white-space:nowrap}
    .quick-filter-chip.active{background:var(--accent);color:#000;border-color:var(--accent)}
    .popular-chips-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:none}
    .popular-chips-row::-webkit-scrollbar{display:none}
    .popular-label{flex-shrink:0;font-size:.72rem;font-weight:800;color:var(--muted)}
    .popular-chip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1.5px solid var(--border2);background:var(--card);color:var(--text);font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap}
    .popular-chip i{color:var(--accent);font-size:.7rem}
    .popular-chip.more{color:var(--muted)}
    .breadcrumb-trail{font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
    .breadcrumb-trail .crumb-sep{color:var(--border2)}
    .breadcrumb-trail .crumb-current{color:var(--accent);font-weight:800}
    .top-rated-ribbon{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--accent),#f59e0b);color:#1a1200;font-size:.6rem;font-weight:900;letter-spacing:.03em;padding:4px 10px;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:2}
    #technicianGrid.compact-view .pro-card{grid-template-columns:44px 1fr auto;align-items:center;padding:10px 12px;gap:10px}
    #technicianGrid.compact-view .pro-card .avatar{width:44px;height:44px}
    #technicianGrid.compact-view .pro-card .tags,
    #technicianGrid.compact-view .pro-card .rating-row,
    #technicianGrid.compact-view .pro-card .starts-from-badge{display:none}
    #technicianGrid.compact-view .pro-card .actions{grid-column:auto;display:flex;flex-direction:row}
    #technicianGrid.compact-view .pro-card .action.call::after,
    #technicianGrid.compact-view .pro-card .action.wa::after,
    #technicianGrid.compact-view .pro-card .action.view-profile::after{content:none}
    #technicianGrid.compact-view .pro-card .action{width:38px;height:38px;min-width:38px;padding:0}
    .price-compare{display:flex;flex-direction:column;gap:14px}
    .svc-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:4px}
    .svc-tab{flex-shrink:0;padding:9px 16px;border-radius:999px;border:1.5px solid var(--border2);background:var(--card);
      color:var(--dim);font-weight:800;font-size:.78rem;white-space:nowrap;cursor:pointer;transition:.18s}
    .svc-tab.active{background:var(--soft);border-color:var(--accent);color:var(--accent)}
    .price-compare-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;
      font-size:.82rem;color:var(--dim);padding:0 2px}
    .price-range{font-weight:800;color:var(--text)}
    .price-row{position:relative}
    .price-row.is-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px var(--glow)}
    .best-price-tag{position:absolute;top:-11px;left:14px;background:var(--accent);color:#1a1200;font-size:.62rem;
      font-weight:900;padding:3px 10px;border-radius:999px;display:flex;align-items:center;gap:4px;letter-spacing:.02em}
    .savings-tag{display:inline-block;margin-top:5px;font-size:.68rem;font-weight:800;color:var(--green);
      background:rgba(22,196,127,.12);padding:2px 8px;border-radius:6px}
    .price-list{display:flex;flex-direction:column;gap:10px}
    .price-row{display:flex;align-items:center;gap:14px;background:var(--card);border:1.5px solid var(--border);
      border-radius:18px;padding:14px;cursor:pointer;transition:.18s}
    .price-row:hover{background:var(--hover);border-color:var(--border2)}
    .price-row-mid{flex:1;min-width:0}
    .price-badge{font-size:.55rem;color:var(--blue);background:rgba(66,133,244,.12);border-radius:6px;padding:2px 6px;font-weight:800;vertical-align:middle;margin-left:4px}
    .price-row-right{text-align:right;flex-shrink:0}
    .price-amount{font-size:1.15rem;font-weight:900;color:var(--accent)}
    .price-contact-btn{margin-top:6px;padding:7px 14px;border-radius:9px;border:0;background:var(--green);
      color:#fff;font-weight:800;font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
    @media(min-width:1024px){.price-row{padding:18px}.price-amount{font-size:1.3rem}}
    footer{padding:26px 20px;border-top:1px solid var(--border);text-align:center;font-size:.7rem;font-weight:900;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.footer-copy{margin:8px 0;color:var(--dim)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.footer-links button{border:0;background:transparent;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.footer-links button:hover{color:var(--accent)}.g-blue{color:#4285f4}.g-red{color:#ea4335}.g-yellow{color:#fbbc05}.g-green{color:#34a853}
    .site-footer{text-align:center}
    .footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;max-width:560px;margin:0 auto;padding-bottom:6px}
    @media(max-width:480px){.footer-grid{grid-template-columns:1fr 1fr}}
    .footer-col-title{font-size:.68rem;font-weight:900;color:var(--text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
    .footer-col button,.footer-col a{text-decoration:none;display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);
      font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:none;padding:5px 0;text-decoration:none;cursor:pointer}
    .footer-col button:hover,.footer-col a:hover{color:var(--accent)}
    .overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:900;opacity:0;pointer-events:none;transition:.24s}.overlay.open{opacity:1;pointer-events:auto}
    #sideOverlay{z-index:999}
    .side{position:fixed;left:0;top:0;bottom:0;width:286px;max-width:85vw;background:var(--card);border-right:1px solid var(--border2);z-index:1000;transform:translateX(-105%);transition:.32s;display:flex;flex-direction:column}.side.open{transform:translateX(0)}.side-head{padding:26px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center}.side-head h2{font-size:1rem;font-weight:900}.side-head p{font-size:.6rem;color:var(--muted);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.side-links{padding:14px;flex:1;overflow-y:auto}.side-links button{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:14px;text-align:left;font-weight:760;transition:.2s}.side-links i{width:18px;color:var(--accent)}.side-links button:hover{background:var(--soft);color:var(--accent)}.side-foot{padding:16px 20px;border-top:1px solid var(--border);font-size:.6rem;color:var(--muted);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
    #modalOverlay{z-index:1050}
    .modal-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:min(450px,calc(100vw - 34px));max-height:90vh;overflow:auto;background:var(--card);border:1.5px solid var(--border2);border-radius:26px;z-index:1100;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.24s}.overlay.open .modal-card{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.close{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--dim)}.modal-card h2{font-size:1.25rem;font-weight:900;margin-bottom:10px}.modal-card p{color:var(--dim);line-height:1.7;font-size:.9rem;margin-bottom:10px}
    .auth-hint{font-size:.72rem;color:var(--dim);text-align:center;margin-top:10px}.auth-hint button{border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer;font-size:.72rem;text-decoration:underline}
    .form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{color:var(--dim);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--border);background:var(--surface);color:var(--text);outline:0;border-radius:14px;padding:12px;font-weight:720;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{min-height:92px;resize:vertical}.primary,.secondary,.danger{border:0;border-radius:14px;padding:12px 14px;font-weight:900;cursor:pointer;transition:.2s}.primary{background:var(--accent);color:#000;box-shadow:0 12px 28px var(--glow)}.primary:hover{opacity:.88}.secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border2)}.secondary:hover{border-color:var(--accent)}.danger{background:rgba(248,113,113,.15);color:var(--red);border:1.5px solid rgba(248,113,113,.3)}.danger:hover{background:rgba(248,113,113,.28)}.mini{padding:8px 10px;border-radius:10px;font-size:.72rem}
    .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.auth-tab{border:1.5px solid var(--border);background:var(--surface);color:var(--dim);padding:11px;border-radius:13px;font-weight:900}.auth-tab.active{background:var(--soft);color:var(--accent);border-color:var(--accent)}
    .promo-strip{padding:0 20px 28px}.promo-card{position:relative;overflow:hidden;border:1.5px solid var(--border2);border-radius:20px;color:#050505;padding:16px;box-shadow:0 18px 50px var(--glow)}.promo-card:after{content:"";position:absolute;right:-38px;top:-38px;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.22);pointer-events:none}.promo-card strong{display:block;font-size:1.05rem;font-weight:900}.promo-card span{display:block;margin-top:5px;font-size:.78rem;font-weight:800;opacity:.82}
    .promo-carousel{position:relative;overflow:hidden;border-radius:20px}
    .promo-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}
    .promo-slide{flex:0 0 100%;border-radius:20px;margin:0}
    .promo-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
      border:0;background:rgba(0,0,0,.4);color:#fff;display:flex;align-items:center;justify-content:center;
      cursor:pointer;z-index:5;font-size:.8rem}
    .promo-nav-prev{left:8px}.promo-nav-next{right:8px}
    .promo-nav:hover{background:rgba(0,0,0,.6)}
    .promo-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}
    .promo-dot{width:7px;height:7px;border-radius:50%;border:0;background:var(--border2);padding:0;cursor:pointer;transition:.2s}
    .promo-dot.active{background:var(--accent);width:20px;border-radius:4px}
    .promo-media{border-radius:12px;overflow:hidden;margin:10px 0;background:rgba(0,0,0,.15);position:relative;z-index:1}.promo-media img{width:100%;max-height:200px;object-fit:cover;display:block;border-radius:12px}.promo-media iframe,.promo-media video{width:100%;height:200px;border:0;display:block;border-radius:12px}
    .yt-facade{height:200px;cursor:pointer}
    .yt-facade img{height:200px}
    .yt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:1.2rem;border:2px solid rgba(255,255,255,.85);transition:.2s}
    .yt-facade:hover .yt-play-btn{transform:translate(-50%,-50%) scale(1.1);background:rgba(220,20,20,.75)}
    .yt-fallback-link{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:.62rem;font-weight:800;padding:5px 10px;border-radius:999px;text-decoration:none;z-index:2}
    .yt-fallback-link:hover{background:rgba(0,0,0,.8)}
    .yt-blocked-msg{display:none}
    .yt-facade.yt-blocked{cursor:default;background:var(--surface);display:flex;align-items:center;justify-content:center}
    .yt-facade.yt-blocked img,.yt-facade.yt-blocked .yt-play-btn{display:none}
    .yt-facade.yt-blocked .yt-blocked-msg{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:700;text-align:center;padding:0 20px}
    .promo-link-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:9px 18px;border-radius:12px;background:rgba(0,0,0,.28);color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.35);position:relative;z-index:1;transition:.2s}.promo-link-btn:hover{background:rgba(0,0,0,.48)}
    .splash{position:fixed;left:50%;top:50%;z-index:1600;transform:translate(-50%,-50%) scale(.7);width:92px;height:92px;border-radius:999px;display:grid;place-items:center;color:#000;font-size:2rem;box-shadow:0 0 0 0 var(--glow),0 24px 70px rgba(0,0,0,.45);opacity:0;pointer-events:none}.splash.show{animation:splashPop .72s ease both}.splash.wa{background:#25d366;color:#fff}.splash.call{background:var(--green);color:#fff}@keyframes splashPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
    @media(max-width:560px){.app{border:0}.brand p{display:none}.pill{max-width:90px;padding:8px 9px}.tiles{gap:8px}.tile{min-height:82px}.tile span{font-size:.5rem}.pro-card{grid-template-columns:50px 1fr}.avatar{width:50px;height:50px}.actions{grid-column:1/-1;display:flex}.action{flex:1;width:auto}}
    /* === CATEGORY GRID — TRENDY PRO === */
    .tiles{display:grid!important;grid-template-columns:repeat(5,1fr)!important;overflow:visible!important;margin:0 0 24px!important;padding:2px 0!important;gap:8px!important}
    .tile{
      min-height:unset!important;min-width:unset!important;width:auto!important;flex-shrink:unset!important;
      border-radius:16px!important;padding:10px 6px 9px!important;position:relative;
      background:var(--card)!important;border:1px solid var(--border)!important;
      display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;
      transition:transform .18s,border-color .18s,box-shadow .18s!important;
      cursor:pointer;
    }
    .tile:hover{transform:translateY(-3px)!important;border-color:rgba(251,191,36,.35)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
    .tile.active{border-color:var(--accent)!important;background:var(--soft)!important;box-shadow:0 0 0 2px var(--soft),0 8px 20px var(--glow)!important}
    .tile.active{animation:none!important}
    .tile-icon{
      width:36px!important;height:36px!important;border-radius:12px!important;
      font-size:.88rem!important;color:#fff!important;
      background:linear-gradient(135deg,var(--accent),#f97316)!important;
      box-shadow:0 3px 10px rgba(0,0,0,.22)!important;
      transition:transform .18s,box-shadow .18s!important;
      display:grid!important;place-items:center!important;flex-shrink:0!important;
    }
    .tile:hover .tile-icon,.tile.active .tile-icon{transform:scale(1.08)!important;box-shadow:0 5px 16px rgba(0,0,0,.28)!important}
    .tile span{font-size:.48rem!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--dim)!important;line-height:1.25!important;text-align:center!important}
    .tile.active span{color:var(--accent)!important}
    /* One consistent brand-color icon treatment across every category —
       previously each tile had a different random color (rainbow effect) */
    .see-all-btn{display:none!important}
    .tz-toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--card2);color:var(--text);border:1.5px solid var(--border2);border-radius:14px;padding:11px 20px;font-size:.78rem;font-weight:800;z-index:2000;box-shadow:0 10px 32px rgba(0,0,0,.35);opacity:0;transition:opacity .24s,transform .24s;white-space:nowrap;pointer-events:none}
    .tz-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

    /* ══ PAGE LOADING SPLASH SCREEN ══════════════════════════════ */
    #tzSplashScreen {
      position:fixed;inset:0;z-index:9999;
      background:var(--bg,#080810);
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
      transition:opacity .55s ease, visibility .55s ease;
    }
    #tzSplashScreen.hide { opacity:0; visibility:hidden; pointer-events:none; }
    .tz-splash-logo {
      width:140px;height:140px;border-radius:28px;
      object-fit:contain;
      animation:tzLogoPulse 1.2s ease-in-out infinite alternate;
      filter:drop-shadow(0 0 28px rgba(251,191,36,.6));
    }
    .tz-splash-brand {
      font-size:1.3rem;font-weight:900;letter-spacing:.06em;
      color:var(--accent,#fbbf24);
    }
    .tz-splash-bar {
      width:120px;height:3px;border-radius:99px;
      background:rgba(255,255,255,.08);overflow:hidden;
    }
    .tz-splash-bar-fill {
      height:100%;width:0;
      background:var(--accent,#fbbf24);border-radius:99px;
      animation:tzBarFill 1s linear forwards;
    }
    @keyframes tzLogoPulse {
      from{transform:scale(1);box-shadow:0 0 0 8px rgba(251,191,36,.12),0 0 28px rgba(251,191,36,.35);}
      to{transform:scale(1.07);box-shadow:0 0 0 16px rgba(251,191,36,.18),0 0 48px rgba(251,191,36,.55);}
    }
    @keyframes tzBarFill {
      0%{width:0} 80%{width:90%} 100%{width:100%}
    }
    /* ══ DRAG & DROP CATEGORY REORDER ════════════════════════════ */
    .drag-item { cursor:grab; user-select:none; }
    .drag-item.dragging { opacity:.4; cursor:grabbing; }
    .drag-item.drag-over { outline:2px dashed var(--accent); outline-offset:2px; }
    /* ══ THEME CUSTOMIZER GRID ═══════════════════════════════════ */
    .theme-swatch-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin:10px 0; }
    .theme-swatch { width:32px;height:32px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:.2s; }
    .theme-swatch.active,.theme-swatch:hover { border-color:#fff;transform:scale(1.12); }
    .cp-section { border-top:1px solid var(--border); padding-top:18px; margin-top:18px; }
    .cp-section-title { font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px; }

    /* ══════════════════════════════════════════════════════════════
       BHIM UPI–STYLE THEME OVERRIDE
       Repaints existing structure into a BHIM-like look: gradient
       app-bar, greeting/balance-style hero card, circular service
       icons, transaction-row professional cards, bottom tab bar.
       ══════════════════════════════════════════════════════════════ */
    :root{
      --brand-blue:#0B4F91;--brand-blue2:#0EA5E9;
      --bg:#071426;--surface:#0d2038;--card:#112a47;--card2:#153356;--hover:#1b3f66;
      --accent:#F7941D;--soft:rgba(247,148,29,.15);--glow:rgba(247,148,29,.38);
      --text:#eef4fb;--dim:#a9c0d9;--muted:#6f8bab;
      --border:rgba(255,255,255,.09);--border2:rgba(255,255,255,.17);
      --green:#16C47F;--red:#f87171;--blue:#0EA5E9;--purple:#a855f7;--orange:#F7941D;
    }
    [data-theme=light]{
      --bg:#eef3f9;--surface:#e3ecf6;--card:#ffffff;--card2:#f3f7fc;--hover:#e9f1fa;
      --text:#0c2340;--dim:#4a6483;--muted:#7891ab;
      --border:rgba(11,79,145,.12);--border2:rgba(11,79,145,.2);
      --soft:rgba(247,148,29,.16);--glow:rgba(247,148,29,.24);
    }
    body{background:var(--bg)}
    .app{background:var(--bg)}
    nav{background:linear-gradient(115deg,var(--brand-blue),var(--brand-blue2))!important;border-bottom:0!important;box-shadow:0 6px 22px rgba(11,79,145,.35)}
    nav .icon-btn{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
    nav .icon-btn:hover{background:rgba(255,255,255,.16)!important;border-color:#fff!important;color:#fff!important}
    nav .logo{background:#fff!important;color:var(--brand-blue)!important;box-shadow:0 0 0 4px rgba(255,255,255,.25),0 8px 20px rgba(0,0,0,.25)!important}
    nav .brand #brandName{color:#fff!important}
    nav .brand p{color:rgba(255,255,255,.85)!important}
    nav .pill{border-color:rgba(255,255,255,.55)!important;color:#fff!important}
    nav .pill:hover{background:rgba(255,255,255,.16)!important}
    #loginPill{background:#fff!important;color:var(--brand-blue)!important}

    .bhim-hero-util{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}
    .bhim-hero-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}
    .bhim-hero-brand .logo{width:32px;height:32px;font-size:.9rem;background:#fff!important;color:var(--brand-blue)!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important}
    .bhim-hero-brand .brand #brandName{color:#fff;font-size:.88rem}
    .bhim-hero-brand .brand p{color:rgba(255,255,255,.8)}
    .bhim-hero-util .pill{border-color:rgba(255,255,255,.55);color:#fff;padding:6px 10px;font-size:.6rem}
    .bhim-hero-util .pill:hover{background:rgba(255,255,255,.16)}
    .bhim-hero-util .icon-btn{width:32px;height:32px;border-color:rgba(255,255,255,.4);color:#fff}
    .bhim-hero-util .icon-btn:hover{background:rgba(255,255,255,.16);border-color:#fff}
    #loginPill{background:#fff;color:var(--brand-blue);border:0;border-radius:999px;padding:6px 14px;font-size:.68rem;font-weight:900;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:.18s}
    #loginPill:active{transform:scale(.93)}

    .bhim-hero{margin:14px 14px 0;border-radius:20px;padding:16px 20px;position:relative;overflow:hidden;
      background:linear-gradient(115deg,var(--brand-blue),var(--brand-blue2));
      box-shadow:0 14px 34px rgba(11,79,145,.3)}
    /* Round 2: layered on top of the rule above (same selector, later in
       source order wins) — adds subtle decorative highlights while
       preserving the original brand-color gradient underneath */
    .bhim-hero{background-image:radial-gradient(circle at 85% -10%,rgba(255,255,255,.16),transparent 55%),radial-gradient(circle at -5% 115%,rgba(255,255,255,.08),transparent 50%),linear-gradient(115deg,var(--brand-blue),var(--brand-blue2))}
    .bhim-hero .hero{padding:0;text-align:left;position:relative;z-index:1}
    .bhim-hero .eyebrow{display:none}
    .bhim-hero .typing{color:#fff;font-size:1.3rem!important;min-height:auto!important;line-height:1.2}
    .bhim-hero .cursor{background:#fff}
    .bhim-hero .hero-sub{color:rgba(255,255,255,.86);margin:6px 0 0;font-size:.78rem}

    /* BHIM's signature twin CTA buttons (Send Money / Request Money analog) */
    .bhim-cta-card{margin:14px 14px 6px;background:var(--card);border-radius:20px;border:1px solid var(--border);
      display:flex;box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden}
    .bhim-cta{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border:0;background:transparent;color:var(--text)}
    .bhim-cta:first-child{border-right:1px solid var(--border)}
    .bhim-cta-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;color:#fff}
    .bhim-cta.primary-cta .bhim-cta-icon{background:linear-gradient(135deg,var(--accent),#ffb454)}
    .bhim-cta.secondary-cta .bhim-cta-icon{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue2))}
    .bhim-cta span{font-size:.72rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}

    /* Real search bar, now its own compact block under the CTA card */
    .bhim-search-block{padding:16px 14px 0}
    .bhim-search-block .search-box{background:var(--card);border:1.5px solid var(--border2);box-shadow:0 10px 26px rgba(0,0,0,.06)}

    /* Circular quick-service icons (BHIM "Send / Scan / Balance" row) */
    .tiles{grid-template-columns:repeat(5,1fr)!important;background:transparent!important}
    .tile{background:transparent!important;border:0!important;box-shadow:none!important}
    .tile:hover{transform:translateY(-3px)!important}
    .tile.active{background:transparent!important;box-shadow:none!important}
    .tile-icon{border-radius:50%!important;width:46px!important;height:46px!important;font-size:1.05rem!important}
    .tile.active .tile-icon{outline:3px solid var(--accent);outline-offset:3px}
    .tile.active span{color:var(--accent)!important}

    /* Transaction-row style professional cards */
    .pro-card{background:var(--card);border-radius:18px;border:1px solid var(--border)}
    .avatar{border-radius:50%!important;border-color:var(--brand-blue2)!important;background:var(--soft)!important}
    .call{background:var(--green)!important}
    .action{border-radius:50%!important}
    .primary{background:var(--accent)!important;color:#fff!important}
    .search-btn{background:var(--accent)!important}

    /* Bottom tab bar (BHIM navigation) */
    body{padding-bottom:74px}
    .bhim-tabbar{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:800;max-width:640px;margin:0 auto;
      display:flex;background:var(--card);border-top:1px solid var(--border);
      box-shadow:0 -8px 24px rgba(0,0,0,.18)}
    .bhim-tab{flex:1;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;
      align-items:center;gap:4px;padding:10px 4px 8px;font-size:.58rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
    .bhim-tab i{font-size:1.05rem}
    .bhim-tab.active{color:var(--accent)}
    .bhim-tab-scan{position:relative;top:-16px}
    .bhim-tab-scan .bhim-tab-circle{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
      background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue2));color:#fff;font-size:1.2rem;
      box-shadow:0 10px 26px rgba(11,79,145,.5);margin-bottom:2px}
    .bhim-tab-scan.active .bhim-tab-circle{background:var(--accent);box-shadow:0 10px 26px var(--glow)}
    /* ══════════════════════════════════════════════════════════════
       READABILITY + MOBILE-FRIENDLINESS + GLITTER PASS
       ══════════════════════════════════════════════════════════════ */
    .phone-hint{font-size:.66rem;font-weight:800;color:var(--muted);letter-spacing:.02em;white-space:nowrap}

    .gated-tip.glitter{
      position:relative;overflow:hidden;display:inline-block;
      font-size:.62rem;font-weight:900;letter-spacing:.02em;text-align:center;line-height:1.3;
      padding:5px 10px;border-radius:999px;color:#fff;white-space:nowrap;
      background:linear-gradient(120deg,var(--brand-blue),var(--brand-blue2),var(--accent),var(--brand-blue));
      background-size:300% 100%;
      animation:bhimGradientShift 4s ease infinite;
      box-shadow:0 4px 14px rgba(11,79,145,.35);
    }
    .gated-tip.glitter:before{
      content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
      background:linear-gradient(115deg,transparent,rgba(255,255,255,.75),transparent);
      animation:bhimShine 2.6s ease-in-out infinite;
    }
    @keyframes bhimGradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
    @keyframes bhimShine{0%{left:-60%}55%{left:130%}100%{left:130%}}

    /* Reduced/compact professional card — tighter padding & spacing */
    .grid{gap:9px!important}
    .pro-card{padding:12px!important;gap:10px!important;border-radius:16px!important}
    .avatar{width:46px!important;height:46px!important;border-radius:14px!important}
    .pro-name{margin-top:0;font-size:1.02rem!important}
    .ai{margin-bottom:4px!important;padding:3px 8px!important}
    .meta{margin-top:2px!important;gap:8px!important}
    .tags{margin-top:4px!important;gap:4px!important}
    .tag{padding:3px 8px!important;font-size:.64rem!important}
    .rating-row{margin-top:4px!important;gap:1px!important}
    .rate-star{font-size:.72rem!important;padding:0 1px!important}
    .rate-tip{margin-left:3px!important}
    .actions{gap:5px!important}
    .action{width:36px!important;height:36px!important;font-size:.85rem!important;border-radius:10px!important}
    .fav-heart{width:28px!important;height:28px!important;top:9px!important;right:9px!important;font-size:.75rem!important}
    .gated-tip.glitter{font-size:.54rem!important;padding:3px 7px!important}
    .phone-hint{font-size:.6rem!important}

    .pro-name{font-size:1.12rem!important;letter-spacing:-.01em}
    .meta{font-size:.8rem!important;gap:12px!important}
    .tag{font-size:.7rem!important;padding:4px 11px!important;font-weight:800!important}
    .ai{font-size:.62rem!important;padding:5px 10px!important}
    .rate-tip{font-size:.65rem!important}
    .tile span{font-size:.72rem!important;font-weight:800}
    .promo-card strong{font-size:1.05rem}
    .promo-card span{font-size:.86rem!important;line-height:1.4}
    .section-head .label{font-size:.85rem!important}
    .count{font-size:.75rem!important}
    .bhim-cta span:last-child{font-size:.78rem!important}
    .page-body,.page-body *{font-size:1rem!important;line-height:1.7!important}
    .mini-chip-name{font-size:.68rem!important}
    .avatar img,.mini-chip-avatar img{image-rendering:auto;object-fit:cover}

    /* ── Mobile-friendliness ─────────────────────────────────────── */
    html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
    img,video{max-width:100%;height:auto}
    button,.tile,.action,.bhim-tab,.bhim-cta,.icon-btn{-webkit-tap-highlight-color:transparent}
    .container,.bhim-search-block,.bhim-hero,.bhim-cta-card{max-width:640px;margin-left:auto;margin-right:auto}

    @media(max-width:480px){
      .bhim-hero{margin:10px 10px 0;padding:14px 16px;border-radius:18px}
      .bhim-hero-brand .brand #brandName{font-size:.8rem}
      .bhim-hero-util .pill span{max-width:70px;overflow:hidden;text-overflow:ellipsis}
      .bhim-hero .typing{font-size:1.12rem!important}
      .bhim-cta-card{margin:12px 10px 6px;border-radius:16px}
      .bhim-cta{padding:14px 6px}
      .bhim-cta-icon{width:40px;height:40px;font-size:1rem}
      .bhim-cta span{font-size:.66rem!important}
      .bhim-search-block{padding:12px 10px 0}
      .container{padding:0 10px}
      .tiles{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
      .tile-icon{width:42px!important;height:42px!important;font-size:.95rem!important}
      .tile span{font-size:.64rem!important}
      .pro-card{grid-template-columns:44px 1fr!important;padding:11px!important;gap:9px!important}
      .avatar{width:44px!important;height:44px!important}
      .pro-name{font-size:.96rem!important}
      .meta{font-size:.7rem!important;gap:7px!important;flex-wrap:wrap}
      .tags{gap:4px!important;margin-top:3px!important}
      .actions{grid-column:1/-1;display:flex!important;align-items:center;margin-top:8px;gap:8px}
      .action{flex:0 0 42px;height:42px}
      .phone-hint,.gated-tip{flex:1;text-align:left}
      .promo-strip{padding:0 10px}
      .bhim-tab{font-size:.54rem;padding:8px 2px 6px}
      .bhim-tab i{font-size:.95rem}
      .bhim-tab-scan .bhim-tab-circle{width:46px;height:46px;font-size:1.05rem}
    }
    @media(max-width:360px){
      .tiles{grid-template-columns:repeat(3,1fr)!important}
      .bhim-cta span{font-size:.6rem!important}
      .bhim-tab span{font-size:.5rem}
    }

    .pro-card{position:relative}
    .fav-heart{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;
      border:1.5px solid var(--border2);background:var(--card2);color:var(--muted);cursor:pointer;
      display:grid;place-items:center;font-size:.9rem;transition:.2s cubic-bezier(.34,1.56,.64,1)}
    .fav-heart:active{transform:scale(.88)}
    .fav-heart.on{color:#fff;background:linear-gradient(135deg,var(--accent),#ffb454);border-color:transparent}

    .mini-strip-label{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:6px 2px 8px}
    .acct-section-label{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
    .acct-recent-list{display:flex;flex-direction:column;gap:8px}
    .acct-recent-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:12px;
      border:1px solid var(--border2);background:transparent;cursor:pointer}
    .acct-recent-row:hover{background:var(--soft)}
    .mini-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:6px;scrollbar-width:none}
    .mini-strip::-webkit-scrollbar{display:none}
    .mini-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;
      width:64px;cursor:pointer;position:relative}
    .mini-chip-avatar{width:52px;height:52px;border-radius:50%;background:var(--soft);color:var(--brand-blue);
      display:grid;place-items:center;font-weight:900;font-size:1.1rem;overflow:hidden;border:2px solid var(--brand-blue2)}
    .mini-chip-avatar img{width:100%;height:100%;object-fit:cover}
    .mini-chip-name{font-size:.62rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}
    .mini-chip-heart{position:absolute;top:-2px;right:6px;color:var(--accent);font-size:.65rem;background:var(--card);border-radius:50%;padding:3px}

    .rate-nudge{position:fixed;left:14px;right:14px;bottom:-100px;z-index:900;max-width:610px;margin:0 auto;
      transition:bottom .35s cubic-bezier(.34,1.56,.64,1)}
    .rate-nudge.show{bottom:96px}
    .rate-nudge-inner{background:var(--card);border:1px solid var(--border2);border-radius:18px;padding:12px 14px;
      display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px rgba(0,0,0,.22);font-size:.8rem;font-weight:700}
    .rate-nudge-inner span:first-child{flex:1;color:var(--text)}
    .rate-nudge-stars{display:flex;gap:3px}
    .rate-nudge-stars i{color:var(--accent);cursor:pointer;font-size:.95rem}
    .rate-nudge-inner button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:.9rem;padding:2px}

    #profileModalOverlay .modal-card{padding:22px}
    #accountModalOverlay .modal-card{padding:22px}

    html{scroll-behavior:smooth}
    ::selection{background:var(--accent);color:#fff}
    nav{backdrop-filter:blur(20px) saturate(160%)}
    .icon-btn,.pill,#loginPill{transition:.18s cubic-bezier(.4,0,.2,1)}
    .icon-btn:active,.pill:active{transform:scale(.92)}

    .bhim-cta-card{transition:.25s}
    .bhim-cta{position:relative;transition:.18s}
    .bhim-cta:active{transform:scale(.97)}
    .bhim-cta-icon{transition:.22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 16px rgba(0,0,0,.14)}
    .bhim-cta:hover .bhim-cta-icon{transform:translateY(-3px) scale(1.06)}

    .tile{transition:.2s cubic-bezier(.34,1.56,.64,1)}
    .tile:active{transform:scale(.93)!important}
    .tile-icon{transition:.2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px rgba(0,0,0,.16)}

    .pro-card{box-shadow:0 2px 10px rgba(11,79,145,.05);transition:.22s cubic-bezier(.4,0,.2,1)}
    .pro-card:hover{box-shadow:0 14px 34px rgba(11,79,145,.12);transform:translateY(-3px)}
    .avatar{box-shadow:0 4px 14px rgba(11,79,145,.18)}
    .action{transition:.18s cubic-bezier(.34,1.56,.64,1)}
    .action:active{transform:scale(.9)!important}

    .promo-card{border-radius:22px!important;transition:.22s}
    .promo-card:hover{transform:translateY(-3px);box-shadow:0 26px 60px var(--glow)}

    /* Floating, elevated bottom tab bar with pill-highlighted active state */
    .bhim-tabbar{margin:0 10px 10px;border-radius:22px;border:1px solid var(--border);
      padding:6px 6px calc(6px + env(safe-area-inset-bottom));
      backdrop-filter:blur(20px) saturate(160%);
      background:color-mix(in srgb,var(--card) 92%,transparent);
      box-shadow:0 16px 40px rgba(11,79,145,.16)}
    body{padding-bottom:82px}
    .bhim-tab{border-radius:16px;padding:9px 4px 7px;transition:.2s cubic-bezier(.34,1.56,.64,1)}
    .bhim-tab.active{background:var(--soft)}
    .bhim-tab:active{transform:scale(.93)}
    .bhim-tab-scan{top:-14px}
    .bhim-tab-scan.active{background:transparent}
    .bhim-tab-scan .bhim-tab-circle{transition:.22s cubic-bezier(.34,1.56,.64,1)}
    .bhim-tab-scan:hover .bhim-tab-circle{transform:translateY(-2px) scale(1.05)}

    /* Section rhythm + typography polish */
    .section-head{margin:18px 0 14px}
    .label{letter-spacing:.14em}
    .container{padding-top:6px}
    footer{margin-bottom:6px}

    /* Gentle fade/slide-in for cards as they render */
    @keyframes bhimRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    .pro-card,.tile{animation:bhimRise .38s cubic-bezier(.4,0,.2,1) both}

    /* ══════════════════════════════════════════════════════════════
       RESPONSIVE LAYOUT — TABLET & DESKTOP
       Mobile (≤640px) is unchanged above. Previously the entire site
       stayed capped at a 640px column on every screen size, so a
       laptop/desktop/tablet just showed the mobile layout stranded in
       the middle of a mostly-empty page, with the technician list
       forced into a single narrow stacked column no matter how wide
       the window was. These rules widen the content area in two
       steps and let the technician grid actually use the space.
       ══════════════════════════════════════════════════════════════ */
    @media(min-width:641px) and (max-width:1023px){
      .app,.container,.bhim-search-block,.bhim-hero,.bhim-cta-card,.bhim-tabbar{max-width:760px}
      .grid{grid-template-columns:repeat(2,1fr);align-items:start}
    }
    @media(min-width:1024px){
      .app,.container,.bhim-search-block,.bhim-hero,.bhim-cta-card,.bhim-tabbar{max-width:1120px}
      .grid{grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
      .pro-card{padding:18px}
      .tiles{grid-template-columns:repeat(8,1fr)!important}
    }
    @media(min-width:1280px){
      .app,.container,.bhim-search-block,.bhim-hero,.bhim-cta-card,.bhim-tabbar{max-width:1280px}
    }
  

/* ── performance & accessibility layer ── */
.pro-card,.promo-card,.review-card{content-visibility:auto;contain-intrinsic-size:auto 220px}
.pro-card{transition:transform .22s,box-shadow .22s}.promo-card{transition:transform .22s,box-shadow .22s}
.ticker-track,.gated-tip.glitter{will-change:transform}
:focus-visible{outline:2px solid var(--accent,#fbbf24);outline-offset:2px}
@media (max-width:820px){
  nav,.bhim-tabbar,.overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  nav{background:var(--bg)!important}.bhim-tabbar{background:var(--card)!important}
  .overlay{background:rgba(0,0,0,.6)!important}
  .gated-tip.glitter:before{animation:none!important;display:none}
  .pro-card:hover,.promo-card:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
#footerCategoryLinks a{display:block;padding:6px 0;color:inherit;text-decoration:none;opacity:.85}#footerCategoryLinks a:hover{opacity:1;text-decoration:underline}


/* Technician cards: columns adapt to available width, never overflow */
#technicianGrid:not(.compact-view),.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))!important;gap:14px}
.pro-card{container-type:inline-size;grid-template-columns:58px minmax(0,1fr) auto;min-width:0}
.pro-card>div{min-width:0}
.pro-card .pro-name,.pro-card .meta{overflow-wrap:anywhere}
.pro-card .actions{min-width:0}
@container (max-width:480px){
  #technicianGrid:not(.compact-view) .actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
  #technicianGrid:not(.compact-view) .actions .action{flex:0 0 auto}
  #technicianGrid:not(.compact-view) .actions .phone-hint,
  #technicianGrid:not(.compact-view) .actions .gated-tip{flex:1 1 auto;text-align:right;min-width:0;white-space:normal}
}
/* action buttons: icon-only call/WhatsApp, labelled View Profile pill that fits its text */
#technicianGrid:not(.compact-view) .action{width:40px!important;height:40px!important;min-width:40px;padding:0!important;border-radius:12px!important;flex:0 0 auto}
#technicianGrid:not(.compact-view) .action.call::after,#technicianGrid:not(.compact-view) .action.wa::after{content:none!important}
#technicianGrid:not(.compact-view) .action.view-profile{width:auto!important;padding:0 14px!important;grid-auto-flow:column;gap:7px;white-space:nowrap}
#technicianGrid:not(.compact-view) .action.view-profile::after{content:"View Profile";font-size:.74rem;font-weight:800;white-space:nowrap}
/* phone number: clearly visible once logged in */
.pro-card .phone-hint{font-size:.88rem!important;font-weight:800;color:var(--text)!important;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--border2);white-space:nowrap;cursor:pointer;margin-left:auto;flex:0 1 auto!important;text-align:left!important}
.pro-card .phone-hint:before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.72rem;color:var(--accent)}
.profile-phone{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 18px;border-radius:14px;background:var(--soft);border:1.5px solid var(--border2);color:var(--text);font-size:1.05rem;font-weight:900;letter-spacing:.03em;cursor:pointer}
.profile-phone i{color:var(--accent)}
#logoutPill{align-items:center;gap:6px;background:#fff;color:#c62828;border:0;border-radius:999px;padding:6px 12px;font-size:.68rem;font-weight:900;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18)}#logoutPill:active{transform:scale(.93)}
.side-links a{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;color:inherit;text-decoration:none;font-weight:700;font-size:.9rem;border-radius:12px}.side-links a:hover{background:var(--hover,rgba(127,127,127,.12))}.side-links a i{width:20px;text-align:center}

html{touch-action:manipulation;-webkit-text-size-adjust:100%}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}

/* ── responsive polish: every phone, tablet, laptop and big monitor ── */
.bhim-tabbar{left:10px!important;right:10px!important;margin:0 auto!important;max-width:560px!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
@media (min-width:1024px){.trust-stats-bar,.why-toolzbox-strip{max-width:none!important}}
@media (max-width:400px){
  #cityPill{display:none!important}
  .search-box{flex-wrap:wrap}
  .city-select{flex:1 1 100%!important;width:100%!important;border-bottom:1px solid var(--border2)}
  .search-in{flex:1 1 0!important;min-width:0}
  .search-in input{width:100%!important;min-width:0}
  .search-btn,.filter-btn{width:42px!important;height:42px!important}
}
@media (max-width:820px){
  .gated-tip{font-size:.68rem!important}
  .trust-stat-label,.ai,.side-foot{font-size:.66rem!important}
  .bhim-tab{font-size:.62rem!important}
}
@media (pointer:coarse){
  .popular-chip{min-height:38px}
  .view-toggle-btn{min-width:38px;min-height:38px}
  #langBtn,#loginPill,#logoutPill{min-height:34px}
  .icon-btn,.close{min-width:38px;min-height:38px}
  .footer-col a,.footer-col button{display:block;padding:9px 0;min-height:38px}
}
@media (max-height:480px) and (orientation:landscape){.bhim-tabbar{padding-top:2px;padding-bottom:2px}}


/* ═══ Toolzbox v2 — cyan/purple premium UI (same data, same JS hooks) ═══ */
body.v2{--tz-cyan:#0ab4d6;--tz-cyan2:#38c9e6;--tz-purple:#7c5cf0;--tz-navy:#0f2347;--v-bg:#fff;--v-card:#fff;--v-text:#0f2347;--v-sub:#5b6b86;--v-line:#e3ebf3;--v-mist:#eef9fc;--v-shadow:0 6px 22px rgba(15,35,71,.08);
  --tz-p1:color-mix(in srgb,var(--tz-purple) 82%,#fff);--tz-p2:var(--tz-purple);--accent:var(--tz-purple)!important;--soft:rgba(124,92,240,.12)!important;--glow:rgba(124,92,240,.25)!important;--brand-blue:#0ab4d6;--brand-blue2:#7c5cf0;
  --bg:#fff;--surface:#f5f9fc;--card:#fff;--card2:#f5f9fc;--hover:#eef3f9;--text:#0f2347;--dim:#4a5b78;--muted:#6f7f99;--border:#e3ebf3;--border2:#cfdbe8;
  background:var(--v-bg);color:var(--v-text);font-family:"Plus Jakarta Sans",system-ui,sans-serif}
body.v2[data-theme=dark],body.v2.v2-dk{--v-bg:#0a1226;--v-card:#111b34;--v-text:#eef3ff;--v-sub:#9db0d0;--v-line:#22324f;--v-mist:#0e1a33;--v-shadow:0 6px 22px rgba(0,0,0,.35);
  --bg:#0a1226;--surface:#0e1a33;--card:#111b34;--card2:#14213f;--hover:#1a2a4c;--text:#eef3ff;--dim:#b4c3de;--muted:#8da0c2;--border:#22324f;--border2:#304566;--accent:#9a82ff!important;--soft:rgba(154,130,255,.16)!important}
body.v2 .app{max-width:none;border:0;background:transparent;overflow-x:clip}
body.v2 .container{max-width:none;padding:0}
.v2-wrap{max-width:1180px;margin:0 auto;padding:0 20px;width:100%}
/* header */
body.v2 .v2-nav{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--v-bg) 94%,transparent);border-bottom:1px solid var(--v-line);backdrop-filter:blur(12px)}
.v2-nav-in{max-width:1180px;margin:0 auto;height:66px;padding:0 20px;display:flex;align-items:center;gap:22px}
.v2-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}
body.v2 .v2-logo .logo{width:42px;height:42px;border-radius:12px;background:transparent;box-shadow:none;overflow:hidden;padding:0}
.v2-logo .logo img{width:100%;height:100%;object-fit:cover;border-radius:12px}
body.v2 .v2-logo .brand>span:first-child,body.v2 .v2-logo .brand #brandName{display:block;font-size:1.28rem;font-weight:800;letter-spacing:-.02em;color:var(--v-text);line-height:1.05}
body.v2 .v2-logo .brand p{margin:2px 0 0;font-size:.62rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--v-sub)}
.v2-links{display:flex;gap:26px;margin-left:18px}
.v2-links a{position:relative;padding:22px 0;font-size:.86rem;font-weight:600;color:var(--v-text);text-decoration:none}
.v2-links a.on:after,.v2-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;border-radius:2px;background:var(--tz-cyan)}
.v2-links a.on{color:var(--tz-cyan)}
.v2-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
body.v2 #loginPill,body.v2 #logoutPill{display:inline-flex;align-items:center;gap:7px;background:var(--v-card)!important;color:var(--v-text)!important;border:1px solid var(--border2)!important;border-radius:10px;padding:9px 16px;font-size:.8rem;font-weight:600;letter-spacing:0;box-shadow:none;cursor:pointer}
body.v2 #logoutPill{color:#c62828!important}
body.v2 #loginPill[style*="none"],body.v2 #logoutPill[style*="none"]{display:none!important}
body.v2 #langBtn{background:var(--v-card)!important;color:var(--v-text)!important;border:1px solid var(--border2)!important;border-radius:10px!important;padding:9px 12px!important;font-size:.78rem!important;margin:0!important}
.v2-join{background:linear-gradient(135deg,var(--tz-cyan),#18c3c9);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;padding:10px 18px;border-radius:10px;box-shadow:0 6px 16px rgba(10,180,214,.3);white-space:nowrap}
body.v2 .v2-actions .icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border2);color:var(--v-text)}
body.v2 #cityPill{display:none!important}
/* hero */
.v2-hero{position:relative;background:linear-gradient(100deg,#e6f8fc 0%,#f3f4ff 55%,#fff 100%);border-bottom:1px solid var(--v-line);overflow:hidden}
body.v2[data-theme=dark] .v2-hero{background:linear-gradient(100deg,#0c2a3d,#18163f 60%,#0a1226)}
.v2-hero-img{position:absolute;top:0;right:0;bottom:0;width:56%;pointer-events:none}
.v2-hero-img img{width:100%;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.v2-hero-in{position:relative;padding-top:40px;padding-bottom:30px}
body.v2 .v2-hero .hero{padding:0;text-align:left;max-width:640px}
body.v2 .v2-hero .eyebrow{display:inline-flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:rgba(10,180,214,.12);border:0;color:#08839c;padding:7px 14px;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:0;text-transform:none}
body.v2 .v2-hero .eb-x{display:inline-flex;gap:5px;align-items:center}
body.v2 .v2-hero .typing{margin:18px 0 0;min-height:0;font-size:clamp(2rem,4.6vw,3.15rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--v-text)}
.v2-hero .typing .c1{color:var(--tz-cyan)}.v2-hero .typing .c2{color:var(--tz-purple)}
body.v2 .v2-hero .hero-sub{margin:14px 0 0;max-width:none;font-size:1.02rem;font-weight:700;color:var(--v-text)}
.v2-feats{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;padding:0;font-size:.78rem;font-weight:600;color:var(--v-text)}
.v2-feats li{display:inline-flex;align-items:center;gap:8px}.v2-feats i{color:var(--tz-cyan);font-size:1rem}
.v2-tagline{position:absolute;right:20px;top:34px;font-family:"Caveat",cursive;font-weight:600;font-size:1.9rem;line-height:1.1;color:var(--v-text);transform:rotate(-8deg);text-align:left;pointer-events:none}
.v2-tagline:after{content:"";display:block;width:110px;height:3px;margin-top:8px;border-radius:3px;background:linear-gradient(90deg,var(--tz-cyan),var(--tz-purple))}
body.v2 .bhim-search-block{padding:0;margin:26px 0 0;max-width:760px}
body.v2 .search-wrap{padding:0}
body.v2 .search-box{display:flex;align-items:center;gap:10px;background:var(--v-card);border:1px solid var(--v-line);border-radius:16px;padding:10px;box-shadow:0 14px 40px rgba(15,35,71,.12);overflow:visible}
body.v2 .search-in{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--border2);border-radius:12px;padding:0 14px;height:48px;background:var(--v-card)}
body.v2 .search-in i{color:var(--v-text);font-size:.9rem}
body.v2 .search-in input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:.85rem;color:var(--v-text);height:100%}
.city-wrap{flex:0 0 190px;display:flex;align-items:center;gap:8px;border:1px solid var(--border2);border-radius:12px;padding:0 12px;height:48px;background:var(--v-card)}
.city-wrap i{color:var(--v-text);font-size:.9rem}
body.v2 .city-wrap .city-select{width:100%!important;height:100%;border:0;outline:0;background:transparent;color:var(--v-text);font-size:.85rem;font-weight:500;cursor:pointer;padding:0}
body.v2 .search-btn{width:auto!important;height:48px!important;padding:0 28px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2))!important;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 8px 18px rgba(124,92,240,.35);cursor:pointer;margin:0}
body.v2 .filter-btn{width:48px!important;height:48px!important;margin:0;border-radius:12px;border:1px solid var(--border2);background:var(--v-card);color:var(--v-text)}
body.v2 .popular-chips-row{padding:14px 0 0;gap:8px;flex-wrap:wrap;overflow:visible}
body.v2 .popular-label{font-size:.76rem;font-weight:700;color:var(--v-text)}
body.v2 .popular-chip{background:var(--v-card);border:1px solid var(--border2);border-radius:999px;padding:6px 14px;font-size:.74rem;font-weight:500;color:var(--v-text)}
body.v2 .popular-chip i{display:none}
body.v2 .popular-chip:hover{border-color:var(--tz-cyan);color:var(--tz-cyan)}
body.v2 #searchBlock.sticky{position:static!important;box-shadow:none!important;padding:0!important;background:transparent!important}
/* sections */
body.v2 .v2-sec{padding:40px 0}
body.v2 .v2-mist{background:var(--v-mist);position:relative}
.v2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.v2-head h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--v-text);margin:0}
.v2-head p{margin:6px 0 0;font-size:.84rem;color:var(--v-sub);font-weight:500}
body.v2 .v2-link{background:none;border:0;color:#0a8fb0;font-weight:700;font-size:.8rem;cursor:pointer;display:inline-flex;gap:8px;align-items:center;padding:6px 0}
body.v2 .v2-link-p{color:var(--tz-purple)}
/* services row */
body.v2 #categoryTiles{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;margin:0!important;padding:4px 0!important;background:transparent!important}
body.v2 #categoryTiles .tile{min-height:104px;background:var(--v-card)!important;border:1px solid var(--v-line)!important;border-radius:14px!important;box-shadow:var(--v-shadow)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 4px;cursor:pointer;transition:transform .18s,border-color .18s}
body.v2 #categoryTiles .tile:hover{transform:translateY(-3px);border-color:var(--tz-cyan)!important}
body.v2 #categoryTiles .tile.active{border-color:var(--tz-purple)!important;box-shadow:0 0 0 2px rgba(124,92,240,.25),var(--v-shadow)!important}
body.v2 #categoryTiles .tile-icon{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;background:rgba(10,180,214,.12);color:var(--tz-cyan);box-shadow:none;border:0}
body.v2 #categoryTiles .tile:nth-child(3n+2) .tile-icon{background:rgba(79,95,230,.12);color:#4f5fe6}
body.v2 #categoryTiles .tile:nth-child(3n) .tile-icon{background:rgba(124,92,240,.13);color:var(--tz-purple)}
body.v2 #categoryTiles .tile span:not(.tile-count-badge){font-size:.7rem;font-weight:600;color:var(--v-text);text-align:center;line-height:1.2;padding:0 2px}
body.v2 .tile-count-badge{position:absolute;top:-4px;right:-8px;background:var(--tz-purple);color:#fff;font-size:.58rem;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
/* why */
body.v2 .why-toolzbox-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;max-width:none!important}
body.v2 .why-item{display:flex;flex-direction:row;align-items:flex-start;text-align:left;gap:14px;padding:6px 22px;background:transparent;border:0;border-left:1px solid var(--v-line);border-radius:0;box-shadow:none}
body.v2 .why-item:first-child{border-left:0;padding-left:0}
body.v2 .why-item>i{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;color:#fff;background:linear-gradient(135deg,var(--tz-cyan),#2aa7e8)}
body.v2 .why-item:nth-child(2)>i{background:linear-gradient(135deg,#4f7df0,#5a6ae8)}
body.v2 .why-item:nth-child(3)>i{background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2))}
body.v2 .why-item:nth-child(4)>i{background:linear-gradient(135deg,#9a5cf0,#7c3fe0)}
.why-item b{display:block;font-size:.9rem;font-weight:700;color:var(--v-text)}
.why-item span{display:block;margin-top:4px;font-size:.76rem;color:var(--v-sub);font-weight:500;line-height:1.45}
.v2-tagline-b{top:auto;bottom:22px;right:40px;font-size:1.5rem;transform:rotate(-8deg);color:#0a6f8a}
.v2-tagline-b:after{display:none}
/* popular city cards */
.v2-citysel{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);border-radius:10px;padding:0 12px;height:40px;background:var(--v-card);font-size:.8rem}
.v2-citysel select{border:0;background:transparent;color:var(--v-text);font-weight:600;font-size:.8rem;outline:0;cursor:pointer}
.v2-popcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:16px}
.v2-pc{display:flex;flex-direction:column;background:var(--v-card);border:1px solid var(--v-line);border-radius:14px;overflow:hidden;box-shadow:var(--v-shadow);cursor:pointer;text-align:left;padding:0;color:inherit;transition:transform .18s,box-shadow .18s}
.v2-pc:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,35,71,.14)}
.v2-pc-img{height:104px;background:linear-gradient(135deg,#dff6fb,#ece8ff);display:grid;place-items:center;font-size:2rem;color:var(--tz-cyan)}
.v2-pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.v2-pc-b{padding:12px 14px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
.v2-pc-b b{grid-column:1/-1;font-size:.82rem;font-weight:700;color:var(--v-text)}
.v2-pc-b span{font-size:.76rem;font-weight:700;color:#0a8fb0}.v2-pc-b i{font-size:.74rem;color:var(--v-text)}
/* featured */
.v2-feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.v2-ft{background:var(--v-card);border:1px solid var(--v-line);border-radius:14px;padding:14px;box-shadow:var(--v-shadow);display:flex;flex-direction:column;gap:12px}
.v2-ft-top{display:flex;gap:12px;align-items:center;cursor:pointer;min-width:0}
.v2-av{flex:0 0 58px;width:58px;height:58px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,var(--tz-cyan),var(--tz-purple));color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.3rem}
.v2-av img{width:100%;height:100%;object-fit:cover}
.v2-ft-info{min-width:0}
.v2-ft-info b{display:flex;align-items:center;gap:5px;font-size:.84rem;font-weight:700;color:var(--v-text)}
.v2-ft-info b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-ft-info b i{color:#1d9bf0;font-size:.74rem}
.v2-ft-info em{display:block;font-style:normal;font-size:.72rem;color:var(--v-sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-ft-info small{display:block;margin-top:5px;font-size:.72rem;font-weight:700;color:var(--v-text)}.v2-ft-info small i{color:#f5a623}.v2-ft-info small u{text-decoration:none;font-weight:500;color:var(--v-sub)}
.v2-ft-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2-ft-btns button{border:0;border-radius:8px;height:34px;color:#fff;font-weight:700;font-size:.76rem;cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-content:center}
.v2-ft-btns .c{background:linear-gradient(135deg,#0ab4d6,#18c3c9)}.v2-ft-btns .w{background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2))}
.v2-empty{grid-column:1/-1;padding:24px;text-align:center;color:var(--v-sub);font-size:.86rem;border:1px dashed var(--border2);border-radius:14px}
/* directory */
body.v2 .v2-dir{padding-top:28px;background:var(--v-bg)}
body.v2 .section-head .label{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--v-text)}
body.v2 .pro-card{border-radius:14px!important;border:1px solid var(--v-line)!important;box-shadow:var(--v-shadow)}
body.v2 .action.call,body.v2 #technicianGrid .action.call{background:linear-gradient(135deg,#0ab4d6,#18c3c9)!important;color:#fff!important}
body.v2 .action.wa{background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2))!important;color:#fff!important}
body.v2 .quick-filter-chip.active{background:var(--tz-purple);color:#fff;border-color:var(--tz-purple)}
/* app banner */
body.v2 .v2-appsec{padding:8px 0 40px}
.v2-app{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1.5fr);align-items:center;gap:28px;border-radius:18px;padding:26px 34px;color:#fff;background:linear-gradient(100deg,#0aa9d4 0%,#3b8ee6 45%,#8b62f0 100%);box-shadow:0 18px 40px rgba(80,90,230,.28)}
.v2-phone{width:86px;height:140px;border-radius:16px;background:#0f2347;padding:5px;transform:rotate(-6deg);box-shadow:0 12px 24px rgba(0,0,0,.3)}
.v2-phone-in{height:100%;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px}
.v2-phone-in img{border-radius:10px;width:40px;height:40px}.v2-phone-in i{display:block;width:100%;height:9px;border-radius:5px;background:#e3ebf3}.v2-phone-in i.s{width:60%;background:#cfc3fb}
.v2-app-txt h2{font-size:1.3rem;font-weight:800;margin:0}.v2-app-txt p{margin:6px 0 14px;font-size:.88rem;opacity:.95}
.v2-install{background:#0f2347;color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:700;font-size:.82rem;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.v2-app-txt small{display:block;margin-top:8px;font-size:.72rem;opacity:.9}
.v2-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.v2-stats div{padding:4px 10px;border-left:1px solid rgba(255,255,255,.3)}.v2-stats div:first-child{border-left:0}
.v2-stats i{font-size:1.1rem;opacity:.95}.v2-stats b{display:block;font-size:1.25rem;font-weight:800;margin-top:4px}.v2-stats span{font-size:.7rem;opacity:.92}
/* footer */
body.v2 .site-footer{background:#0f2347;color:#dbe6f7;text-align:left;padding:30px 0 22px;margin-top:0;border:0}
.v2-foot-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
body.v2 .site-footer .v2-logo .brand>span{color:#fff;font-size:1.25rem;font-weight:800;display:block}.site-footer .v2-logo .brand p{color:#a9bad6;margin:2px 0 0;font-size:.62rem}
.v2-foot-links{display:flex;gap:26px;flex-wrap:wrap;margin:0 auto}
.v2-foot-links a{color:#fff;text-decoration:none;font-size:.8rem;font-weight:500}.v2-foot-links a:hover{color:var(--tz-cyan2)}
.v2-social{display:flex;gap:10px}.v2-social a{width:30px;height:30px;border-radius:50%;background:#fff;color:#0f2347;display:grid;place-items:center;font-size:.8rem;text-decoration:none}
body.v2 .site-footer .footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0 6px}
body.v2 .site-footer .footer-col-title{color:#fff;font-weight:700;font-size:.82rem;margin-bottom:8px;text-transform:none;letter-spacing:0}
body.v2 .site-footer .footer-col a,body.v2 #footerCategoryLinks a{color:#b9c8e2;font-size:.78rem;text-decoration:none;display:block;padding:5px 0}
body.v2 .site-footer .footer-about{margin:14px 0 10px;font-size:.74rem;line-height:1.6;color:#9db0d0;max-width:760px}
body.v2 .site-footer .footer-copy{font-size:.72rem;color:#9db0d0}
/* responsive */
@media(max-width:1000px){
  .v2-links{display:none}.v2-hero-img{width:70%;opacity:.55}
  body.v2 #categoryTiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  body.v2 .why-toolzbox-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
  body.v2 .why-item:nth-child(3){border-left:0;padding-left:0}
  .v2-tagline{display:none}.v2-tagline-b{display:none}
  .v2-app{grid-template-columns:auto 1fr;gap:20px}.v2-stats{grid-column:1/-1}
}
@media(min-width:1001px){body.v2 .bhim-tabbar{display:none!important}body.v2 .v2-menu{display:grid}}
@media(max-width:700px){
  .v2-nav-in{height:58px;padding:0 14px;gap:8px}.v2-wrap{padding:0 14px}
  body.v2 .v2-logo .brand p{display:none}
  .v2-join{display:none}
  body.v2 #loginPill,body.v2 #logoutPill{padding:8px 12px}
  .v2-hero-img{position:relative;width:100%;height:210px;order:2;opacity:1}
  .v2-hero{display:flex;flex-direction:column}
  .v2-hero-img{order:2;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%)}
  .v2-hero-img img{-webkit-mask-image:none;mask-image:none;object-position:70% center}
  .v2-hero-in{order:1;padding-top:26px;padding-bottom:6px}
  body.v2 .search-box{flex-wrap:wrap}
  body.v2 .search-in{flex:1 1 100%}.city-wrap{flex:1 1 0}
  body.v2 .search-btn{flex:1 1 0;padding:0 14px}
  body.v2 #categoryTiles{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x proximity;padding:4px 14px 10px!important;margin:0 -14px!important;scrollbar-width:none}
  body.v2 #categoryTiles::-webkit-scrollbar{display:none}
  body.v2 #categoryTiles .tile{flex:0 0 84px;scroll-snap-align:start}
  body.v2 .v2-sec{padding:28px 0}
  body.v2 .why-toolzbox-strip{grid-template-columns:1fr}
  body.v2 .why-item{border-left:0;padding:0}
  .v2-popcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .v2-feat{display:flex;overflow-x:auto;gap:12px;margin:0 -14px;padding:2px 14px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
  .v2-ft{flex:0 0 78%;scroll-snap-align:start}
  .v2-app{grid-template-columns:1fr;padding:22px 18px;text-align:center;justify-items:center}.v2-phone{display:none}
  .v2-stats{grid-template-columns:repeat(2,1fr);gap:14px 0;width:100%}.v2-stats div:nth-child(3){border-left:0}
  body.v2 .site-footer .footer-grid{grid-template-columns:1fr 1fr}.v2-foot-links{margin:0;gap:16px}
  body.v2 .app{padding-bottom:84px}
}

/* fixes */
body.v2 .trust-stats-bar{display:none!important}
.v2-hero .v2-tagline:not(.v2-tagline-b){display:none}
body.v2 #categoryTiles .tile-icon{background:rgba(10,180,214,.12)!important;color:var(--tz-cyan)!important;box-shadow:none!important;border:0!important;border-radius:50%!important}
body.v2 #categoryTiles .tile:nth-child(3n+2) .tile-icon{background:rgba(79,95,230,.12)!important;color:#4f5fe6!important}
body.v2 #categoryTiles .tile:nth-child(3n) .tile-icon{background:rgba(124,92,240,.13)!important;color:var(--tz-purple)!important}
body.v2 #categoryTiles .tile span:not(.tile-count-badge){text-transform:none!important;letter-spacing:0!important;font-size:.7rem!important;color:var(--v-text)!important}
body.v2 .site-footer,body.v2 .site-footer *{text-transform:none!important;letter-spacing:0!important}
body.v2 .site-footer .footer-grid{max-width:none!important;margin:0!important;width:100%!important;justify-items:start;text-align:left}
body.v2 .site-footer .footer-col{text-align:left}
.v2-foot-links{margin-left:auto!important;margin-right:auto!important}
body.v2 .site-footer .footer-about{opacity:1!important}
@media(max-width:700px){
  body.v2 .search-in{flex:1 1 100%!important}
  body.v2 .city-wrap{flex:1 1 0!important;min-width:0}
  body.v2 .search-btn{flex:1 1 0!important}
  body.v2 #categoryTiles{padding:4px 14px 10px!important;margin:0 -14px!important}
  body.v2 .site-footer .footer-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:700px){body.v2 #categoryTiles{scroll-padding-left:14px}body.v2 #categoryTiles .tile:first-child{margin-left:0}}

/* simple mode: calm homepage */
body.v2 .ticker,body.v2 #resultCountMini,body.v2 #savedStrip:empty,body.v2 .v2-hero .eyebrow{display:none!important}
body.v2 .v2-hero .v2-feats{margin-top:14px}
body.v2 .v2-sec{padding:34px 0}
body.v2 #promoStrip{display:none!important}
/* v2b: calmer layout + popup */
body.v2 #categoriesSection .v2-link{display:none}
body.v2 #whySec{padding:14px 0}
body.v2 #whySec .v2-head,body.v2 #whySec .v2-tagline-b{display:none}
body.v2 #whySec .why-toolzbox-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none}
body.v2 #whySec .why-item{flex:1 0 auto;align-items:center;gap:10px;padding:0 14px;border:0;white-space:nowrap}
body.v2 #whySec .why-item>i{flex:0 0 34px;width:34px;height:34px;font-size:.85rem}
body.v2 #whySec .why-item span{display:none}
body.v2 #whySec .why-item b{font-size:.84rem}
@media(max-width:700px){
  body.v2 #categoryTiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;margin:0!important;padding:4px 0!important;gap:8px!important}
  body.v2 #categoryTiles .tile{flex:none;min-height:88px;padding:10px 2px}
  body.v2 #categoryTiles .tile span:not(.tile-count-badge){font-size:.64rem!important}
  body.v2 #categoryTiles .tile-icon{width:40px;height:40px}
  body.v2 #whySec .why-toolzbox-strip{grid-template-columns:none}
  body.v2 #whySec .why-item{padding:0 8px}
}
@media(max-width:1000px){body.v2 #whySec .why-toolzbox-strip{display:flex}body.v2 #whySec .why-item{border:0;padding:0 10px}}
.tzpop{position:fixed;right:18px;bottom:18px;z-index:950;width:min(320px,calc(100vw - 28px));opacity:0;transform:translateY(14px);transition:opacity .2s,transform .2s}
.tzpop[hidden]{display:none}.tzpop.open{opacity:1;transform:none}
.tzpop-card{position:relative;background:var(--v-card,#fff);color:var(--v-text,#0f2347);border:1px solid var(--v-line,#e3ebf3);border-radius:16px;box-shadow:0 18px 44px rgba(15,35,71,.28);overflow:hidden}
.tzpop-x{position:absolute;top:6px;right:6px;z-index:2;width:30px;height:30px;border-radius:50%;border:0;background:rgba(15,35,71,.6);color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}
.tzpop-media{background:#0f2347}.tzpop-media img,.tzpop-media video{display:block;width:100%;max-height:170px;object-fit:cover}
.tzpop-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.tzpop-body{padding:12px 14px 14px}.tzpop-body b{display:block;font-size:.92rem;font-weight:800;padding-right:24px}
.tzpop-body p{margin:5px 0 0;font-size:.8rem;line-height:1.45;color:var(--v-sub,#5b6b86)}.tzpop-body p:empty,.tzpop-body b:empty{display:none}
.tzpop-act{display:flex;align-items:center;gap:12px;margin-top:12px}
.tzpop-go{background:linear-gradient(135deg,#8b6cf6,#6f4de6);color:#fff;text-decoration:none;font-weight:700;font-size:.78rem;padding:8px 16px;border-radius:9px}
.tzpop-act button{margin-left:auto;background:none;border:0;color:var(--v-sub,#5b6b86);font-weight:600;font-size:.78rem;cursor:pointer;padding:8px 4px}
@media(max-width:700px){.tzpop{right:50%;transform:translate(50%,14px);bottom:92px}.tzpop.open{transform:translate(50%,0)}}
@media(max-width:700px){.tzpop{width:min(300px,calc(100vw - 40px))}.tzpop-media img,.tzpop-media video{max-height:120px}}

body.v2 #categoryTiles .tile-count-badge{display:none!important}
body.v2 .tile-n{font-style:normal;font-size:.62rem;font-weight:700;color:var(--tz-purple);background:var(--soft);border-radius:999px;padding:1px 9px;margin-top:-4px;white-space:nowrap}
body.v2 #categoryTiles .tile{gap:6px}
body.v2.v2-bgimg .v2-sec,body.v2.v2-bgimg .v2-nav{background:color-mix(in srgb,var(--v-bg) 90%,transparent)}
/* directory cards: tidy in English + Tamil, grid + list */
body.v2 .view-toggle-mini{display:flex!important}
body.v2 #quickFilterRow{display:flex!important;flex-wrap:nowrap;margin:0 0 14px}
body.v2 .quick-filter-chip{flex:0 0 auto;white-space:nowrap}
body.v2 .section-head{align-items:center}
body.v2 .pro-card .meta{overflow-wrap:normal!important;word-break:normal!important;display:flex;flex-wrap:wrap;gap:2px 10px;line-height:1.5}
body.v2 .pro-card .meta>span{white-space:nowrap}
body.v2 .pro-card .ai{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.4;max-width:100%}
body.v2 .pro-card .pro-name{line-height:1.35}
body.v2 .pro-card .tag{white-space:nowrap}
html[lang=ta] body.v2 .pro-card,html[lang=ta] body.v2 .pro-card *{line-height:1.5}
body.v2 .pro-card .gated-tip,body.v2 .pro-card .phone-hint{white-space:normal;line-height:1.35}
@media(max-width:700px){
  body.v2 #technicianGrid.compact-view .pro-card{grid-template-columns:44px minmax(0,1fr)!important;align-items:start}
  body.v2 #technicianGrid.compact-view .pro-card .actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}
  body.v2 #technicianGrid.compact-view .pro-card .action.view-profile{width:auto!important;min-width:0;height:38px;padding:0 14px!important;white-space:nowrap;gap:6px}
  body.v2 #technicianGrid.compact-view .pro-card .gated-tip{flex:1 1 140px;text-align:right}
}
body.v2 #technicianGrid .action.view-profile{background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2))!important;color:#fff!important}
body.v2 #technicianGrid.compact-view .action.view-profile::after{content:"View Profile"!important;font-size:.74rem;font-weight:800;white-space:nowrap}
html[lang=ta] body.v2 #technicianGrid.compact-view .action.view-profile::after{content:"சுயவிவரம்"!important}
body.v2 #technicianGrid.compact-view .action.view-profile{width:auto!important;min-width:0;padding:0 14px!important;gap:6px}
body.v2 .top-rated-ribbon{right:52px!important}
body.v2 #technicianGrid.compact-view .action{flex:0 0 auto!important}body.v2 #technicianGrid.compact-view .gated-tip{flex:1 1 120px!important;min-width:0}
@media(min-width:1001px){
  body.v2 #categoryTiles{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}
  body.v2 #categoryTiles .tile{min-height:140px!important;gap:10px!important;border-radius:16px!important}
  body.v2 #categoryTiles .tile-icon{width:66px!important;height:66px!important;font-size:1.7rem!important}
  body.v2 #categoryTiles .tile span:not(.tile-count-badge){font-size:.92rem!important;font-weight:700!important}
  body.v2 .tile-n{font-size:.72rem;padding:2px 11px}
}
/* cross-device consistency */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.v2 .v2-nav-in{min-width:0}
body.v2 .v2-logo{min-width:0;flex-shrink:1}
body.v2 .v2-logo .brand{min-width:0}
body.v2 .v2-logo #brandName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v2 .v2-actions{flex-shrink:0}
@media(max-width:700px){
  body.v2 .v2-nav-in{padding:0 10px!important;gap:6px!important}
  body.v2 .v2-logo{gap:7px}
  body.v2 .v2-logo .logo{width:36px!important;height:36px!important;flex:0 0 36px}
  body.v2 .v2-logo #brandName{font-size:clamp(1rem,4.6vw,1.2rem)!important}
  body.v2 .v2-actions{gap:6px!important}
  body.v2 #langBtn{padding:7px 9px!important;font-size:.74rem!important}
  body.v2 #loginPill,body.v2 #logoutPill{padding:7px 10px!important;font-size:.76rem!important;gap:5px}
  body.v2 .v2-actions .icon-btn{width:34px!important;height:34px!important;flex:0 0 34px}
}
@media(max-width:380px){
  body.v2 #loginPill i,body.v2 #logoutPill i{display:none}
  body.v2 .v2-logo #brandName{font-size:1rem!important}
  body.v2 .v2-actions .icon-btn{width:32px!important;height:32px!important;flex:0 0 32px}
}
@media(max-width:340px){body.v2 .v2-logo #brandName{display:none!important}}
/* hero media: one fixed layout on every device */
body.v2 .v2-hero{display:block!important}
body.v2 .v2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;padding-bottom:26px}
body.v2 .v2-hero-in{padding:26px 0 0!important;min-width:0;max-width:none}
body.v2 .hm{position:relative;width:100%;max-width:720px;margin:0 auto;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#d9f4fa,#e6e1fd);box-shadow:0 18px 40px rgba(40,50,110,.18);isolation:isolate}
body.v2 .v2-hero[data-hsize=s] .hm{aspect-ratio:21/9}
body.v2 .v2-hero[data-hsize=l] .hm{aspect-ratio:4/3}
body.v2 .hm-stage{position:absolute;inset:0}
body.v2 .hm-s{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}
body.v2 .hm-s.on{opacity:1;pointer-events:auto}
body.v2 .hm-s img,body.v2 .hm-s video,body.v2 .hm-s iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
body.v2 .hm-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:2}
body.v2 .hm-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer}
body.v2 .hm-dots button.on{background:#fff;width:22px;border-radius:6px}
body.v2 .v2-hero.hm-off .hm{display:none}
@media(min-width:1001px){
  body.v2 .v2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:36px;padding-bottom:34px}
  body.v2 .v2-hero[data-hsize=s] .v2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
  body.v2 .v2-hero[data-hsize=l] .v2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  body.v2 .v2-hero[data-hsize=s] .hm{aspect-ratio:16/10}
  body.v2 .v2-hero-in{padding:40px 0 0!important;align-self:start}
  body.v2 .hm{max-width:none;margin:0}
  body.v2 .v2-hero.hm-off .v2-hero-grid{grid-template-columns:minmax(0,1fr)}
}
body.v2 .v2-hero-in{order:1}body.v2 .hm{order:2}
@media(min-width:1001px){body.v2 .hm{order:0}body.v2 .v2-hero-in{order:0}}
/* money tools */
body.v2 .mt-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:10px}
body.v2 .mt-rates .mt-rate:last-child:nth-child(3n+1){grid-column:1/-1}
body.v2 .mt-rates .mt-rate:last-child:nth-child(3n+2){grid-column:span 2}
body.v2 .mt-rate.stale{border-style:dashed;border-color:#f59e0b}
body.v2 .mt-meta{margin-bottom:14px;display:grid;gap:3px}
body.v2 .mt-src{font-size:.7rem;line-height:1.45;color:var(--v-sub)}
body.v2 .mt-src b{color:var(--v-text)}
body.v2 .mt-src .warn{color:#b45309;font-weight:700}
body.v2 .mt-src a{color:inherit}
body.v2 .mt-rate{background:var(--v-card);border:1px solid var(--v-line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--v-shadow)}
body.v2 .mt-rate span{font-size:.74rem;font-weight:600;color:var(--v-sub)}
body.v2 .mt-rate b{font-size:1.2rem;font-weight:800;color:var(--v-text)}
body.v2 .mt-rate b small{font-size:.66rem;font-weight:600;color:var(--v-sub);margin-left:3px}
body.v2 .mt-rate em{font-style:normal;font-size:.74rem;font-weight:700}
body.v2 .mt-rate em.up{color:#16a34a}body.v2 .mt-rate em.dn{color:#dc2626}
body.v2 .mt-card{background:var(--v-card);border:1px solid var(--v-line);border-radius:18px;box-shadow:var(--v-shadow);overflow:hidden}
body.v2 .mt-tabs{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--v-line);overflow-x:auto;scrollbar-width:none}
body.v2 .mt-tabs button{flex:0 0 auto;border:1px solid var(--v-line);background:var(--v-card);color:var(--v-text);border-radius:999px;padding:8px 18px;font-weight:700;font-size:.82rem;cursor:pointer}
body.v2 .mt-tabs button.on{background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2));color:#fff;border-color:transparent}
body.v2 .mt-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;padding:18px}
body.v2 .mt-f{display:grid;grid-template-columns:1fr 130px;gap:6px 10px;align-items:center;margin-bottom:14px}
body.v2 .mt-f span{font-size:.8rem;font-weight:600;color:var(--v-text)}
body.v2 .mt-f .mt-n{height:38px;border:1px solid var(--border2);border-radius:10px;padding:0 10px;background:var(--v-card);color:var(--v-text);font-weight:700;width:100%;font-size:16px}
body.v2 .mt-f .mt-r{grid-column:1/-1;width:100%;accent-color:var(--tz-purple)}
body.v2 .mt-out{background:linear-gradient(135deg,rgba(10,180,214,.1),rgba(124,92,240,.12));border-radius:14px;padding:18px;align-self:start}
body.v2 .mt-big span{display:block;font-size:.78rem;font-weight:600;color:var(--v-sub)}
body.v2 .mt-big b{font-size:1.8rem;font-weight:800;color:var(--v-text)}
body.v2 .mt-bar{height:8px;border-radius:6px;background:rgba(124,92,240,.35);margin:12px 0;overflow:hidden}
body.v2 .mt-bar i{display:block;height:100%;background:var(--tz-cyan)}
body.v2 .mt-row{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;padding:5px 0;color:var(--v-text)}
body.v2 .mt-row span{color:var(--v-sub)}
body.v2 .mt-loans{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:16px}
body.v2 .mt-loan{border:1px solid var(--v-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
body.v2 .mt-loan>div:first-child b{display:block;font-size:.98rem;color:var(--v-text)}
body.v2 .mt-loan>div:first-child span{font-size:.76rem;color:var(--v-sub)}
body.v2 .mt-lr b{font-size:1.35rem;font-weight:800;color:var(--tz-purple)}body.v2 .mt-lr small{margin-left:5px;color:var(--v-sub);font-size:.7rem}
body.v2 .mt-ln{font-size:.76rem;color:var(--v-sub);line-height:1.5}
body.v2 .mt-apply{margin-top:auto;text-align:center;text-decoration:none;color:#fff;font-weight:700;font-size:.8rem;padding:9px;border-radius:10px;background:linear-gradient(135deg,var(--tz-p1),var(--tz-p2))}
body.v2 .mt-note{margin:10px 2px 0;font-size:.7rem;color:var(--v-sub)}
@media(max-width:700px){body.v2 .mt-grid{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}body.v2 .mt-f{grid-template-columns:1fr 112px}body.v2 .mt-rates{grid-template-columns:repeat(2,minmax(0,1fr))}body.v2 .mt-rates .mt-rate:last-child:nth-child(3n+1),body.v2 .mt-rates .mt-rate:last-child:nth-child(3n+2){grid-column:auto}body.v2 .mt-rates .mt-rate:last-child:nth-child(odd){grid-column:1/-1}}
/* category image icon */
body.v2 #categoryTiles .tile-icon.has-img{background:transparent!important;overflow:hidden;padding:0}
body.v2 .tile-icon.has-img img,body.v2 .popular-chip img{width:100%;height:100%;object-fit:cover;display:block}
body.v2 .popular-chip img{width:16px;height:16px;border-radius:50%;display:inline-block;vertical-align:-3px;margin-right:4px}
body.v2 .v2-pc-img img{width:100%;height:100%;object-fit:cover}
/* slim bottom bar */
@media(max-width:1000px){
  body.v2 .bhim-tabbar{left:0!important;right:0!important;bottom:0!important;max-width:none!important;margin:0!important;border-radius:0!important;border:0!important;border-top:1px solid var(--v-line)!important;padding:0 8px env(safe-area-inset-bottom)!important;background:var(--v-card)!important;box-shadow:0 -4px 14px rgba(15,35,71,.08)!important}
  body.v2 .bhim-tab{padding:6px 2px 4px!important;gap:2px!important;font-size:.58rem!important;min-height:48px;border-radius:10px!important;background:transparent!important}
  body.v2 .bhim-tab i{font-size:1rem!important}
  body.v2 .bhim-tab.active{color:var(--tz-purple)!important}
  body.v2 .bhim-tab-scan{top:-8px!important}
  body.v2 .bhim-tab-scan .bhim-tab-circle{width:40px!important;height:40px!important;font-size:.95rem!important}
  body.v2{padding-bottom:0!important}
  body.v2 .app{padding-bottom:0!important}
  body.v2 .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}

#tzSug{position:absolute;left:0;right:0;z-index:80;background:var(--v-card,#fff);border:1px solid var(--v-line,#e3ebf3);border-radius:14px;box-shadow:0 18px 40px rgba(15,35,71,.18);padding:6px;max-height:340px;overflow:auto;text-align:left}
#tzSug .sg-h{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--v-sub,#5b6b86);padding:8px 10px 4px}
#tzSug button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:9px 10px;border-radius:10px;color:var(--v-text,#0f2347);font-size:.86rem;font-weight:600;cursor:pointer;text-align:left}
#tzSug button:hover{background:rgba(124,92,240,.1)}
#tzSug button i{width:18px;text-align:center;color:var(--tz-purple,#7c5cf0)}
#tzSug button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tzSug button em{font-style:normal;font-size:.72rem;color:var(--v-sub,#5b6b86)}
.meta-cat{color:var(--tz-purple,#7c5cf0)!important;font-weight:700}
body.v2 .v2-hero{overflow:visible!important;z-index:5}
@media(max-width:1000px){
  body.v2 .bhim-tab-scan{top:0!important}
  body.v2 .bhim-tab-scan .bhim-tab-circle{width:30px!important;height:30px!important;font-size:.85rem!important;box-shadow:0 4px 10px rgba(124,92,240,.35)!important}
  body.v2 .bhim-tabbar{padding-top:2px!important}
  body.v2 .bhim-tab{min-height:46px}
  body.v2 .v2-sec,body.v2 #prosSection{scroll-margin-top:72px}
}