/* Health detail pages: IV drip hub, drip cards, safety and licensing modules. Uses site.css tokens. */
.drip-intro .lead{font-size:clamp(18px,2.1vw,21px);line-height:1.6;color:var(--ink-2);max-width:68ch}
.drip-intro .drip-flag{margin-bottom:14px}
.drip-flag{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 11px;border-radius:999px;font:600 12px/1.3 var(--sans);letter-spacing:.04em;background:var(--blue-wash);color:var(--blue-ink);border:1px solid color-mix(in srgb,var(--t-health) 30%,transparent)}
.drip-flag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.drip-flag-rx{background:#8b1a1a;color:#fff;border-color:#8b1a1a}
.drip-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.drip-list li{position:relative;padding:16px 18px 16px 46px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);line-height:1.55}
html[dir=rtl] .drip-list li{padding:16px 46px 16px 18px}
.drip-list li::before{content:"";position:absolute;inset-inline-start:18px;top:22px;width:14px;height:8px;background:var(--t-health);-webkit-mask:url(/assets/blob.svg) center/100% 100%;mask:url(/assets/blob.svg) center/100% 100%}
.drip-caution{border-inline-start:3px solid var(--t-health);padding-inline-start:20px}
.drip-caution .answer-list li::marker{color:var(--t-health)}

/* Cards */
.drip-card{min-height:150px;gap:8px}
.drip-card .drip-goal{font:600 11.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}
html[dir=rtl] .drip-card .drip-goal{letter-spacing:0}
.drip-card .drip-flag{margin-top:auto}
.drip-card:hover{background:linear-gradient(160deg,var(--card) 55%,var(--blue-wash))}
.drip-strip-grid .drip-card{min-height:118px}

/* Hub filter: CSS-only radios so filtering works without JavaScript. */
.drip-filter{border:0;padding:0;margin:4px 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.drip-filter legend{font:600 13px/1.4 var(--sans);color:var(--muted);margin-bottom:10px;padding:0;width:100%}
.drip-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.drip-filter label{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--line-2);border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;background:var(--card);transition:background .25s,color .25s,border-color .25s,transform .35s var(--spring)}
.drip-filter label:hover{border-color:var(--ink);transform:translateY(-2px)}
.drip-radio:focus-visible+label{outline:3px solid var(--t-health);outline-offset:3px}
.drip-radio:checked+label{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.drip-hub .drip-card{animation:dripIn .5s var(--ease) both}
.drip-hub:has(#dg-hydration:checked) .drip-card:not([data-goal=hydration]),
.drip-hub:has(#dg-energy:checked) .drip-card:not([data-goal=energy]),
.drip-hub:has(#dg-immunity:checked) .drip-card:not([data-goal=immunity]),
.drip-hub:has(#dg-beauty:checked) .drip-card:not([data-goal=beauty]),
.drip-hub:has(#dg-recovery:checked) .drip-card:not([data-goal=recovery]),
.drip-hub:has(#dg-wellness:checked) .drip-card:not([data-goal=wellness]){display:none}
@keyframes dripIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.drip-hub .drip-card{animation:none}}

/* Safety, licensing, booking */
.health-safety{background:#fff5f4;border:1px solid #f3c9c5;border-radius:var(--r);padding:clamp(20px,3vw,32px)}
.health-emergency{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;padding:14px 16px;background:#fff;border-radius:var(--r-sm);border:1px solid #f3c9c5}
.health-emergency strong{flex:none;font:700 15px/1.4 var(--display);color:#b3261e;white-space:nowrap}
.health-reg p{max-width:72ch}
.drip-book{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:clamp(22px,3.4vw,38px)}
.drip-book h2,.drip-book p{color:var(--paper)}
.drip-book .mod-badge{background:rgba(255,255,255,.12);color:var(--paper)}
.drip-book .button.primary{background:var(--paper);color:var(--ink);border-color:var(--paper);margin-top:8px;white-space:normal;text-align:center;min-height:54px;height:auto;padding:12px 24px}
.drip-book .button.primary .i-wa{color:#1f9d55}
.landmark-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.landmark-tags li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:14.5px}
@media (max-width:640px){
  .drip-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}
  .drip-filter::-webkit-scrollbar{display:none}
  .drip-filter label{white-space:nowrap;flex:none}
  .health-emergency{flex-direction:column;gap:4px}
}