/* ========== Pediatrics Playful Design ========== */
/* Детский, весёлый дизайн поверх основного корпоративного стиля */

/* ========== Playful Color Palette ========== */
:root {
  --p-coral: #FF6B6B;
  --p-sunshine: #FFD93D;
  --p-sky: #6EC6FF;
  --p-pink: #FF9EBB;
  --p-mint: #6BCB77;
  --p-lavender: #B388FF;
  --p-peach: #FFB088;
  --p-cyan: #4DD0E1;
}

/* ========== Floating Decorative Background ========== */
/* Colorful floating circles visible on the page */
.specialty-hero {
  position: relative;
}

/* Large colorful floating circles behind content */
.specialty-hero .hero__deco-circle--3 {
  width: 60px !important;
  height: 60px !important;
  background: rgba(255, 107, 107, 0.12) !important;
  top: 60% !important;
  right: -20px !important;
}

/* Add more floating deco circles to sections */
.why-section {
  position: relative;
  overflow: hidden;
}

.why-section::after {
  content: '';
  position: absolute;
  top: 15%;
  right: -3%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(255, 217, 61, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg 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(107, 203, 119, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg 8s ease-in-out infinite reverse;
}

.pediatric-diagnostics {
  position: relative;
  overflow: hidden;
}

.pediatric-diagnostics .container {
  position: relative;
}

.pediatric-diagnostics .container::after {
  content: '';
  position: absolute;
  top: 30%;
  right: -4%;
  width: 90px;
  height: 90px;
  background: radial-gradient(circle, rgba(110, 198, 255, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg 6s ease-in-out infinite;
}

.reviews-section {
  position: relative;
  overflow: hidden;
}

.reviews-section::after {
  content: '';
  position: absolute;
  top: 20%;
  left: -3%;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(255, 158, 187, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-bg 9s ease-in-out infinite reverse;
}

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

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

/* Rainbow gradient title */
.specialty-hero__title .highlight-pediatric {
  color: #FF6B6B !important;
  font-weight: 900 !important;
}

.specialty-hero__title .highlight-pediatric::after {
  content: ' 🌟';
  font-size: 0.6em;
  display: inline-block;
  animation: sparkle-spin 2s ease-in-out infinite;
}

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

/* Floating sparkles around the hero title */
.specialty-hero__title::before {
  content: '✦';
  position: absolute;
  top: -20px;
  left: -30px;
  font-size: 24px;
  color: var(--p-sunshine);
  animation: sparkle-bounce 2s ease-in-out infinite;
}

.specialty-hero__title::after {
  content: '✦';
  position: absolute;
  bottom: -15px;
  right: -20px;
  font-size: 18px;
  color: var(--p-coral);
  animation: sparkle-bounce 2.5s ease-in-out infinite 0.5s;
}

@keyframes sparkle-bounce {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.7; }
  50% { transform: translateY(-8px) scale(1.3); opacity: 1; }
}

/* Feature icons - each a different color */
.specialty-hero__feature:nth-child(1) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #FF6B6B, #E55555) !important;
}
.specialty-hero__feature:nth-child(2) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #FFD93D, #E6B800) !important;
}
.specialty-hero__feature:nth-child(3) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #6EC6FF, #4DA8E8) !important;
}
.specialty-hero__feature:nth-child(4) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #6BCB77, #4CAF50) !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, #FF6B6B, #FFD93D, #6BCB77, #6EC6FF);
  animation: rainbow-stretch 3s ease-in-out infinite;
  background-size: 200% 100%;
}

@keyframes rainbow-stretch {
  0%, 100% { background-position: 0% 50%; width: 80px; }
  50% { background-position: 100% 50%; width: 120px; }
}

/* ========== Why Section - Rainbow Cards ========== */
.why-section__card {
  position: relative;
  overflow: visible !important;
}

/* Each card icon - different color */
.why-section__card:nth-child(1) .why-section__card-icon {
  background: linear-gradient(135deg, #FF6B6B, #E55555) !important;
}

.why-section__card:nth-child(2) .why-section__card-icon {
  background: linear-gradient(135deg, #FFD93D, #E6B800) !important;
}

.why-section__card:nth-child(3) .why-section__card-icon {
  background: linear-gradient(135deg, #6BCB77, #4CAF50) !important;
}

.why-section__card:nth-child(4) .why-section__card-icon {
  background: linear-gradient(135deg, #6EC6FF, #4DA8E8) !important;
}

.why-section__card:nth-child(5) .why-section__card-icon {
  background: linear-gradient(135deg, #FF9EBB, #E87A9E) !important;
}

.why-section__card:nth-child(6) .why-section__card-icon {
  background: linear-gradient(135deg, #B388FF, #9C66E0) !important;
}

/* Card hover - playful bounce */
.why-section__card:hover {
  transform: translateY(-10px) scale(1.03) !important;
}

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

@keyframes icon-wiggle {
  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 Section - Playful ========== */
.services-section__item:nth-child(1) .services-section__header-icon {
  color: #FF6B6B !important;
}
.services-section__item:nth-child(2) .services-section__header-icon {
  color: #FFD93D !important;
}
.services-section__item:nth-child(3) .services-section__header-icon {
  color: #6BCB77 !important;
}
.services-section__item:nth-child(4) .services-section__header-icon {
  color: #6EC6FF !important;
}
.services-section__item:nth-child(5) .services-section__header-icon {
  color: #FF9EBB !important;
}
.services-section__item:nth-child(6) .services-section__header-icon {
  color: #B388FF !important;
}

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

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

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

.services-section__btn {
  background: linear-gradient(135deg, #FF6B6B, #FFB088) !important;
  box-shadow: 0 4px 20px rgba(255, 107, 107, 0.3) !important;
}

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

/* ========== Reviews Section - Playful ========== */
.reviews-section__card-avatar {
  background: linear-gradient(135deg, #FF9EBB, #B388FF) !important;
}

.reviews-section__card-rating i.filled {
  color: #FFD93D !important;
  animation: star-pop 0.3s ease-out;
}

@keyframes star-pop {
  0% { transform: scale(0.5); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

.reviews-section__card-verified {
  color: #6BCB77 !important;
}

/* ========== Pediatric Diagnostics Section - Playful ========== */
.pediatric-diagnostics__card:nth-child(1) .pediatric-diagnostics__icon-bg {
  background: linear-gradient(135deg, #6EC6FF, #4DD0E1) !important;
  box-shadow: 0 10px 30px rgba(110, 198, 255, 0.3) !important;
}
.pediatric-diagnostics__card:nth-child(2) .pediatric-diagnostics__icon-bg {
  background: linear-gradient(135deg, #B388FF, #FF9EBB) !important;
  box-shadow: 0 10px 30px rgba(179, 136, 255, 0.3) !important;
}
.pediatric-diagnostics__card:nth-child(3) .pediatric-diagnostics__icon-bg {
  background: linear-gradient(135deg, #6BCB77, #FFD93D) !important;
  box-shadow: 0 10px 30px rgba(107, 203, 119, 0.3) !important;
}

.pediatric-diagnostics__badge {
  background: linear-gradient(135deg, #FF6B6B, #FFB088) !important;
  box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important;
}

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