.blood-page{padding:32px 0 68px;background:#f5f7fb}
.blood-intro{max-width:850px;margin:0 auto 26px;text-align:center}
.blood-intro h2,.blood-instructions h2,.blood-source h2{margin:0 0 8px;color:#203e65;font-size:clamp(23px,3vw,30px);line-height:1.2}
.blood-intro p,.blood-instructions p,.blood-source p{margin:0;color:#64748b}
.blood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.blood-card{padding:22px;background:#fff;border:1px solid #e3eaf3;border-radius:16px;box-shadow:0 8px 24px #18304b0a;min-width:0}
.blood-card h2{margin:0 0 4px;color:#203e65;font-size:20px;line-height:1.25}
.blood-provider{display:inline-flex;margin-bottom:12px;padding:4px 9px;border-radius:999px;background:#f7eaf2;color:#96316c;font-size:12px;font-weight:800}
.blood-address{margin:0 0 9px;color:#475569;font-weight:700}
.blood-hours{margin:0 0 14px;color:#64748b;font-size:14px}
.blood-card-actions{display:flex;gap:9px;flex-wrap:wrap}
.blood-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border-radius:9px;background:#3c68a2;color:#fff;font-weight:750;font-size:13px}
.blood-link:hover,.blood-link:focus-visible{background:#294e7e}
.blood-link.secondary{background:#f1e5f0;color:#86306b}
.blood-link.secondary:hover,.blood-link.secondary:focus-visible{background:#ead8e7}
.blood-note{margin:18px 0 0;padding:15px 17px;border-left:4px solid #b93a83;border-radius:10px;background:#fff;color:#596579;font-size:14px}
.blood-instructions{margin-top:30px;padding:25px;border-radius:18px;background:#fff;border:1px solid #e3eaf3}
.blood-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:19px}
.blood-step{padding:16px;border-radius:13px;background:#f5f7fb}
.blood-step strong{display:block;margin-bottom:5px;color:#203e65}
.blood-step p{font-size:14px}
.blood-samples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.blood-sample{padding:17px;border:1px solid #e3eaf3;border-radius:13px}
.blood-sample h3{margin:0 0 5px;color:#203e65;font-size:17px}
.blood-sample p{margin:0;color:#64748b;font-size:14px}
.blood-source{margin-top:24px;padding:22px;border-radius:16px;background:#eaf0f8}
.blood-source p{margin-bottom:13px;font-size:14px}
.blood-source-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.blood-page{padding:24px 0 48px}.blood-grid,.blood-steps,.blood-samples{grid-template-columns:1fr}.blood-card{padding:18px}.blood-instructions{padding:19px}.blood-source{padding:18px}.blood-card-actions{display:grid;grid-template-columns:1fr 1fr}.blood-link{padding:9px 8px;text-align:center}}
@media(max-width:370px){.blood-card-actions{grid-template-columns:1fr}}
.home-blood-panel{padding:28px;border:1px solid #e3eaf3;border-top:4px solid #b93a83;border-radius:18px;background:#fff;box-shadow:0 12px 32px #18304b0b}
.home-blood-heading{display:flex;align-items:flex-start;gap:16px;max-width:820px}
.home-blood-heading h2{margin:3px 0 5px;color:#203e65;font-size:clamp(24px,3vw,32px);line-height:1.2}
.home-blood-heading p{margin:0;color:#64748b}
.home-blood-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#f7eaf2;color:#b93a83}
.home-blood-icon svg{width:29px;height:29px}
.home-blood-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.home-blood-locations a{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:12px;background:#f5f7fb}
.home-blood-locations strong{color:#203e65;font-size:14px}
.home-blood-locations span{color:#64748b;font-size:12px}
@media(max-width:650px){.home-blood-panel{padding:20px}.home-blood-locations{grid-template-columns:1fr;gap:8px}.home-blood-locations a{padding:12px}.home-blood-heading{gap:12px}.home-blood-icon{width:46px;height:46px}}
.blood-map-link{margin:-12px 0 22px;text-align:center}
.blood-ggd-location{margin:14px 0 17px;background:#fff}

.blood-how-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:4px}
.blood-how-copy{max-width:570px}
.blood-animation{display:block;flex:none;width:min(40%,330px);height:auto;overflow:visible}
.blood-person{transform-box:fill-box;transform-origin:center bottom;animation:blood-breathe 5.2s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.blood-worker{animation-delay:-2.6s}
.blood-tube{transform-box:fill-box;transform-origin:center;animation:blood-tube-sway 4.8s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.blood-pulse{transform-box:fill-box;transform-origin:center;animation:blood-pulse 3.4s cubic-bezier(.45,0,.55,1) infinite;will-change:transform,opacity}
@keyframes blood-breathe{0%,100%{transform:translateY(0)}25%{transform:translateY(-.6px)}50%{transform:translateY(-1.4px)}75%{transform:translateY(-.6px)}}
@keyframes blood-tube-sway{0%,100%{transform:rotate(0deg)}25%{transform:rotate(.25deg)}50%{transform:rotate(.55deg)}75%{transform:rotate(.25deg)}}
@keyframes blood-pulse{0%,100%{opacity:.48;transform:scale(.9)}50%{opacity:.78;transform:scale(1.08)}}
@media(max-width:700px){.blood-how-heading{align-items:flex-start;flex-direction:column;gap:14px}.blood-animation{width:min(100%,310px);align-self:center}}
@media(prefers-reduced-motion:reduce){.blood-person,.blood-tube,.blood-pulse{animation:none}}

.blood-nearby{margin-top:26px}.blood-nearby-heading{max-width:850px;margin-bottom:14px}.blood-nearby-heading h2{margin:0 0 6px;color:#203e65;font-size:clamp(21px,2.7vw,27px);line-height:1.2}.blood-nearby-heading p{margin:0;color:#64748b}.blood-address-note{border-left-color:#64748b}
