/* Главная /kids — тёмная тема (инлайн в denta-kids-home-landing.html перебивает общие токены и hex). Подключается после </style> в source. */

html[data-theme="dark"] .trust {
  background: var(--footer-bg);
  color: var(--footer-fg);
}

html[data-theme="dark"] .trust-num {
  background: linear-gradient(135deg, var(--mint) 0%, var(--sunny) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="dark"] .trust-label {
  opacity: 0.88;
  color: rgba(221, 232, 252, 0.82);
}

html[data-theme="dark"] .process {
  background: var(--white);
}

html[data-theme="dark"] .step:nth-child(1) {
  background: linear-gradient(
    145deg,
    rgba(62, 207, 178, 0.24) 0%,
    rgba(15, 53, 48, 0.96) 100%
  ) !important;
}

html[data-theme="dark"] .step:nth-child(2) {
  background: linear-gradient(
    145deg,
    rgba(255, 122, 107, 0.2) 0%,
    rgba(61, 40, 38, 0.96) 100%
  ) !important;
}

html[data-theme="dark"] .step:nth-child(3) {
  background: linear-gradient(
    145deg,
    rgba(255, 200, 87, 0.14) 0%,
    rgba(61, 52, 32, 0.96) 100%
  ) !important;
}

html[data-theme="dark"] .step:nth-child(4) {
  background: linear-gradient(
    145deg,
    rgba(91, 179, 220, 0.26) 0%,
    rgba(22, 36, 52, 0.98) 100%
  ) !important;
}

html[data-theme="dark"] .step-num {
  color: rgba(248, 250, 255, 0.96);
  -webkit-text-stroke: 2px rgba(11, 37, 69, 0.85);
}

html[data-theme="dark"] .step-icon {
  background: rgba(22, 34, 52, 0.92);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .step-title {
  color: var(--ink);
}

html[data-theme="dark"] .step-text {
  color: rgba(200, 211, 234, 0.88);
}

html[data-theme="dark"] .why {
  background: linear-gradient(180deg, var(--cream) 0%, rgba(62, 207, 178, 0.08) 100%);
}

html[data-theme="dark"] .why-card {
  background: rgba(22, 34, 52, 0.92);
  border: 1px solid rgba(232, 240, 255, 0.06);
}

html[data-theme="dark"] .why-card:nth-child(3n) .why-icon {
  background: rgba(255, 200, 87, 0.18);
  color: #f5d47a;
}

html[data-theme="dark"] .why-title {
  color: var(--ink);
}

html[data-theme="dark"] .why-text {
  color: rgba(200, 211, 234, 0.88);
}

html[data-theme="dark"] .services {
  background: var(--white);
}

html[data-theme="dark"] .service {
  border-color: rgba(232, 240, 255, 0.06);
}

html[data-theme="dark"] .service:hover {
  border-color: rgba(156, 245, 223, 0.14);
}

html[data-theme="dark"] .service.s-mint {
  background: linear-gradient(
    145deg,
    rgba(62, 207, 178, 0.22) 0%,
    rgba(15, 53, 48, 0.92) 100%
  ) !important;
  color: var(--ink);
}

html[data-theme="dark"] .service.s-coral {
  background: linear-gradient(
    145deg,
    rgba(255, 122, 107, 0.18) 0%,
    rgba(61, 40, 38, 0.94) 100%
  ) !important;
  color: var(--ink);
}

html[data-theme="dark"] .service.s-sunny {
  background: linear-gradient(
    145deg,
    rgba(255, 200, 87, 0.14) 0%,
    rgba(61, 52, 32, 0.92) 100%
  ) !important;
  color: var(--ink);
}

html[data-theme="dark"] .service.s-sky {
  background: linear-gradient(
    145deg,
    rgba(91, 179, 220, 0.22) 0%,
    rgba(22, 36, 52, 0.96) 100%
  ) !important;
  color: var(--ink);
}

html[data-theme="dark"] .service.s-ink {
  background: linear-gradient(145deg, #1a2838 0%, #0f1724 100%) !important;
  color: rgba(248, 250, 255, 0.95);
}

html[data-theme="dark"] .service.s-mint-solid {
  background: linear-gradient(145deg, var(--mint-deep) 0%, #0f4a3e 100%) !important;
  color: rgba(248, 250, 255, 0.96);
}

html[data-theme="dark"] .service-desc {
  opacity: 0.88;
  color: inherit;
}

html[data-theme="dark"] .service.s-ink .service-desc,
html[data-theme="dark"] .service.s-mint-solid .service-desc {
  color: rgba(248, 250, 255, 0.82);
}

html[data-theme="dark"] .service-actions {
  border-top-color: rgba(232, 240, 255, 0.12);
}

html[data-theme="dark"] .service-icon {
  background: rgba(22, 34, 52, 0.85);
}

html[data-theme="dark"] .service.s-ink .service-icon,
html[data-theme="dark"] .service.s-mint-solid .service-icon {
  background: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .service-link {
  background: rgba(232, 240, 255, 0.1);
  color: var(--ink);
  border: 1px solid rgba(232, 240, 255, 0.12);
}

html[data-theme="dark"] .service-link:hover {
  background: var(--mint);
  color: #0b2545;
}

html[data-theme="dark"] .service.s-ink .service-link,
html[data-theme="dark"] .service.s-mint-solid .service-link {
  background: rgba(255, 255, 255, 0.14);
  color: rgba(248, 250, 255, 0.96);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .service.s-ink .service-link:hover,
html[data-theme="dark"] .service.s-mint-solid .service-link:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

html[data-theme="dark"] .service-price {
  color: inherit;
}

html[data-theme="dark"] .hero-proofs {
  border-top-color: rgba(232, 240, 255, 0.12);
}

html[data-theme="dark"] .hero-link-more {
  color: rgba(232, 240, 255, 0.72);
}

html[data-theme="dark"] .hero-link-more:hover {
  color: var(--mint);
}

html[data-theme="dark"] .hero-float-icon.sunny {
  background: rgba(255, 200, 87, 0.2);
  color: #f5d47a;
}

html[data-theme="dark"] .cta-final {
  background: radial-gradient(
      ellipse 70% 55% at 20% 25%,
      rgba(62, 207, 178, 0.18) 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 60% 50% at 85% 75%,
      rgba(255, 122, 107, 0.14) 0%,
      transparent 50%
    ),
    #070b11 !important;
  color: rgba(248, 250, 255, 0.95);
}

html[data-theme="dark"] .cta-final .cta-title,
html[data-theme="dark"] .cta-final .cta-sub {
  color: rgba(248, 250, 255, 0.96);
}

html[data-theme="dark"] .cta-form input {
  color: var(--ink);
}

html[data-theme="dark"] .cta-form input::placeholder {
  color: rgba(90, 110, 138, 0.85);
}

html[data-theme="dark"] .price-btn {
  color: #0b2545;
}

html[data-theme="dark"] .price-btn:hover {
  color: #0b2545;
}

html[data-theme="dark"] .offer .btn-primary {
  color: #0b2545;
}

html[data-theme="dark"] .team-bridge {
  background: linear-gradient(180deg, rgba(15, 24, 40, 0.4) 0%, transparent 100%);
}

html[data-theme="dark"] .team-bridge__inner {
  background: rgba(22, 34, 52, 0.96);
  border-color: rgba(62, 207, 178, 0.22);
}

html[data-theme="dark"] .team-bridge__label {
  background: rgba(62, 207, 178, 0.14);
  color: var(--mint);
}

html[data-theme="dark"] .offer-bonus {
  background: rgba(22, 34, 52, 0.96);
  color: var(--ink);
  border: 1px solid rgba(232, 240, 255, 0.08);
}

html[data-theme="dark"] .offer-bonus::before {
  color: #0b2545;
}

html[data-theme="dark"] .section-label.cream {
  color: #f5d47a;
}

html[data-theme="dark"] .btn-primary {
  color: #ffffff;
}

html[data-theme="dark"] .hero-badge-dot {
  color: #ffffff;
}

html[data-theme="dark"] .sleep {
  background:
    radial-gradient(
      ellipse 75% 55% at 15% 35%,
      rgba(62, 207, 178, 0.14) 0%,
      transparent 58%
    ),
    linear-gradient(165deg, #0f1724 0%, #070b11 100%) !important;
  color: rgba(248, 250, 255, 0.95);
}

html[data-theme="dark"] .sleep::before {
  opacity: 0.65;
}

html[data-theme="dark"] .sleep .section-title {
  color: rgba(248, 250, 255, 0.98) !important;
}

html[data-theme="dark"] .sleep .section-sub {
  color: rgba(221, 232, 252, 0.78) !important;
}

html[data-theme="dark"] .sleep-card {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .sleep-card:hover {
  background: rgba(255, 255, 255, 0.11);
}

html[data-theme="dark"] .sleep-card-title {
  color: rgba(248, 250, 255, 0.96);
}

html[data-theme="dark"] .sleep-card-text {
  color: rgba(221, 232, 252, 0.78);
  opacity: 1;
}

html[data-theme="dark"] .sleep-card-icon {
  color: #0b2545;
}

html[data-theme="dark"] .sleep-form-badge {
  color: #ffffff;
}

html[data-theme="dark"] .sleep-form-badge::before {
  background: #ffffff;
}

html[data-theme="dark"] .sleep-form-btn {
  color: #0b2545;
}

html[data-theme="dark"] .sleep-visual {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.07) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .gallery {
  background: var(--white);
}

html[data-theme="dark"] .pricing {
  background: var(--white);
}

html[data-theme="dark"] .price-list {
  border: 1px solid rgba(232, 240, 255, 0.06);
}

html[data-theme="dark"] .price-row:hover {
  background: rgba(22, 34, 52, 0.85);
}

html[data-theme="dark"] .price-row + .price-row {
  border-top-color: rgba(232, 240, 255, 0.08);
}

html[data-theme="dark"] .faq {
  background: rgba(62, 207, 178, 0.06);
}

html[data-theme="dark"] .faq-item.open .faq-q-icon {
  background: rgba(255, 122, 107, 0.22);
  color: #ffb4a8;
}

html[data-theme="dark"] .doctors {
  background: linear-gradient(180deg, var(--cream) 0%, rgba(62, 207, 178, 0.05) 100%);
}

html[data-theme="dark"] .doctor {
  background: rgba(22, 34, 52, 0.92);
  border: 1px solid rgba(232, 240, 255, 0.06);
}

html[data-theme="dark"] .doctor-exp {
  border-top-color: rgba(232, 240, 255, 0.1);
}

/* Главная (/): на узком экране плашки не наезжают на «мордочку» — иллюстрация сверху, чипы снизу в ряд */
@media (max-width: 768px) {
  .hero--kids-home .hero-art {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "character character character"
      "chip1 chip2 chip3";
    gap: 12px 8px;
    height: auto;
    left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero--kids-home .hero-card-main {
    grid-area: character;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    min-height: 0;
    height: auto;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px 8px;
  }

  .hero--kids-home .hero-character {
    position: relative;
    inset: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero--kids-home .hero-character svg {
    width: min(68%, 260px);
    height: auto;
    max-height: none;
  }

  .hero--kids-home .hero-float {
    position: static;
    animation: none;
    max-width: none;
    padding: 10px 6px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 6px;
    font-size: 11px;
    line-height: 1.25;
    border-radius: 14px;
  }

  .hero--kids-home .hero-float-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
    flex-shrink: 0;
  }

  .hero--kids-home .hero-float-1 {
    grid-area: chip1;
  }

  .hero--kids-home .hero-float-2 {
    grid-area: chip2;
  }

  .hero--kids-home .hero-float-3 {
    grid-area: chip3;
  }
}

@media (max-width: 380px) {
  .hero--kids-home .hero-float {
    font-size: 10px;
    padding: 8px 4px;
  }

  .hero--kids-home .hero-float-icon {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
}