.clinics-page{background:#f7f3ea}.clinics-header{background:#fff;border-bottom:1px solid #e5ebe9}.clinics-header .active{color:var(--orange-dark);border-color:var(--orange)}
.clinics-hero{min-height:480px;padding:76px clamp(22px,6vw,92px);display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;background:var(--navy);color:#fff}.clinics-hero h1{margin:0;font-size:clamp(52px,7vw,88px);line-height:.95;letter-spacing:-.067em}.clinics-hero h1 em{color:#ff9d70;font-family:Georgia,serif;font-weight:400}.clinics-hero>div>p:last-child{max-width:620px;color:#bcd0d5;font-size:18px}.route-card{position:relative;min-height:270px;padding:40px;background:#fff;color:var(--ink);border-radius:14px 100px 14px 14px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.map-pin{width:52px;height:52px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:50% 50% 50% 10px;box-shadow:0 0 0 10px #fee9df}.route-line{height:65px;margin:9px 0 9px 25px;border-left:2px dashed #bdccca}.route-card small{display:block;color:var(--orange-dark);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.route-card strong{font-size:25px;line-height:1.15}.route-check{position:absolute;right:35px;bottom:35px;width:45px;height:45px;display:grid;place-items:center;background:var(--mint);color:#147550;border-radius:50%;font-size:22px;font-weight:900}
.finder-intro{padding:95px clamp(22px,6vw,92px) 45px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.finder-intro h2{margin:0;color:var(--navy);font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.055em}.finder-intro>p{max-width:580px;margin:0;color:var(--muted);font-size:17px}
.clinic-finder{padding:0 clamp(22px,6vw,92px) 100px}.filter-bar{padding:20px;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;background:#fff;border:1px solid #dbe4e1;border-radius:10px;box-shadow:0 10px 30px rgba(6,45,59,.07)}.filter-bar label{display:grid;gap:6px}.filter-bar label>span{color:#5f737a;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.filter-bar select,.filter-bar input{width:100%;height:50px;padding:0 15px;background:#f8faf8;color:var(--ink);border:1px solid #d9e2df;border-radius:6px;outline:none}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,106,46,.12)}.search-field{position:relative}.search-field b{position:absolute;right:15px;bottom:11px;color:var(--orange);font-size:21px}.filter-bar button{height:50px;padding:0 18px;background:transparent;color:var(--orange-dark);border:0;font-size:12px;font-weight:800;cursor:pointer}.result-meta{padding:26px 5px 15px;display:flex;align-items:center;justify-content:space-between}.result-meta p{margin:0;font-size:14px}.result-meta p strong{font-size:20px}.result-meta>span{color:#657a80;font-size:12px}.result-meta i,.clinic-name small i{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:6px;background:#dff1e9;color:#137451;border-radius:50%;font-style:normal;font-weight:900}
.clinic-table{overflow:hidden;background:#fff;border:1px solid #dbe4e1;border-radius:10px}.table-head,.clinic-row{display:grid;grid-template-columns:1.55fr .85fr 1.15fr .65fr;gap:20px}.table-head{padding:14px 24px;background:#eef3f0;color:#6f8186;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.clinic-row{padding:24px;align-items:center;border-top:1px solid #e1e8e6}.clinic-name{display:flex;gap:13px;align-items:center}.clinic-number{color:#a0b0b2;font-family:Georgia,serif;font-style:italic}.clinic-name h3{margin:0;color:var(--navy);font-size:15px}.clinic-name small{color:#16734f;font-size:10px;font-weight:800}.cell p{margin:0;color:#324f59;font-size:13px}.cell small{color:#168057;font-size:10px}.services{display:flex;gap:5px;flex-wrap:wrap}.services>span{padding:4px 8px;background:#f1f5f3;color:#50676f;border-radius:999px;font-size:9px}.contact-cell{display:grid;gap:4px}.contact-cell a{color:var(--orange-dark);font-size:12px;font-weight:850}.contact-cell small{color:#829195;font-size:9px}.mobile-label{display:none}.empty-state{padding:70px;text-align:center}.empty-state strong{font-size:22px}.empty-state p{color:var(--muted)}.directory-note{margin:14px 0 0;color:#7c8d91;font-size:10px}
.clinic-help{padding:65px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:50px;background:#e5f1ec}.clinic-help>div{display:flex;align-items:center;gap:25px}.clinic-help>div>span{width:64px;height:64px;display:grid;place-items:center;flex:none;background:#fff;color:var(--orange);border-radius:50%;font-family:Georgia,serif;font-size:34px}.clinic-help h2{margin:0;color:var(--navy);font-size:28px;letter-spacing:-.035em}.clinic-help p{max-width:680px;margin:5px 0 0;color:#567078;font-size:13px}.clinic-help .orange-button{background:var(--orange);color:#fff}
@media(max-width:900px){.clinics-hero{grid-template-columns:1fr}.route-card{max-width:560px}.finder-intro{grid-template-columns:1fr;gap:20px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar button{grid-column:1/-1}.table-head{display:none}.clinic-row{grid-template-columns:1fr 1fr}.mobile-label{display:block;margin-bottom:5px;color:#839397;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.contact-cell{align-items:start}.clinic-help{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.clinics-hero{padding:65px 20px;gap:45px}.route-card{border-radius:12px 80px 12px 12px}.finder-intro{padding:70px 20px 35px}.clinic-finder{padding:0 14px 70px}.filter-bar{grid-template-columns:1fr}.clinic-row{grid-template-columns:1fr;padding:22px}.clinic-help{padding:55px 20px}.clinic-help>div{align-items:flex-start}.clinic-help>div>span{width:48px;height:48px}}

/* Guided care map hero */
.clinics-hero { min-height:760px; padding:70px clamp(28px,6vw,96px) 86px; grid-template-columns:minmax(390px,.8fr) minmax(620px,1.2fr); gap:clamp(55px,7vw,115px); background:linear-gradient(140deg,#042b39 0 52%,#073e4d 52% 100%); overflow:hidden; }
.clinics-hero::after { content:"CARE WITH A CLEAR NEXT STEP"; position:absolute; left:32px; bottom:22px; color:rgba(255,255,255,.18); font-size:9px; font-weight:900; letter-spacing:.28em; }
.clinic-hero-copy { position:relative; z-index:3; }
.clinics-hero h1 { max-width:700px; font-size:clamp(61px,6.5vw,96px); line-height:.89; }
.clinics-hero h1 em { display:block; padding-top:8px; }
.clinics-hero .clinic-hero-copy>p:not(.eyebrow) { max-width:610px; margin:27px 0 0; color:#b8d0d6; font-size:17px; line-height:1.65; }
.clinic-hero-actions { margin-top:32px; display:flex; align-items:center; gap:24px; }
.clinic-hero-actions>a:last-child { display:inline-flex; gap:17px; color:white; border-bottom:1px solid rgba(255,255,255,.55); font-size:12px; font-weight:850; }
.care-promise { margin-top:43px; display:flex; gap:13px; align-items:center; }
.care-promise>span { width:38px; height:38px; display:grid; place-items:center; flex:none; background:#dff1e9; color:#137451; border-radius:50%; font-weight:900; }
.care-promise p { margin:0!important; color:#91adb4!important; font-size:11px!important; line-height:1.45!important; }.care-promise strong{color:white}
.care-map { position:relative; min-height:570px; z-index:2; overflow:hidden; background:#f7f3ea; color:var(--navy); border:1px solid rgba(255,255,255,.28); border-radius:70px 18px 70px 18px; box-shadow:0 38px 90px rgba(0,0,0,.25); }
.map-grid { position:absolute; inset:0; opacity:.48; background-image:linear-gradient(rgba(6,45,59,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(6,45,59,.08) 1px,transparent 1px); background-size:38px 38px; transform:perspective(600px) rotateX(8deg) scale(1.08); }
.care-map::before,.care-map::after { content:""; position:absolute; height:115%; width:70px; top:-10%; background:#fff; border:1px solid #d9e2de; border-radius:40px; transform:rotate(32deg); }
.care-map::before{left:40%}.care-map::after{right:4%;transform:rotate(-48deg)}
.symptom-bubble { position:absolute; left:28px; top:28px; z-index:4; padding:12px 16px; display:flex; align-items:center; gap:12px; background:var(--navy); color:white; border-radius:10px; box-shadow:0 15px 35px rgba(6,45,59,.22); }
.symptom-bubble>span { width:27px;height:27px;display:grid;place-items:center;background:var(--orange);border-radius:50%;font-size:9px;font-weight:900}.symptom-bubble div{display:grid}.symptom-bubble small{color:#8fb0b8;font-size:8px;letter-spacing:.1em}.symptom-bubble strong{font-size:12px}
.route-path { position:absolute; z-index:3; left:22%; top:30%; width:52%; height:43%; border-left:4px dotted var(--orange); border-bottom:4px dotted var(--orange); border-radius:0 0 0 90px; transform:rotate(-8deg); }
.route-path i { position:absolute; width:8px; height:8px; background:var(--orange); border-radius:50%; box-shadow:0 0 0 5px rgba(242,106,46,.15); animation:routeBlink 2s ease-in-out infinite; }.route-path i:nth-child(1){left:-6px;top:10%}.route-path i:nth-child(2){left:-6px;top:55%;animation-delay:.4s}.route-path i:nth-child(3){left:20%;bottom:-6px;animation-delay:.8s}.route-path i:nth-child(4){right:5%;bottom:-6px;animation-delay:1.2s}
.care-pin { position:absolute; z-index:5; display:grid; justify-items:center; gap:5px; }.care-pin b{width:54px;height:54px;display:grid;place-items:center;background:white;border-radius:50% 50% 50% 14px;box-shadow:0 12px 25px rgba(6,45,59,.22);font-size:22px}.care-pin small{padding:3px 8px;background:var(--navy);color:white;border-radius:99px;font-size:8px;font-weight:850}.start-pin{left:15%;top:25%}.start-pin b{color:var(--orange);border:8px solid #ffe4d8}.clinic-pin{right:18%;bottom:33%}.clinic-pin b{background:var(--orange);color:white;border:8px solid #ffd7c4}
.clinic-destination { position:absolute; right:25px; top:35px; z-index:5; width:285px; padding:19px; background:#fff; border:1px solid #dce4e1; border-radius:12px; box-shadow:0 15px 35px rgba(6,45,59,.16); }
.destination-head { display:flex;align-items:center;gap:7px}.destination-head span{width:23px;height:23px;display:grid;place-items:center;background:var(--mint);color:#177852;border-radius:50%;font-size:11px;font-weight:900}.destination-head small{color:#167451;font-size:8px;font-weight:900;letter-spacing:.1em}.clinic-destination h3{margin:13px 0 5px;font-size:17px;line-height:1.1}.clinic-destination>p{margin:0;color:#75858a;font-size:9px}.clinic-destination>div:last-child{margin-top:14px;padding-top:11px;display:flex;justify-content:space-between;border-top:1px solid #e1e8e5;font-size:9px}.clinic-destination>div:last-child strong{color:#168057}
.map-caption { position:absolute; left:25px; bottom:25px; z-index:5; max-width:290px; padding:14px; display:flex;gap:11px;background:rgba(255,255,255,.94);border-radius:9px;box-shadow:0 12px 25px rgba(6,45,59,.12)}.map-caption span{color:var(--orange);font:italic 16px Georgia,serif}.map-caption p{margin:0;color:#566e76;font-size:10px;line-height:1.45}
@keyframes routeBlink{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:1100px){.clinics-hero{grid-template-columns:1fr}.clinic-hero-copy{max-width:760px}.care-map{width:100%;max-width:780px}}
@media(max-width:650px){.clinics-hero{padding:55px 16px 70px}.clinics-hero h1{font-size:58px}.clinic-hero-actions{align-items:flex-start;flex-direction:column}.care-map{min-height:590px;border-radius:36px 10px}.clinic-destination{right:14px;top:105px;width:245px}.symptom-bubble{left:14px;top:18px}.map-caption{left:14px;right:14px;max-width:none}.route-path{left:18%;top:38%}}

/* Uganda clinic coverage map */
.uganda-map { background:radial-gradient(circle at 45% 45%,#fff 0,#f7f3ea 58%,#e9eee8 100%); }
.uganda-map::before,.uganda-map::after { display:none; }
.uganda-map .map-grid { opacity:.3; }
.uganda-silhouette { position:absolute; z-index:2; left:8%; top:5%; width:59%; height:88%; overflow:visible; filter:drop-shadow(0 24px 30px rgba(6,45,59,.2)); }
.coverage-rings { position:absolute; z-index:1; left:40%; top:66%; width:40px; height:40px; }
.coverage-rings i { position:absolute; inset:0; border:2px solid rgba(242,106,46,.45); border-radius:50%; animation:coveragePulse 3s ease-out infinite; }.coverage-rings i:nth-child(2){animation-delay:1s}.coverage-rings i:nth-child(3){animation-delay:2s}
.uganda-pin { position:absolute; z-index:4; display:flex;align-items:center;gap:6px;color:white;font-size:8px;font-weight:850;text-shadow:0 1px 2px rgba(0,0,0,.4); }.uganda-pin b{width:13px;height:13px;background:var(--orange);border:3px solid white;border-radius:50%;box-shadow:0 0 0 5px rgba(242,106,46,.2);animation:mapPinPulse 2.2s ease-in-out infinite}.pin-gulu{left:38%;top:30%}.pin-kampala{left:41%;top:66%}.pin-jinja{left:47%;top:64%}.pin-mbarara{left:20%;top:80%}
.clinic-destination { right:18px; top:27px; width:270px; }
.map-caption { left:auto; right:18px; bottom:22px; max-width:280px; }
@keyframes coveragePulse{0%{opacity:.7;transform:scale(.5)}100%{opacity:0;transform:scale(8)}}
@keyframes mapPinPulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.15)}}
@media(max-width:650px){.uganda-silhouette{left:1%;top:10%;width:76%;height:78%}.clinic-destination{top:20px;right:10px;width:220px}.uganda-pin span{display:none}.pin-gulu{left:39%;top:32%}.pin-kampala{left:43%;top:64%}.pin-jinja{left:51%;top:62%}.pin-mbarara{left:16%;top:77%}.map-caption{right:10px;left:10px;bottom:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.coverage-rings i,.uganda-pin b{animation:none!important}}