/* Homepage Featured Doctors: the Directory's original doctor-card design is reused. */
.vhfd.viv-doctors-page {
  --vhfd-ink:var(--viv-ink);
  --vhfd-aqua:var(--viv-primary);
  position:relative;
  padding:clamp(72px,7vw,108px) 0 clamp(78px,7vw,112px);
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,var(--viv-primary-soft) 0%,#fff 43%,var(--viv-primary-soft-2) 100%);
  color:var(--vhfd-ink);
}
.vhfd::before{content:none!important;display:none!important}
.vhfd::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.vhfd::after{
  width:195px;
  height:190px;
  left:-74px;
  bottom:6%;
  border:0;
  border-radius:0;
  background:linear-gradient(135deg,color-mix(in srgb,var(--viv-accent) 9.5%,transparent),color-mix(in srgb,var(--viv-primary) 7.5%,transparent));
  clip-path:polygon(0 15%,100% 0,76% 100%,0 78%);
}
.vhfd *{box-sizing:border-box}
.vhfd__shell{position:relative;width:min(1370px,calc(100% - 64px));margin-inline:auto}
.vhfd__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(34px,4vw,52px)}
.vhfd__heading-copy{max-width:800px}
.vhfd__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:15px;font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--viv-primary)}
.vhfd__eyebrow span{width:30px;height:2px;background:var(--viv-accent)}
.vhfd__heading h2{margin:0;color:var(--viv-primary-deep);font-size:clamp(31px,3vw,39px);line-height:1.22;font-weight:800;letter-spacing:-.035em}
.vhfd__heading p{max-width:730px;margin:14px 0 0;color:var(--viv-slate);font-size:16px;line-height:1.75}
.vhfd__nav{display:flex;gap:10px;flex:none;padding-bottom:4px}
.vhfd__nav button{width:49px;height:49px;display:grid;place-items:center;cursor:pointer;border:1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:14px;background:white;color:var(--viv-primary);transition:background .2s ease,color .2s ease,border-color .2s ease}
.vhfd__nav button:not(:disabled):hover{background:var(--viv-primary-deep);color:#fff;border-color:var(--viv-primary-deep)}
.vhfd__nav button:disabled{opacity:.38;cursor:not-allowed}
.vhfd__nav button:focus-visible,.vhfd__all:focus-visible{outline:3px solid var(--viv-primary);outline-offset:4px}
.vhfd__nav svg,.vhfd__all svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vhfd__track{
 --vhfd-gap:24px;
 position:relative;
 display:grid;
 grid-auto-flow:column;
 grid-auto-columns:calc((100% - 72px)/4);
 gap:var(--vhfd-gap);
 overflow-x:auto;
 overflow-y:hidden;
 scroll-snap-type:x mandatory;
 scroll-padding-inline:2px;
 overscroll-behavior-inline:contain;
 scrollbar-width:none;
 -ms-overflow-style:none;
 padding:8px 2px 35px;
 margin:-8px -2px -12px;
 align-items:stretch;
}
.vhfd__track::-webkit-scrollbar{display:none}
.vhfd__track .vhfd__slide{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;height:100%}
/* The home slider inherits the original Doctors directory card appearance. */
.vhfd__slide>.viv-doctor-card__link{height:100%;display:block}
.vhfd .viv-doctor-card__body h3{font-size:20px;line-height:1.36}
.vhfd__footer{display:flex;justify-content:center;margin-top:35px}
.vhfd__all{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 25px;border-radius:13px;background:var(--viv-primary-deep);color:#fff;text-decoration:none;font-size:14px;font-weight:800;transition:background .2s ease,transform .2s ease}
.vhfd__all:hover{background:var(--viv-primary);color:#fff;transform:translateY(-2px)}
.vhfd__empty{padding:26px;border:1px dashed color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:15px;color:var(--viv-slate);background:#fff}
.vhfd__swipe-hint{display:none;margin:8px 0 0;font-size:12px;color:var(--viv-slate)}
@media(max-width:1150px){.vhfd__track{grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:860px){.vhfd__track{grid-auto-columns:calc((100% - 24px)/2)}.vhfd__shell{width:min(100% - 40px,1370px)}}
@media(max-width:620px){
 .vhfd.viv-doctors-page{padding:64px 0 75px}
 .vhfd__shell{width:calc(100% - 32px)}
 .vhfd__heading{align-items:flex-end;gap:12px;margin-bottom:26px}
 .vhfd__heading h2{font-size:32px}
 .vhfd__heading p{font-size:14px;line-height:1.7}
 .vhfd__nav{gap:6px}.vhfd__nav button{width:40px;height:40px;border-radius:11px}
 .vhfd__track{grid-auto-columns:100%;gap:16px;padding-bottom:28px}
 .vhfd__swipe-hint{display:block}
 .vhfd__footer{margin-top:22px}
 .vhfd__all{width:100%}
}
@media(prefers-reduced-motion:reduce){.vhfd__nav button,.vhfd__all,.vhfd .viv-doctor-card__link{transition:none!important}}

/* Only homepage slider cards: keep the Directory's card design but nearly eliminate shadow spread. */
.vhfd .viv-doctor-card__link{
  box-shadow:0 2px 8px color-mix(in srgb,var(--viv-primary-deep) 2.5%,transparent);
}
.vhfd .viv-doctor-card__link:hover,
.vhfd .viv-doctor-card__link:focus-visible{
  box-shadow:0 4px 12px color-mix(in srgb,var(--viv-primary-deep) 4%,transparent);
}
@media(max-width:620px){
  .vhfd::after{width:135px;height:140px;left:-65px;bottom:4%}
}