.avatar{width:100px;height:100px;color:var(--teal);background:linear-gradient(145deg,#e9f6f5,#cce9e7);border-radius:24px;place-items:center;margin:0 auto 15px;font-size:2rem;font-weight:900;display:grid}@media (width<=600px){.doctor-card .avatar{grid-row:1/4;width:78px;height:78px;margin:0}}.doctor-card .avatar{transition:transform .42s var(--clinic-ease),box-shadow .42s var(--clinic-ease),background .42s var(--clinic-ease)}@media (hover:hover) and (pointer:fine){.doctor-card:hover .avatar{background:linear-gradient(145deg,#dff5f3,var(--clinic-lilac-soft));transform:translateY(-2px)scale(1.04);box-shadow:0 10px 25px #008f9124}.doctor-card:hover h3{color:var(--teal)}.doctor-card:hover .button.ghost{background:var(--teal-soft)}}.doctor-card{overflow:hidden}.doctor-card h3{transition:color .35s var(--clinic-ease)}.doctor-card .hero-actions{transition:transform .42s var(--clinic-ease)}@media (hover:hover) and (pointer:fine){.doctor-card:hover .hero-actions{transform:translateY(-2px)}}