/* PR⭕️–вес v2.11.32 — first-paint carousel indicators without JS/DOM patches.
   Paint dots on the existing 17×18 px button boxes instead of relying on the
   4×4 px child span's first composited paint in Telegram iOS WebView. */

.hero-carousel-dot {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 4px 4px !important;
  background-image: radial-gradient(
    circle at center,
    rgba(104, 114, 132, 0.36) 0,
    rgba(104, 114, 132, 0.36) 2px,
    transparent 2.1px
  ) !important;
}

.hero-carousel-dot.is-active {
  background-image: linear-gradient(#D22B28, #D22B28) !important;
  background-size: 12px 4px !important;
  border-radius: 999px;
}

/* The visual mark is now painted by the existing button itself.
   Keep the span in DOM for compatibility but make only its paint transparent. */
.hero-carousel-dot-mark {
  opacity: 0 !important;
}