/* Region hero header cleanup and carousel peek tuning.
   Keeps the approved Playful Premium look while removing the extra title block above
   the Turkey carousel and making neighboring slides visibly previewable. */

.region-page .page-head {
  display: none !important;
}

.region-page .region-hero {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

.region-page .hero-track {
  gap: 16px !important;
  padding-bottom: 12px !important;
}

.region-page .hero-slide {
  flex-basis: 72% !important;
  min-width: 72% !important;
}

/* Desktop: the app grows to its 520px max-width while the slide height stays
   fixed at 260px, so a 72%-wide slide turns landscape. Narrow the slide so its
   width matches the mobile proportions (≈ square / vertical) instead of stretching
   horizontally. */
@media (min-width: 561px) {
  .region-page .hero-slide {
    flex: 0 0 auto !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }
}

@media (max-width: 560px) {
  .region-page .region-hero {
    margin-top: 0 !important;
  }

  .region-page .hero-track {
    gap: 14px !important;
  }

  .region-page .hero-slide {
    flex-basis: 73% !important;
    min-width: 73% !important;
  }
}

@media (max-width: 380px) {
  .region-page .hero-slide {
    flex-basis: 76% !important;
    min-width: 76% !important;
  }
}

/* Квадратные слайды карусели (Турция + СНГ + Позиции): картинка вписывается ЦЕЛИКОМ
   (ничего не режется), плитка крупная — 86% на мобиле, 420px на десктопе. Индия и
   «Другие сервисы» — без карусели, их это не касается. */
.region-hero[data-region="turkey"] .hero-slide,
.region-hero[data-region="cis"] .hero-slide,
.region-hero[data-region="sharing"] .hero-slide {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  flex-basis: 86% !important;
  min-width: 86% !important;
}
.region-hero[data-region="turkey"] .hero-slide-img,
.region-hero[data-region="cis"] .hero-slide-img,
.region-hero[data-region="sharing"] .hero-slide-img {
  object-fit: contain !important;
}
@media (min-width: 561px) {
  .region-hero[data-region="turkey"] .hero-slide,
  .region-hero[data-region="cis"] .hero-slide,
  .region-hero[data-region="sharing"] .hero-slide {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    flex: 0 0 auto !important;
  }
}