.coh-hidden-val { display:none !important; }

/* ==== Контейнер ==== */
.coh-circle {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 50px;
  border-radius: 14px;
  background: linear-gradient(180deg,#3446a3 0%, #906bb1 100%);
  color: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

/* ---- 1) Хаотичний «зоряний пил» (дрібні точки) ---- */
.coh-circle::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:0;
  background-image:
    radial-gradient(circle at 10% 22%, rgba(255,255,255,.85) 2px, transparent 2px),
    radial-gradient(circle at 18% 74%, rgba(255,255,255,.45) 1.4px, transparent 1.4px),
    radial-gradient(circle at 26% 38%, rgba(255,255,255,.70) 1.8px, transparent 1.8px),
    radial-gradient(circle at 38% 12%, rgba(255,255,255,.55) 1.2px, transparent 1.2px),
    radial-gradient(circle at 42% 86%, rgba(255,255,255,.75) 2px, transparent 2px),
    radial-gradient(circle at 57% 28%, rgba(255,255,255,.60) 1.6px, transparent 1.6px),
    radial-gradient(circle at 63% 77%, rgba(255,255,255,.35) 1px, transparent 1px),
    radial-gradient(circle at 72% 49%, rgba(255,255,255,.85) 2px, transparent 2px),
    radial-gradient(circle at 84% 20%, rgba(255,255,255,.50) 1.2px, transparent 1.2px),
    radial-gradient(circle at 90% 66%, rgba(255,255,255,.80) 1.8px, transparent 1.8px);
  background-repeat:no-repeat;
  animation: cohStarsTwinkle 5s ease-in-out infinite alternate;
}

@keyframes cohStarsTwinkle{
  0%   { opacity:.45; filter: blur(0px); }
  50%  { opacity:1;   filter: blur(0.8px); }
  100% { opacity:.65; filter: blur(0px); }
}

.coh-circle::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:0;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-linecap='round'%3E%3Cpath d='M32 6 L32 58' stroke-width='2'/%3E%3Cpath d='M6 32 L58 32' stroke-width='2'/%3E%3Cpath d='M13 13 L51 51' stroke-width='1.5' opacity='.65'/%3E%3Cpath d='M51 13 L13 51' stroke-width='1.5' opacity='.65'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='3' fill='%23FFFFFF'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-linecap='round'%3E%3Cpath d='M32 6 L32 58' stroke-width='2'/%3E%3Cpath d='M6 32 L58 32' stroke-width='2'/%3E%3Cpath d='M13 13 L51 51' stroke-width='1.5' opacity='.65'/%3E%3Cpath d='M51 13 L13 51' stroke-width='1.5' opacity='.65'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='3' fill='%23FFFFFF'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-linecap='round'%3E%3Cpath d='M32 6 L32 58' stroke-width='2'/%3E%3Cpath d='M6 32 L58 32' stroke-width='2'/%3E%3Cpath d='M13 13 L51 51' stroke-width='1.5' opacity='.65'/%3E%3Cpath d='M51 13 L13 51' stroke-width='1.5' opacity='.65'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  /* позиції великих зірок */
  background-position:
    78% 32%,
    65% 70%,
    8%  42%;
  background-size:
    38px 38px,
    26px 26px,
    18px 18px;
  filter: drop-shadow(0 0 6px rgba(255,255,255,.5));
  animation: cohBigStars 6s ease-in-out infinite;
}

@keyframes cohBigStars {
  0%   { opacity:.55; transform: scale(1); }
  50%  { opacity:1;   transform: scale(1.05); }
  100% { opacity:.75; transform: scale(1); }
}

.coh-circle__svg{
  width:140px; height:140px; display:block; flex:0 0 140px; z-index:1;
}
.coh-circle__svg .bg{ fill:none; stroke: rgba(255,255,255,.18); stroke-width:10; }
.coh-circle__svg .fg{
  fill:none; stroke: url(#coh-grad, linear-gradient(90deg,#ff7a00,#ffb038));
  stroke:#ff962e; stroke-linecap:round; stroke-width:10;
  transform: rotate(-90deg); transform-origin:50% 50%;
  stroke-dasharray:0 999; stroke-dashoffset:0; transition: stroke-dashoffset .9s ease;
}
.coh-circle__svg .dot{
  fill:#ff7a00; filter: drop-shadow(0 0 6px rgba(255,150,46,.7));
  transform-origin:60px 60px; transform: rotate(0deg) translateY(0);
}
.coh-circle__num{ font-size:32px; font-weight:800; fill:#fff; text-shadow: 0 0 20px #F46313; }

.coh-circle__side{ display:flex; align-items:center; z-index:1; }
.coh-circle__label{ font-size:40px; font-weight:600; line-height:30px; }

@media (max-width: 640px){
  .coh-circle{ flex-direction: column; text-align:center; gap:12px; padding: 40px 30px 60px 30px;height: 385px;}
  .coh-circle__svg{ width:230px; height:230px; flex-basis:230px;}
  .coh-circle__num{ font-size:28px; }
  .coh-circle__label{ font-size:24px; font-weight:600;line-height:30px;}
}