/* Pharmacy page redesign. Uses hn- tokens from home-new.css and sv- classes from services-new.css; extra classes start with ph- */
.ph-intro{padding:64px 0 24px}
.ph-intro__in{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.ph-photo img,.ph-photo .sv-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block}
.ph-panel{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(30,42,107,.13);padding:32px 34px;margin-left:-56px;position:relative}
.ph-panel h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:var(--n);margin:0 0 14px;line-height:1.15}
.ph-panel p{color:var(--mute);line-height:1.7;font-size:1.03rem;margin:0 0 12px}
.ph-panel p:last-child{margin-bottom:0}

.ph-points{padding:56px 0 8px}
.ph-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ph-point{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(30,42,107,.13);padding:26px 22px}
.ph-point i{color:var(--g);font-size:1.5rem;margin-bottom:12px;display:block}
.ph-point h3{font-size:1.1rem;font-weight:800;color:var(--ink);margin:0 0 6px}
.ph-point p{margin:0;color:var(--mute);line-height:1.6;font-size:.97rem}
.ph-more{text-align:center;margin-top:34px}

@media (max-width:900px){
  .ph-intro__in{grid-template-columns:1fr}
  .ph-panel{margin:-48px 16px 0;padding:26px 24px}
  .ph-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .ph-intro{padding-top:48px}
  .ph-grid{grid-template-columns:1fr}
}