.blood-directory-page{background:#f8f9fc;color:#2b344c;min-height:65vh;--blood-accent:#b72d51}.blood-directory-hero{padding:35px 0 46px;border-bottom:1px solid #e7e7ef;background:radial-gradient(ellipse at 93% 20%,#f8e9ed,transparent 48%),linear-gradient(110deg,#f4f2f9,#f9f6f7)}.blood-hero-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:center}.blood-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.8;color:#62718a;margin-bottom:22px}.blood-breadcrumb a{color:#586880;text-decoration:none}.blood-directory-hero h1{font-size:clamp(34px,3.6vw,46px);font-weight:700;line-height:1.4;letter-spacing:-.035em;color:#27235f;margin:0 0 16px}.blood-directory-hero h1 span{color:#ad3153}.blood-directory-hero p{font-size:17px;color:#617188;line-height:1.95;max-width:630px;margin:0 0 24px}.blood-register-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border:1px solid #d9b5c4;border-radius:10px;background:#fff;color:#a4284a;font-size:15px;font-weight:500;box-shadow:0 4px 15px #b72d5104}.blood-register-button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.blood-register-button:hover{background:#b72d51;border-color:#b72d51;color:#fff}.blood-hero-art{max-width:240px;justify-self:center}.blood-hero-art svg{display:block;width:100%;height:auto}.blood-directory-content{padding:36px 0 60px}.blood-search-form{display:flex;gap:16px;align-items:flex-end;border:1px solid #e0e6ef;border-radius:16px;padding:24px;background:#fff;box-shadow:0 4px 22px #27235f03;margin-bottom:33px}.blood-search-form>div{flex:1;min-width:0}.blood-search-form label{display:block;font-size:14px;font-weight:500;line-height:1.7;color:#4c5c74;margin-bottom:9px}.blood-search-form .form-control,.blood-search-form .form-select{min-height:47px;border-radius:9px;font-size:15px;border-color:#d9e0eb}.blood-search-form .form-control:focus,.blood-search-form .form-select:focus{border-color:#af506a;box-shadow:0 0 0 3px #b72d5110}.blood-search-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:11px 24px;background:#b72d51;border:1px solid #b72d51;color:#fff;font-size:15px;line-height:1.6;border-radius:10px;font-weight:500}.blood-search-button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}.blood-search-button:hover{background:#982440;border-color:#982440;color:#fff}.blood-reset{display:inline-flex;align-items:center;min-height:47px;color:#66768d;font-size:14px;padding:8px;text-underline-offset:4px}.blood-list-heading{display:flex;align-items:center;gap:14px;margin-bottom:23px}.blood-list-heading h2{font-size:25px;line-height:1.6;font-weight:600;color:#27235f;margin:0}.blood-selected-group{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.5;color:#a82d4c;background:#f9eaf0;border:1px solid #eed5df;padding:5px 10px;border-radius:8px;font-weight:600}.blood-donor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blood-donor-card{display:flex;flex-direction:column;padding:25px;border:1px solid #e1e6ef;border-radius:18px;box-shadow:0 4px 20px #27235f03;background:#fff;min-width:0}.blood-donor-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.blood-group-badge{display:inline-flex;align-items:center;justify-content:center;background:#f9e9ef;color:#ae2f51;font-size:23px;line-height:1.5;min-width:62px;min-height:51px;padding:7px 12px;border:1px solid #f0d7e1;border-radius:12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600}.blood-contact-status{font-size:12px;color:#007362;line-height:1.8;background:#edf6f1;padding:4px 8px;border-radius:6px;text-align:center}.blood-donor-card h3{font-size:23px;font-weight:600;color:#27235f;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}.blood-donor-location{display:flex;align-items:flex-start;gap:7px;line-height:1.85;color:#68788e;font-size:14px;margin:0 0 20px}.blood-donor-location svg{width:17px;height:17px;flex:0 0 17px;stroke:#8d7b8d;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:4px}.blood-donor-last{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ebedf3;padding-top:16px;margin:0 0 22px;font-size:12px;line-height:1.8;color:#718096;flex-wrap:wrap}.blood-donor-last strong{font-size:13px;font-weight:400;color:#566a82}.blood-donor-call{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border:1px solid #d3d9e7;border-radius:10px;background:#f9fafe;min-height:47px;margin-top:auto;text-decoration:none;color:#373467;flex-wrap:wrap}.blood-donor-call>span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;line-height:1.7}.blood-donor-call svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.blood-donor-call strong{font-size:13px;line-height:1.7;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500}.blood-donor-call:hover{color:#fff;background:#27235f;border-color:#27235f}.blood-empty{max-width:760px;margin:0 auto;background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:42px 30px;text-align:center}.blood-empty-symbol{width:65px;height:65px;display:grid;place-items:center;background:#f9edf1;border-radius:19px;margin:0 auto 22px}.blood-empty-symbol svg{width:29px;height:29px;stroke:#b97d91;fill:none;stroke-width:1.2}.blood-empty h2{font-size:25px;line-height:1.6;font-weight:600;color:#27235f;margin:0 0 12px}.blood-empty p{font-size:15px;line-height:1.95;color:#6a7b90;max-width:480px;margin:0 auto 24px}.blood-empty .btn{font-size:14px;border-radius:10px;min-height:45px;padding:10px 20px}.blood-directory-page a:focus-visible,.blood-directory-page button:focus-visible{outline:3px solid #007875;outline-offset:4px}
.blood-register-modal .modal-dialog{max-width:590px}.blood-register-modal .modal-content{border:1px solid #e1e5ee;border-radius:20px;box-shadow:0 20px 70px #27235f15}.blood-register-modal .modal-header{padding:25px 27px 22px;align-items:flex-start;border-bottom:1px solid #e6ebf2}.blood-register-modal .modal-title{font-size:24px;font-weight:600;line-height:1.6;color:#27235f;margin:0 0 6px}.blood-register-modal .modal-header p{font-size:14px;line-height:1.9;color:#68798f;margin:0}.blood-register-modal .btn-close{margin:1px -3px 0 12px;padding:10px;flex-shrink:0}.blood-register-modal .modal-body{padding:25px 27px 27px}.blood-register-modal .form-label{font-size:14px;line-height:1.8;font-weight:500;color:#4c5c74}.blood-register-modal .form-control,.blood-register-modal .form-select{min-height:46px;border-radius:9px;font-size:15px;background-color:#fcfdff}.blood-register-modal .form-control:focus,.blood-register-modal .form-select:focus{border-color:#007875;box-shadow:0 0 0 3px #00787512}.blood-consent{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#f7f8fc;border:1px solid #e8ecf2;border-radius:10px;margin:8px 0 21px}.blood-consent .form-check-input{float:none;flex:0 0 17px;margin-top:4px}.blood-consent label{font-size:13px;line-height:1.9;color:#64748b;cursor:pointer}
@media(hover:hover) and (pointer:fine){.blood-donor-card{transition:box-shadow .2s,border-color .2s}.blood-donor-card:hover{border-color:#d9bdc8;box-shadow:0 10px 25px #27235f07}}
@media(max-width:991px){.blood-hero-layout{gap:35px;grid-template-columns:1.7fr 1fr}.blood-hero-art{max-width:190px}.blood-donor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blood-search-form{flex-wrap:wrap}.blood-search-form>div{flex:1 1 230px}}
@media(max-width:575px){.blood-directory-hero{padding:24px 0 31px}.blood-hero-layout{grid-template-columns:1fr;gap:0}.blood-hero-art{display:none}.blood-breadcrumb{margin-bottom:18px}.blood-directory-hero h1{font-size:34px;line-height:1.4}.blood-directory-hero p{font-size:15px;line-height:1.9;margin-bottom:21px}.blood-register-button{font-size:14px;padding:10px 15px;min-height:45px}.blood-directory-content{padding:25px 0 38px}.blood-search-form{padding:20px;gap:15px;margin-bottom:26px;border-radius:15px}.blood-search-form>div{flex-basis:100%}.blood-search-form>.btn{flex:1}.blood-donor-grid{grid-template-columns:1fr;gap:15px}.blood-list-heading{margin-bottom:20px}.blood-list-heading h2{font-size:23px}.blood-donor-card{padding:23px;border-radius:16px}.blood-donor-card h3{font-size:22px}.blood-donor-card-top{margin-bottom:19px}.blood-empty{padding:30px 22px}.blood-empty h2{font-size:23px}.blood-empty p{font-size:14px}.blood-register-modal .modal-dialog{margin:10px}.blood-register-modal .modal-header{padding:22px 20px 19px}.blood-register-modal .modal-title{font-size:22px}.blood-register-modal .modal-body{padding:23px 20px}.blood-register-modal .modal-content{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.blood-donor-card{transition:none}}
.blood-register-modal .modal-header .btn-close{margin-left:auto}.blood-register-modal .modal-header>div{padding-right:18px}
.blood-donor-card:only-child{grid-column:1/-1;width:100%;max-width:580px;margin-inline:auto}.blood-donor-last{color:#627087}.blood-donor-call strong{overflow-wrap:anywhere}