@import url("category-premium-core.css");

body.category-premium {
  --category-accent: #f7b7c7;
  --category-accent-soft: rgba(247, 183, 199, 0.35);
  --category-accent-strong: #ffe8ef;
  --category-contrast: #180a12;
  --category-secondary: #f26b93;
  --category-panel-start: rgba(26, 11, 19, 0.88);
  --category-panel-end: rgba(20, 9, 15, 0.97);
  --category-card-start: rgba(31, 12, 22, 0.84);
  --category-card-end: rgba(16, 7, 12, 0.98);
  --category-card-radius: 32px;
  --category-glow: rgba(242, 107, 147, 0.22);
}

body.category-premium .hero::before {
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 232, 239, 0.12), transparent 36%),
    radial-gradient(circle at 86% 18%, rgba(242, 107, 147, 0.32), transparent 44%),
    linear-gradient(112deg, rgba(24, 8, 15, 0.96), rgba(29, 10, 21, 0.92));
}

body.category-premium .hero .btn,
body.category-premium .proof span,
body.category-premium .hero-kpi {
  border-radius: 999px;
}

body.category-premium .gallery .card {
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(242, 107, 147, 0.22),
    inset 0 1px 0 rgba(255, 232, 239, 0.14);
}

body.category-premium .gallery .card::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 188, 210, 0.5);
  box-shadow: 0 0 14px rgba(255, 188, 210, 0.7);
}

body.category-premium .gallery .from {
  color: rgba(255, 192, 212, 0.95);
}