/* Amazon-like row */
.dhi-wrap{position:relative;margin:8px 0}
.dhi-track{
  display:flex; gap:var(--dhi-gap,28px); overflow:auto; scroll-snap-type:x mandatory;
  padding:10px 8px; scrollbar-width:thin;
}
.dhi-item{
  min-width:var(--dhi-minw,150px); display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:10px; scroll-snap-align:center;
}
.dhi-icon{width:var(--dhi-ico,42px); height:var(--dhi-ico,42px); object-fit:contain; position:relative; z-index:1;}
.dhi-text{font-size:var(--dhi-font,16px); line-height:1.25; font-weight:600; color:#0b57d0;}
.dhi-sub{font-size:calc(var(--dhi-font,16px) - 1px); color:#1f2937; font-weight:500}

/* nav buttons */
.dhi-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border:1px solid #e1e5ef; border-radius:10px;
  background:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.06); z-index:5;
}
.dhi-prev{left:-6px;} .dhi-next{right:-6px;}
.dhi-nav span{font-size:18px; line-height:1;}

/* mobile tweaks */
@media (max-width:640px){
  .dhi-prev{left:-2px;} .dhi-next{right:-2px;}
  .dhi-item{min-width:140px;}
  .dhi-icon{width:38px; height:38px;}
}