/* Service areas page (extends style.css + sub.css) */
.area-map{height:560px;border-radius:20px;overflow:hidden;border:1px solid rgba(244,223,208,.9);background:#EFE7DD;z-index:0}
.area-map .leaflet-popup-content-wrapper{border-radius:14px;font-family:'Plus Jakarta Sans',sans-serif}
.area-map .leaflet-popup-content{margin:14px 16px;font-size:12px;line-height:1.6;color:#2C302E}
.area-pop-title{font-weight:800;font-size:14px;color:#1E1E1E}
.area-pop-tier{display:inline-block;margin:4px 0 6px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#C85A32}
.area-pop-cta{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;background:#C85A32;color:#fff!important;font-weight:700;font-size:11px;text-decoration:none}
.area-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:11px;font-weight:700;color:#6E6B68}
.area-legend-item{display:inline-flex;align-items:center;gap:6px}
.area-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(30,30,30,.25)}
.area-dot-hq{background:#C85A32;box-shadow:0 0 0 3px rgba(200,90,50,.3)}
.area-dot-pune{background:#E58A63}
.area-dot-maharashtra{background:#2C302E}
.area-dot-india{background:#6E8B74}
.area-dot-world{background:#4C6A92}
.area-filters{display:flex;flex-wrap:wrap;gap:8px}
.area-filter{padding:9px 16px;border-radius:999px;border:1px solid rgba(244,223,208,.9);background:#FAF0E6;color:#2C302E;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;cursor:pointer;transition:all .25s ease}
.area-filter:hover{border-color:#C85A32;transform:translateY(-2px)}
.area-filter.is-active{background:linear-gradient(135deg,#D96B43,#C85A32);color:#fff;border-color:#C85A32;box-shadow:0 8px 20px rgba(200,90,50,.2)}
.area-filter:focus-visible,.area-item:focus-visible{outline:3px solid rgba(200,90,50,.45);outline-offset:2px}
.area-panel{max-height:620px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.area-group{margin-bottom:18px}
.area-group-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#C85A32;margin-bottom:8px}
.area-count{margin-left:auto;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(200,90,50,.12);color:#A84522;font-size:11px}
.area-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}
.area-item{width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(244,223,208,.8);background:rgba(255,255,255,.7);cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s ease}
.area-item:hover,.area-item.is-active{border-color:#C85A32;background:#FAF0E6;transform:translateX(3px)}
.area-item-name{display:block;font-size:13px;font-weight:800;color:#1E1E1E}
.area-item-ctx{display:block;margin-top:2px;font-size:11px;line-height:1.5;color:#6E6B68}
.area-stat{padding:14px 8px;border-radius:16px;background:#FAF0E6;border:1px solid rgba(244,223,208,.9)}
.area-stat-num{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#C85A32}
.area-stat-lbl{margin-top:2px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6E6B68}
.area-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.area-card:hover{transform:translateY(-4px);border-color:#C85A32;box-shadow:0 18px 30px -12px rgba(200,90,50,.25)}
.area-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.area-svc{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#FAF0E6;border:1px solid rgba(244,223,208,.9);font-size:13px;font-weight:700;color:#1E1E1E;text-decoration:none;transition:all .25s ease}
.area-svc i{color:#C85A32;font-size:16px;width:20px;text-align:center}
.area-svc:hover{border-color:#C85A32;transform:translateY(-2px)}
.area-pin{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35)}
html[data-theme="dark"] .area-map{border-color:#49382D;background:#1C1917}
html[data-theme="dark"] .area-map .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9) saturate(.8)}
html[data-theme="dark"] .area-map .leaflet-popup-content-wrapper,html[data-theme="dark"] .area-map .leaflet-popup-tip{background:#26211D;color:#EAE0D7}
html[data-theme="dark"] .area-map .leaflet-popup-content{color:#D9CCC1}
html[data-theme="dark"] .area-pop-title{color:#F5EDE5}
html[data-theme="dark"] .area-pop-tier{color:#F08A60}
html[data-theme="dark"] .area-filter{background:#2C2520;color:#E8DCD1;border-color:#49382D}
html[data-theme="dark"] .area-filter.is-active{background:linear-gradient(135deg,#D96B43,#A84522);color:#fff}
html[data-theme="dark"] .area-item{background:#26211D;border-color:#49382D}
html[data-theme="dark"] .area-item:hover,html[data-theme="dark"] .area-item.is-active{background:#302720;border-color:#F08A60}
html[data-theme="dark"] .area-item-name{color:#F5EDE5}
html[data-theme="dark"] .area-item-ctx,html[data-theme="dark"] .area-legend{color:#B9A99C}
html[data-theme="dark"] .area-group-title{color:#F08A60}
html[data-theme="dark"] .area-count{background:#443027;color:#F4A17D}
html[data-theme="dark"] .area-stat,html[data-theme="dark"] .area-svc{background:#302720;border-color:#49382D}
html[data-theme="dark"] .area-svc{color:#F5EDE5}
html[data-theme="dark"] .area-svc i,html[data-theme="dark"] .area-stat-num{color:#F08A60}
html[data-theme="dark"] .area-stat-lbl{color:#B9A99C}
@media(max-width:767px){.area-map{height:420px}.area-panel{max-height:none}.area-filters{width:100%}.area-filter{flex:1 1 auto;text-align:center}}
@media(prefers-reduced-motion:reduce){.area-card,.area-item,.area-svc,.area-filter{transition:none}.area-card:hover,.area-item:hover,.area-filter:hover,.area-svc:hover{transform:none}}