/* ========== Трон Кегеля Playful Design ========== */
/* Фиолетово-лавандовая палитра — деликатность, восстановление, современность */
/* Поверх общего корпоративного слоя PhysiotherapyPage.modern.css (как у педиатрии) */

:root {
  --k-purple: #7C4DFF;
  --k-purple-dark: #5E35B1;
  --k-purple-light: #9575CD;
  --k-violet: #651FFF;
  --k-lavender: #B39DDB;
  --k-lavender-pale: #D1C4E9;
  --k-gold: #E8B86D;
}

/* ========== Floating Decorative Background ========== */
.specialty-hero { position: relative; }

.why-section { position: relative; overflow: hidden; }
.why-section::after {
  content: '';
  position: absolute;
  top: 12%;
  right: -2%;
  width: 130px;
  height: 130px;
  background: radial-gradient(circle, rgba(124, 77, 255, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg-kegel 7s ease-in-out infinite;
}

.services-section { position: relative; overflow: hidden; }
.services-section::after {
  content: '';
  position: absolute;
  bottom: 5%;
  left: -2%;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(149, 117, 205, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg-kegel 8s ease-in-out infinite reverse;
}

.kegel-symptoms { position: relative; overflow: hidden; }
.kegel-symptoms::after {
  content: '';
  position: absolute;
  top: 20%;
  right: -3%;
  width: 110px;
  height: 110px;
  background: radial-gradient(circle, rgba(124, 77, 255, 0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg-kegel 9s ease-in-out infinite;
}

.kegel-procedure { position: relative; overflow: hidden; }
.kegel-procedure::after {
  content: '';
  position: absolute;
  bottom: 8%;
  right: -2%;
  width: 90px;
  height: 90px;
  background: radial-gradient(circle, rgba(177, 157, 219, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg-kegel 6s ease-in-out infinite reverse;
}

.kegel-price { position: relative; overflow: hidden; }
.kegel-price::after {
  content: '';
  position: absolute;
  top: 25%;
  left: -3%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(232, 184, 109, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg-kegel 8s ease-in-out infinite;
}

.kegel-final { position: relative; overflow: hidden; }
.kegel-final::before {
  content: '';
  position: absolute;
  bottom: -10%;
  right: -5%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(124, 77, 255, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

@keyframes float-bg-kegel {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.5; }
  50% { transform: translateY(-20px) scale(1.1); opacity: 0.8; }
}

/* ========== Hero - Playful Additions ========== */

/* Акцент заголовка направления */
.specialty-hero__title .highlight-kegel {
  color: var(--k-purple) !important;
  font-weight: 900 !important;
  position: relative;
}

.specialty-hero__title .highlight-kegel::after {
  content: ' ✦';
  font-size: 0.5em;
  display: inline-block;
  animation: sparkle-kegel 2s ease-in-out infinite;
}

@keyframes sparkle-kegel {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.2) rotate(15deg); }
}

/* Плавающие символы вокруг заголовка */
.specialty-hero__title::before {
  content: '✦';
  position: absolute;
  top: -25px;
  left: -35px;
  font-size: 22px;
  color: var(--k-gold);
  animation: symbol-float-kegel 3s ease-in-out infinite;
}

.specialty-hero__title::after {
  content: '✧';
  position: absolute;
  bottom: -20px;
  right: -25px;
  font-size: 18px;
  color: var(--k-lavender);
  animation: symbol-float-kegel 3.5s ease-in-out infinite 0.8s;
}

@keyframes symbol-float-kegel {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.7; }
  50% { transform: translateY(-10px) rotate(10deg); opacity: 1; }
}

/* Пояснение под заголовком — заметный зелёный акцент (как просил владелец) */
.specialty-hero__subtitle {
  color: #1B5E45 !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  margin-bottom: 12px;
}

/* Фичи hero — фиолетовые градиенты + золотой акцент */
.specialty-hero__feature:nth-child(1) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #7C4DFF, #5E35B1) !important;
}
.specialty-hero__feature:nth-child(2) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #9575CD, #7C4DFF) !important;
}
.specialty-hero__feature:nth-child(3) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #B39DDB, #9575CD) !important;
}
.specialty-hero__feature:nth-child(4) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #E8B86D, #D4A03C) !important;
}

/* ========== Section Titles - Playful Underline ========== */
.section-title {
  position: relative;
  display: inline-block;
}

.section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 5px;
  margin: 12px auto 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #7C4DFF, #9575CD, #B39DDB, #E8B86D);
  animation: gradient-shift-kegel 3s ease-in-out infinite;
  background-size: 200% 100%;
}

@keyframes gradient-shift-kegel {
  0%, 100% { background-position: 0% 50%; width: 80px; }
  50% { background-position: 100% 50%; width: 120px; }
}

/* ========== Why Cards - Playful ========== */
.why-section__card:nth-child(1) .why-section__card-icon {
  background: linear-gradient(135deg, #7C4DFF, #5E35B1) !important;
}
.why-section__card:nth-child(2) .why-section__card-icon {
  background: linear-gradient(135deg, #9575CD, #7C4DFF) !important;
}
.why-section__card:nth-child(3) .why-section__card-icon {
  background: linear-gradient(135deg, #B39DDB, #9575CD) !important;
}
.why-section__card:nth-child(4) .why-section__card-icon {
  background: linear-gradient(135deg, #E8B86D, #D4A03C) !important;
}

.why-section__card:hover {
  transform: translateY(-10px) scale(1.03) !important;
}

.why-section__card:hover .why-section__card-icon {
  animation: icon-wiggle-kegel 0.5s ease-in-out !important;
}

@keyframes icon-wiggle-kegel {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-8deg) scale(1.1); }
  50% { transform: rotate(8deg) scale(1.15); }
  75% { transform: rotate(-5deg) scale(1.1); }
}

/* ========== Services Accordion - Playful ========== */
.services-section__item:nth-child(1) .services-section__header-icon { color: #7C4DFF !important; }
.services-section__item:nth-child(2) .services-section__header-icon { color: #9575CD !important; }
.services-section__item:nth-child(3) .services-section__header-icon { color: #B39DDB !important; }
.services-section__item:nth-child(4) .services-section__header-icon { color: #7C4DFF !important; }
.services-section__item:nth-child(5) .services-section__header-icon { color: #9575CD !important; }
.services-section__item:nth-child(6) .services-section__header-icon { color: #B39DDB !important; }
.services-section__item:nth-child(7) .services-section__header-icon { color: #7C4DFF !important; }
.services-section__item:nth-child(8) .services-section__header-icon { color: #9575CD !important; }

.services-section__item--active .services-section__header-icon {
  color: white !important;
  animation: icon-pop-kegel 0.4s ease-out !important;
}

@keyframes icon-pop-kegel {
  0% { transform: scale(0.8); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1.1); }
}

.services-section__includes li i {
  background: #7C4DFF !important;
  color: white !important;
}

.services-section__btn {
  background: linear-gradient(135deg, #7C4DFF, #9575CD) !important;
  box-shadow: 0 4px 20px rgba(124, 77, 255, 0.3) !important;
}

.services-section__btn:hover {
  box-shadow: 0 8px 30px rgba(124, 77, 255, 0.5) !important;
}

/* ========== Кастомные секции — фиолетовые акценты ========== */
.kegel-symptoms__item i,
.kegel-women__extra-item i,
.kegel-men__item i,
.kegel-benefits__item i,
.kegel-price__item i,
.kegel-procedure__course-item i {
  color: var(--k-purple) !important;
}

.kegel-symptoms__quote {
  border-left-color: var(--k-purple) !important;
}
.kegel-symptoms__quote i {
  color: var(--k-purple) !important;
}

.kegel-women__extra,
.kegel-procedure__course {
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.06), rgba(177, 157, 219, 0.08)) !important;
  border-color: rgba(124, 77, 255, 0.15) !important;
}

.kegel-procedure__icon {
  background: linear-gradient(135deg, #7C4DFF, #9575CD) !important;
  box-shadow: 0 10px 30px rgba(124, 77, 255, 0.3) !important;
}

.kegel-men__label,
.kegel-how__label {
  color: var(--k-purple) !important;
}

.kegel-price__value {
  color: var(--k-purple) !important;
}

.kegel-price__btn--outline {
  color: var(--k-purple) !important;
  border-color: var(--k-purple) !important;
}

.kegel-price__btn--outline:hover {
  background: var(--k-purple) !important;
  color: white !important;
}

.kegel-final__price {
  background: linear-gradient(135deg, #7C4DFF, #5E35B1) !important;
  box-shadow: 0 10px 30px rgba(124, 77, 255, 0.35) !important;
}

.kegel-final__dot {
  color: var(--k-purple) !important;
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
  .specialty-hero__title::before,
  .specialty-hero__title::after {
    display: none;
  }
  .specialty-hero__subtitle {
    font-size: 19px !important;
  }
}