/* Wasso Hospital — Modern Pharmacy Page */
:root{
  --phx:#0c7d72;--phx-dark:#064d47;--phx-soft:#e8f7f4;
  --phx-gold:#d9a43a;--phx-text:#173c39;--phx-muted:#677f7b;
  --phx-border:#dbe9e6;--phx-bg:#f4f9f8;
  --phx-shadow:0 20px 55px rgba(5,80,73,.12)
}
.phx-hero{position:relative;min-height:640px;margin-top:122px;overflow:hidden;color:#fff;background:#073e39}
.phx-bg{position:absolute;inset:0;background-position:center;background-size:cover;animation:phxFade 16s infinite ease-in-out,phxZoom 16s infinite ease-in-out}
.phx-bg-one{background-image:url("../img/pages/pharmacy/slide/slide-2.jpg")}
.phx-bg-two{background-image:url("../img/pages/pharmacy/slide/slide-3.jpg");animation-delay:8s;opacity:0}
.phx-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 85% 20%,rgba(100,218,204,.17),transparent 24%),linear-gradient(90deg,rgba(2,40,37,.96),rgba(4,72,67,.79),rgba(5,77,71,.23))}
@keyframes phxFade{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
@keyframes phxZoom{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.phx-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:640px}
.phx-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:20px;color:rgba(255,255,255,.65);font-size:11px}
.phx-breadcrumb a{color:#fff}.phx-breadcrumb i{font-size:9px}
.phx-eyebrow{display:inline-flex;gap:8px;align-items:center;width:max-content;padding:8px 13px;margin-bottom:18px;color:#b8f2e9;background:rgba(112,221,207,.11);border:1px solid rgba(168,241,232,.22);border-radius:999px;font-size:11px;font-weight:750}
.phx-hero h1{max-width:880px;margin:0 0 18px;color:#fff;font-size:clamp(3rem,6vw,5.25rem);font-weight:850;line-height:1.02;letter-spacing:-.055em}
.phx-hero h1 span{display:block;color:#8ee1d7}.phx-hero-inner>p{max-width:770px;margin:0;color:rgba(255,255,255,.8);font-size:1.05rem;line-height:1.85}
.phx-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.phx-btn-primary,.phx-btn-outline{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:50px;padding:0 19px;border-radius:12px;font-size:11px;font-weight:750;transition:.25s}
.phx-btn-primary{color:#fff;background:linear-gradient(135deg,#16a092,#08746b);box-shadow:0 13px 28px rgba(4,54,50,.25)}.phx-btn-outline{color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.27);backdrop-filter:blur(8px)}
.phx-btn-primary:hover,.phx-btn-outline:hover{color:var(--phx-dark);background:#fff;transform:translateY(-3px)}
.phx-hero-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.phx-hero-features>div{display:flex;gap:10px;align-items:center;min-width:205px;padding:11px 13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:12px;backdrop-filter:blur(7px)}
.phx-hero-features i{display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:#073e39;background:#a5e9e0;border-radius:10px}.phx-hero-features span{display:flex;flex-direction:column}.phx-hero-features strong{font-size:10px}.phx-hero-features small{color:rgba(255,255,255,.6);font-size:8px}
.phx-intro,.phx-safety{padding:105px 0;background:#fff}.phx-photo-layout{position:relative;min-height:610px;padding:0 80px 70px 0}.phx-photo-main{display:block;width:100%;height:535px;overflow:hidden;border-radius:24px;box-shadow:var(--phx-shadow)}
.phx-photo-main img,.phx-photo-small img,.phx-safety-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.phx-photo-main:hover img,.phx-safety-photo:hover img{transform:scale(1.05)}
.phx-photo-small{position:absolute;right:0;bottom:0;width:255px;height:210px;padding:7px;overflow:hidden;background:#fff;border-radius:19px;box-shadow:var(--phx-shadow)}.phx-photo-small img{border-radius:14px}
.phx-leader-card{position:absolute;bottom:30px;left:25px;display:flex;gap:12px;align-items:center;max-width:300px;padding:15px 17px;color:#fff;background:linear-gradient(135deg,var(--phx-dark),var(--phx));border-radius:16px;box-shadow:var(--phx-shadow)}
.phx-leader-card>i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--phx);background:#fff;border-radius:12px}.phx-leader-card span{display:flex;flex-direction:column}.phx-leader-card small{color:rgba(255,255,255,.61);font-size:8px;text-transform:uppercase}.phx-leader-card strong{font-size:13px}.phx-leader-card em{color:rgba(255,255,255,.76);font-size:9px;font-style:normal}
.phx-kicker,.phx-title>span{display:inline-block;margin-bottom:10px;color:var(--phx);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.phx-intro h2,.phx-safety h2,.phx-title h2{margin-bottom:20px;color:var(--phx-dark);font-size:clamp(2rem,4vw,3.3rem);font-weight:850;line-height:1.12;letter-spacing:-.045em}.phx-lead{color:#334d49;font-size:1.04rem;line-height:1.85}.phx-intro p:not(.phx-lead),.phx-safety p:not(.phx-lead){color:var(--phx-muted);line-height:1.85}
.phx-feature-list{display:grid;gap:11px;margin-top:27px}.phx-feature-list article{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--phx-bg);border:1px solid var(--phx-border);border-radius:14px}.phx-feature-list article>i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--phx);background:#fff;border-radius:11px}.phx-feature-list span{display:flex;flex-direction:column}.phx-feature-list strong{color:var(--phx-dark);font-size:12px}.phx-feature-list small{margin-top:4px;color:var(--phx-muted);font-size:10px;line-height:1.55}
.phx-types{padding:100px 0;background:radial-gradient(circle at 10% 20%,rgba(12,125,114,.07),transparent 24%),linear-gradient(180deg,#f8fbfb,#eef7f5)}.phx-title{max-width:780px;margin:0 auto 48px;text-align:center}.phx-title p{color:var(--phx-muted);line-height:1.75}
.phx-type-card{position:relative;height:100%;overflow:hidden;padding:32px;background:#fff;border:1px solid var(--phx-border);border-radius:21px;box-shadow:0 11px 30px rgba(5,80,73,.06);transition:.25s}.phx-type-card:hover{transform:translateY(-7px);box-shadow:var(--phx-shadow)}
.phx-type-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.phx-type-card header>i{display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:var(--phx);background:var(--phx-soft);border-radius:17px;font-size:25px}.phx-type-card header small{padding:6px 10px;color:var(--phx);background:var(--phx-soft);border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase}
.phx-private header>i,.phx-private header small{color:#9a6516;background:#fff2d5}.phx-type-card h3{color:var(--phx-dark);font-size:24px;font-weight:850}.phx-type-card p{color:var(--phx-muted);line-height:1.8}.phx-type-card ul{display:grid;gap:10px;padding:0;margin:23px 0;list-style:none}.phx-type-card li{display:flex;gap:9px;color:#435e5a;font-size:11px}.phx-type-card li i,.phx-type-card>a{color:var(--phx)}.phx-private li i,.phx-private>a{color:#9a6516}.phx-type-card>a{display:inline-flex;gap:8px;font-size:10px;font-weight:800}
.phx-safety-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:27px}.phx-safety-grid article{padding:18px;background:var(--phx-bg);border:1px solid var(--phx-border);border-radius:15px}.phx-safety-grid article>i{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-bottom:13px;color:var(--phx);background:#fff;border-radius:12px}.phx-safety-grid strong{display:block;margin-bottom:7px;color:var(--phx-dark);font-size:12px}.phx-safety-grid p{margin:0;font-size:10px;line-height:1.65}
.phx-safety-photo{position:relative;display:block;height:520px;overflow:hidden;border-radius:24px;box-shadow:var(--phx-shadow)}.phx-safety-photo>i{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--phx);background:#fff;border-radius:50%}
.phx-caption{position:relative;z-index:3;display:flex;gap:12px;align-items:center;width:calc(100% - 50px);padding:14px 16px;margin:-38px auto 0;color:#fff;background:linear-gradient(135deg,var(--phx-dark),var(--phx));border-radius:15px;box-shadow:var(--phx-shadow)}.phx-caption>i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--phx);background:#fff;border-radius:11px}.phx-caption span{display:flex;flex-direction:column}.phx-caption strong{font-size:12px}.phx-caption small{color:rgba(255,255,255,.67);font-size:9px}
.phx-contact{padding:85px 0;background:var(--phx-bg)}.phx-contact-card{display:grid;grid-template-columns:1.35fr .9fr;gap:36px;align-items:center;padding:40px;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(255,255,255,.13),transparent 24%),linear-gradient(130deg,var(--phx-dark),var(--phx));border-radius:23px;box-shadow:var(--phx-shadow)}.phx-contact-card>div:first-child>span{display:inline-flex;gap:7px;padding:7px 10px;margin-bottom:14px;color:#d7fff9;background:rgba(255,255,255,.08);border-radius:999px;font-size:9px}.phx-contact-card h2{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:850}.phx-contact-card p{color:rgba(255,255,255,.74);line-height:1.8}.phx-contact-actions{display:grid;gap:10px}.phx-contact-actions a{display:flex;gap:12px;align-items:center;padding:13px 15px;color:var(--phx-dark);background:#fff;border-radius:14px}.phx-contact-actions>a>i{display:flex;align-items:center;justify-content:center;width:41px;height:41px;color:#fff;background:var(--phx);border-radius:11px}.phx-contact-actions span{display:flex;flex-direction:column}.phx-contact-actions small{color:var(--phx-muted);font-size:9px}.phx-contact-actions strong{font-size:11px}
.phx-related{padding:90px 0 105px}.phx-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.phx-related-grid a{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:16px;color:var(--phx-dark);background:#fff;border:1px solid var(--phx-border);border-radius:14px;box-shadow:0 7px 20px rgba(5,80,73,.05);transition:.22s}.phx-related-grid a>i:first-child{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--phx);background:var(--phx-soft);border-radius:10px}.phx-related-grid span{font-size:11px;font-weight:750}.phx-related-grid a:hover{color:#fff;background:var(--phx);border-color:var(--phx);transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){.phx-bg{animation:none}}
@media(max-width:991px){.phx-hero{min-height:590px;margin-top:112px}.phx-hero-inner{min-height:590px}.phx-photo-layout{min-height:570px}.phx-contact-card{grid-template-columns:1fr}.phx-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.phx-intro,.phx-types,.phx-safety{padding:72px 0}.phx-photo-layout{min-height:500px;padding:0 45px 55px 0}.phx-photo-main{height:440px}.phx-photo-small{width:210px;height:175px}.phx-contact-card{padding:28px 22px}}
@media(max-width:575px){.phx-actions{flex-direction:column}.phx-hero-features{display:none}.phx-photo-layout{min-height:auto;padding:0}.phx-photo-main{height:380px}.phx-photo-small{position:relative;width:72%;height:180px;margin:-48px 0 0 auto}.phx-leader-card{position:relative;left:auto;bottom:auto;width:calc(100% - 30px);max-width:none;margin:-25px auto 0}.phx-safety-grid,.phx-related-grid{grid-template-columns:1fr}.phx-safety-photo{height:380px}}