/* === GL01: миниатюры вместо точек (финал) ================= */
:root{
  --thumb-w: 84px;      /* ширина миниатюры */
  --thumb-h: 56px;      /* высота миниатюры */
  --thumb-gap: 8px;     /* промежуток между миниатюрами */
  --thumb-radius: 8px;  /* скругление углов */
  --thumb-border: 2px;  /* толщина рамки */
}

.r.uc-glthumbs .t-slds__bullet_wrapper{
  display:flex;
  gap:var(--thumb-gap);
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  padding:8px 8px 14px;
}

.r.uc-glthumbs .t-slds__bullet{
  position:relative;
  overflow:hidden;
  width:var(--thumb-w);
  height:var(--thumb-h);
  border-radius:var(--thumb-radius);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border:var(--thumb-border) solid rgba(255,255,255,.85);
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  opacity:.95;
  transition:transform .2s, opacity .2s, border-color .2s;
}
.r.uc-glthumbs .t-slds__bullet:hover{opacity:1; transform:translateY(-1px);}
.r.uc-glthumbs .t-slds__bullet_active{border-color:#ffcc00; opacity:1;}

/* Полностью скрываем «точку» и псевдоэлементы */
.r.uc-glthumbs .t-slds__bullet svg,
.r.uc-glthumbs .t-slds__bullet .t-slds__bullet-body,
.r.uc-glthumbs .t-slds__bullet:before,
.r.uc-glthumbs .t-slds__bullet:after{
  display:none !important; content:none !important;
}

/* Мобильная лента превью */
@media (max-width:640px){
  .r.uc-glthumbs .t-slds__bullet_wrapper{
    overflow-x:auto;
    white-space:nowrap;
    justify-content:flex-start;
    padding:10px 12px 14px;
    scroll-snap-type:x mandatory;
  }
  .r.uc-glthumbs .t-slds__bullet{flex:0 0 auto; scroll-snap-align:center;}
}