/* news/pages/RatingPage.vue */

.rating-card[data-v-0d06c17d] {
  will-change: transform, border-color, box-shadow;
}
.icon-wrapper[data-v-0d06c17d] {
  will-change: transform;
}
.card-arrow[data-v-0d06c17d] {
  will-change: background, border-color;
}
.card-arrow i[data-v-0d06c17d] {
  will-change: transform, color;
}
.pattern-overlay[data-v-0d06c17d] {
  will-change: opacity;
}

/* ===== Stats panel (premium) ===== */
.stats-panel[data-v-0d06c17d] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #16130e 0%, #201A12 55%, #2A2213 100%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 22px 10px;
  box-shadow: 0 22px 54px rgba(22, 19, 14, 0.28);
}

/* декоративное свечение */
.stats-panel[data-v-0d06c17d]::before {
  content: "";
  position: absolute;
  top: -70px;
  right: -50px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(234, 133, 32, 0.22) 0%, rgba(234, 133, 32, 0) 70%);
  pointer-events: none;
}
.stats-panel[data-v-0d06c17d]::after {
  content: "";
  position: absolute;
  bottom: -90px;
  left: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(234, 133, 32, 0.14) 0%, rgba(234, 133, 32, 0) 70%);
  pointer-events: none;
}
.stats-grid[data-v-0d06c17d] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.stats-cell[data-v-0d06c17d] {
  position: relative;
  text-align: center;
  padding: 20px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.stats-cell[data-v-0d06c17d]:nth-child(1),
.stats-cell[data-v-0d06c17d]:nth-child(2) {
  border-top: none;
}
.stats-ico[data-v-0d06c17d] {
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #FFB35C;
  background: rgba(234, 133, 32, 0.14);
  border: 1px solid rgba(234, 133, 32, 0.28);
}
.stats-num[data-v-0d06c17d] {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #FFFFFF;
  font-size: clamp(2rem, 4vw, 3rem);
}
.stats-label[data-v-0d06c17d] {
  margin-top: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.55);
}
@media (min-width: 1024px) {
.stats-grid[data-v-0d06c17d] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.stats-cell[data-v-0d06c17d] {
    padding: 16px 16px;
}
.stats-cell + .stats-cell[data-v-0d06c17d] {
    border-top: none;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
}
}