/* NILA Connect v21.26 Mobile, Category and Map Recovery
   Fixes v21.25 functional regressions while keeping the preferred v21.24 3D marketplace direction.
*/
:root{
  --nila26-green:#075f3c;
  --nila26-green-2:#0f7a53;
  --nila26-blue:#176fc2;
  --nila26-blue-soft:#e7f2ff;
  --nila26-gold:#f1b83f;
  --nila26-cream:#fff8ed;
  --nila26-paper:#fffdf8;
  --nila26-ink:#071b31;
  --nila26-muted:#5f7184;
  --nila26-line:rgba(7,27,49,.10);
}
/* Prevent old visual layers from flashing the wrong images before v21.26 has settled. */
html:not(.nila-v26-ready) .v21-hero-visual img.cover,
html:not(.nila-v26-ready) .v19-discover img.cover,
html:not(.nila-v26-ready) .v21-cat-grid img,
html:not(.nila-v26-ready) .v24-cat-card img,
html:not(.nila-v26-ready) .v25-cat-card img{opacity:0!important;}
html.nila-v26-ready .v21-hero-visual img.cover,
html.nila-v26-ready .v19-discover img.cover,
html.nila-v26-ready .v21-cat-grid img,
html.nila-v26-ready .v24-cat-card img,
html.nila-v26-ready .v25-cat-card img{opacity:1!important;transition:opacity .18s ease!important;}
html,body{background:linear-gradient(180deg,#fffdf8 0%,#fff8ed 46%,#fffdf8 100%)!important;color:var(--nila26-ink)!important;}
/* Homepage hero marketplace look */
.v21-hero,.v19-hero{padding-top:26px!important;padding-bottom:4px!important;background:linear-gradient(180deg,#fffdf8,#fff7e9)!important;}
.v21-hero .wrap,.v19-hero .container{max-width:1380px!important;}
.v21-hero-grid,.v19-hero-grid{grid-template-columns:.86fr 1.14fr!important;gap:26px!important;align-items:center!important;}
.v21-h1,.v19-h1{font-family:Fraunces,Georgia,serif!important;font-size:clamp(44px,5.7vw,78px)!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--nila26-ink)!important;margin:14px 0 12px!important;}
.v21-h1 em,.v19-h1 em{color:var(--nila26-green)!important;background:none!important;text-shadow:none!important;}
.v21-h1 em::after,.v19-h1 em::after{content:".";color:var(--nila26-gold);font-style:normal;}
.v21-sub,.v19-sub{color:#263d50!important;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.42!important;max-width:45ch!important;}
.v21-search,.v19-search{background:rgba(255,255,255,.96)!important;border:1px solid rgba(7,27,49,.10)!important;border-radius:20px!important;box-shadow:0 24px 65px -44px rgba(7,27,49,.45)!important;max-width:660px!important;}
.v21-field,.hs-field{background:#fff!important;border:1px solid rgba(7,27,49,.09)!important;border-radius:15px!important;}
.v21-field:focus-within,.hs-field:focus-within{border-color:rgba(23,111,194,.45)!important;box-shadow:0 0 0 4px rgba(23,111,194,.10)!important;}
.v21-go,.hs-submit,.btn-primary,.btn-gold{background:linear-gradient(135deg,var(--nila26-green),#053e2b)!important;color:#fff!important;border:0!important;}
.v26-use-location{display:inline-flex!important;align-items:center;gap:8px;margin-top:12px;border:1px solid rgba(7,95,60,.20);background:#fff;color:var(--nila26-green);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;box-shadow:0 14px 36px -30px rgba(7,27,49,.34);}
.v21-hero-visual,.v19-discover{min-height:455px!important;border-radius:34px!important;background:linear-gradient(135deg,#e8f3ff 0%,#fff8e9 68%,#fffdf8 100%)!important;border:1px solid rgba(7,27,49,.08)!important;box-shadow:0 26px 90px -58px rgba(7,27,49,.52)!important;overflow:hidden!important;position:relative!important;}
.v21-hero-visual img.cover,.v19-discover img.cover,.v26-hero-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:none!important;background:transparent!important;display:block!important;}
.v19-discover .v19-cats,.v19-discover #heroCats,.v19-discover .v19-discover-map{display:none!important;}
.v19-discover-head{position:absolute!important;z-index:3!important;left:18px!important;top:18px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(7,27,49,.08)!important;border-radius:18px!important;padding:12px 14px!important;box-shadow:0 18px 48px -38px rgba(7,27,49,.42)!important;}
.v19-discover-head b{color:var(--nila26-green)!important;}
.v19-discover-foot{position:absolute!important;z-index:3!important;left:18px!important;bottom:18px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(7,27,49,.08)!important;border-radius:999px!important;padding:9px 13px!important;color:var(--nila26-ink)!important;font-weight:900!important;}
/* Keep Browse all categories close to hero */
.v21-hero + .v21-section,.v19-hero + .v21-section,.v21-hero + section,.v19-hero + section{padding-top:18px!important;margin-top:0!important;}
.v21-section{padding-top:30px!important;padding-bottom:36px!important;}
.v21-section-head{margin-bottom:14px!important;}
/* Neat category cards */
.v21-cat-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
.v21-cat,.v24-cat-card,.v25-cat-card,.v26-cat-card{border-radius:20px!important;background:#fff!important;border:1px solid rgba(7,27,49,.08)!important;box-shadow:0 22px 56px -45px rgba(7,27,49,.34)!important;text-decoration:none!important;color:var(--nila26-ink)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:190px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.v21-cat:hover,.v24-cat-card:hover,.v25-cat-card:hover,.v26-cat-card:hover{transform:translateY(-3px)!important;border-color:rgba(23,111,194,.22)!important;box-shadow:0 32px 76px -50px rgba(7,27,49,.45)!important;}
.v21-cat .ph,.v24-cat-card .ph,.v25-cat-card .ph,.v26-cat-card .ph{height:132px!important;min-height:132px!important;background:linear-gradient(145deg,#fff8ed,#eef6ff)!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-bottom:1px solid rgba(7,27,49,.055)!important;position:relative!important;}
.v21-cat .ph img,.v24-cat-card .ph img,.v25-cat-card .ph img,.v26-cat-card .ph img{width:100%!important;height:100%!important;max-width:96%!important;max-height:96%!important;object-fit:contain!important;padding:4px!important;transform:none!important;position:relative!important;z-index:1!important;}
.v24-cat-card .v24-cat-icon,.v25-corner-icon,.v24-cat-icon{display:none!important;}
.v21-cat .meta,.v24-cat-card .meta,.v25-cat-card .meta,.v26-cat-card .meta{padding:12px 13px 14px!important;min-height:70px!important;display:flex!important;flex-direction:column!important;}
.v21-cat h3,.v24-cat-card h3,.v25-cat-card h3,.v26-cat-card h3{font-size:15px!important;line-height:1.1!important;margin:0!important;color:var(--nila26-ink)!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v21-cat p,.v24-cat-card p,.v25-cat-card p,.v26-cat-card p{font-size:11.5px!important;line-height:1.28!important;color:var(--nila26-muted)!important;margin:5px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.v21-cat .more,.v24-cat-card .more,.v25-cat-card .more{display:none!important;}
/* Directory category page and map recovery */
.v26-category-hero{margin:16px 0 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(7,27,49,.08)!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#eef6ff 62%,#fff8ed)!important;box-shadow:0 22px 70px -56px rgba(7,27,49,.45)!important;overflow:hidden!important;padding:18px 18px 18px 22px!important;}
.v26-category-hero h2{font-family:Fraunces,Georgia,serif!important;font-size:clamp(28px,3.3vw,46px)!important;line-height:1!important;margin:8px 0!important;color:var(--nila26-ink)!important;letter-spacing:-.04em!important;}
.v26-category-hero p{margin:0!important;color:#33475b!important;line-height:1.45!important;font-size:15px!important;max-width:62ch!important;}
.v26-category-hero .kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(7,95,60,.08)!important;color:var(--nila26-green)!important;font-weight:900!important;font-size:12px!important;border:1px solid rgba(7,95,60,.12)!important;}
.v26-category-hero .visual{height:176px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff8ed,#edf7ff)!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:1px solid rgba(7,27,49,.07)!important;}
.v26-category-hero .visual img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;transform:none!important;}
.v26-category-hero .actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important;}
.v26-category-hero .actions a,.v26-category-hero .actions button{border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;border:1px solid rgba(7,27,49,.10)!important;background:#fff!important;color:var(--nila26-ink)!important;}
.v26-category-hero .actions .primary{background:linear-gradient(135deg,var(--nila26-green),var(--nila26-blue))!important;color:#fff!important;border:0!important;}
.v26-related{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important;}
.v26-related a{font-size:12.5px!important;font-weight:800!important;text-decoration:none!important;color:#0b4f82!important;background:#fff!important;border:1px solid rgba(23,111,194,.13)!important;border-radius:999px!important;padding:7px 10px!important;}
.v19-dir-body,.v21-dir-body,.dir-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,440px)!important;gap:22px!important;align-items:start!important;}
#dirMapCard,.v19-dir-map-wrap,.v21-dir-map,.dir-map-card{display:flex!important;visibility:visible!important;opacity:1!important;min-height:460px!important;position:sticky!important;top:92px!important;border-radius:26px!important;border:1px solid rgba(7,27,49,.10)!important;background:#f2f7ff!important;box-shadow:0 24px 70px -52px rgba(7,27,49,.42)!important;overflow:hidden!important;}
#dirMap{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:360px!important;flex:1!important;background:#e7f2ff!important;}
#dirGrid{display:grid!important;visibility:visible!important;opacity:1!important;}
#dirSearch,#dirLoc{display:block!important;visibility:visible!important;opacity:1!important;}
#dirPlan,.map-mode-bar,[data-map-source-toggle]{display:none!important;visibility:hidden!important;}
.v19-cat-rail,.v21-cat-rail{display:block!important;overflow-x:auto!important;background:rgba(255,253,248,.94)!important;border-top:1px solid rgba(7,27,49,.06)!important;border-bottom:1px solid rgba(7,27,49,.08)!important;}
.v19-cat-rail-inner,.v21-cat-rail .wrap,#dirCatPills{display:flex!important;gap:8px!important;align-items:center!important;white-space:nowrap!important;}
.dir-cat,.v19-cat-pill,.chip{cursor:pointer!important;user-select:none!important;}
/* Provider profile banner fallback and upload direction */
.v26-provider-banner{margin:0 auto 18px;max-width:1180px;border-radius:28px;background:linear-gradient(135deg,#fff,#eef6ff 62%,#fff8ed);border:1px solid rgba(7,27,49,.08);box-shadow:0 22px 70px -56px rgba(7,27,49,.45);display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:center;padding:18px 20px;}
.v26-provider-banner h2{font-family:Fraunces,Georgia,serif;margin:0 0 6px;color:var(--nila26-ink);font-size:clamp(26px,3vw,42px);line-height:1;}
.v26-provider-banner p{margin:0;color:var(--nila26-muted);font-size:14px;line-height:1.45;}
.v26-provider-banner .visual{height:168px;border-radius:22px;overflow:hidden;background:#fff8ed;display:grid;place-items:center;}
.v26-provider-banner .visual img{width:100%;height:100%;object-fit:contain;padding:6px;}
.v26-upload-card{margin:0 0 18px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid rgba(23,111,194,.14);box-shadow:0 18px 50px -42px rgba(7,27,49,.35);display:flex;justify-content:space-between;gap:16px;align-items:center;}
.v26-upload-card h3{margin:0 0 4px;color:var(--nila26-ink);font-size:18px;}
.v26-upload-card p{margin:0;color:var(--nila26-muted);font-size:13px;line-height:1.4;}
.v26-upload-card a{white-space:nowrap;padding:10px 13px;border-radius:999px;background:var(--nila26-green);color:#fff;text-decoration:none;font-weight:800;font-size:13px;}
@media(max-width:1080px){
  .v21-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .v21-hero-grid,.v19-hero-grid{grid-template-columns:1fr!important;}
  .v21-hero-visual,.v19-discover{min-height:360px!important;}
  .v19-dir-body,.v21-dir-body,.dir-layout{grid-template-columns:1fr!important;}
  #dirMapCard,.v19-dir-map-wrap,.v21-dir-map,.dir-map-card{position:relative!important;top:auto!important;min-height:420px!important;}
}
@media(max-width:720px){
  .v21-search,.v19-search{grid-template-columns:1fr!important;}
  .v21-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .v21-cat .ph,.v24-cat-card .ph,.v25-cat-card .ph,.v26-cat-card .ph{height:112px!important;min-height:112px!important;}
  .v21-hero,.v19-hero{padding-top:18px!important;}
  .v21-hero-visual,.v19-discover{min-height:270px!important;border-radius:24px!important;}
  .v26-category-hero{grid-template-columns:1fr!important;padding:16px!important;border-radius:22px!important;}
  .v26-category-hero .visual{height:150px!important;order:-1!important;}
  .v26-provider-banner{grid-template-columns:1fr;padding:16px;border-radius:22px;}
  #dirMap{min-height:320px!important;}
}
@media(max-width:470px){
  .v21-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v21-cat,.v24-cat-card,.v25-cat-card,.v26-cat-card{min-height:176px!important;}
  .v21-cat .ph,.v24-cat-card .ph,.v25-cat-card .ph,.v26-cat-card .ph{height:108px!important;min-height:108px!important;}
  .v26-upload-card{display:block;}
  .v26-upload-card a{display:inline-flex;margin-top:12px;}
}