/* Ecover — bosh sahifa "Foydali vositalar" (Shared/_Vositalar.cshtml): stories uslubidagi halqali doirachalar */
.vs{width:100%;min-width:0;margin-top:26px}
.vs ul{list-style:none;margin:0;padding:6px 4px 4px;display:flex;justify-content:center;gap:clamp(14px,3vw,30px)}
.vs li{flex:none}
.vs a{display:flex;flex-direction:column;align-items:center;gap:7px;width:84px;color:var(--matn,#1d1d1f);text-decoration:none;-webkit-tap-highlight-color:transparent}
.vs-halqa{width:61px;height:61px;border-radius:50%;padding:3px;border:2.5px solid var(--yashil,#64a70b);display:grid;transition:border-color .3s ease,transform .2s var(--e-out,ease)}
.vs-ich{border-radius:50%;background:var(--yashil-och,#eef6e0);display:grid;place-items:center;transition:background-color .2s ease,color .2s ease;color:var(--yashil-q,#558f09)}
.vs-ich svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vs-nom{font-size:13px;font-weight:500;line-height:1.25;text-align:center;color:var(--xira,#6e6e73);transition:color .2s ease}
.vs a.vs-kor .vs-halqa{border-color:#d2d2d7}
.vs a:active .vs-halqa{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){
  .vs a:hover .vs-ich{background:var(--yashil,#64a70b);color:#fff}
  .vs a:hover .vs-nom{color:var(--matn,#1d1d1f)}
}
.js .vs{animation:y-hero-kir .8s var(--e-out,ease) .35s both}
@media (prefers-reduced-motion:reduce){.js .vs{animation:none}.vs-halqa,.vs-ich{transition:none}}
/* telefon: bir qator, barmoq bilan yonga suriladi; chetdagi doiracha yarim koʻrinib "yana bor" deydi */
@media (max-width:640px){
  .vs{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}
  .vs ul{justify-content:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-left:20px;padding-right:20px;overscroll-behavior-x:contain}
  .vs ul::-webkit-scrollbar{display:none}
  .vs li{scroll-snap-align:start}
  .vs{margin-top:20px}
  .vs a{width:74px}
  .vs-halqa{width:56px;height:56px}
  .vs-ich svg{width:23px;height:23px}
  .vs-nom{font-size:12px}
}