/* Плавающий блок контактов: правый верх. «Поделиться» скрыт. */

/* Кнопка «Поделиться» */
#root [class~="fixed"][class~="bottom-6"][class~="right-6"][class~="flex-col"][class~="items-center"][class~="gap-2"],
#root .fixed.bottom-6.right-6.z-50.flex.flex-col.items-center.gap-2 {
  display: none !important;
}

/* Блок контактов: правый верх */
#root [class~="fixed"][class~="bottom-6"][class~="left-6"][class~="flex-col"][class~="items-start"][class~="gap-2"],
#root .fixed.bottom-6.left-6.z-50.flex.flex-col.items-start.gap-2 {
  bottom: auto !important;
  left: auto !important;
  top: max(0.75rem, env(safe-area-inset-top, 0px)) !important;
  right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
  align-items: flex-end !important;
}

/* Асфальтовый контур 1px — круглая основная кнопка и ссылки */
#root [class~="fixed"][class~="bottom-6"][class~="left-6"][class~="flex-col"][class~="items-start"][class~="gap-2"] > a[class~="rounded-full"],
#root [class~="fixed"][class~="bottom-6"][class~="left-6"][class~="flex-col"][class~="items-start"][class~="gap-2"] > button[class~="rounded-full"],
#root .fixed.bottom-6.left-6.z-50.flex.flex-col.items-start.gap-2 > a.rounded-full,
#root .fixed.bottom-6.left-6.z-50.flex.flex-col.items-start.gap-2 > button.rounded-full {
  border: 1px solid #4a4e57 !important;
  box-sizing: border-box;
}

/* «Как это работает»: подзаголовок визуально прозрачный, место под строку сохраняется */
#root .landing-kd-subtitle {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

/* Герой: уже CTA на мобилке (класс landing-hero-ctas в бандле) */
@media (max-width: 639.98px) {
  #root .landing-hero-ctas {
    align-items: center;
  }

  #root .landing-hero-ctas > a,
  #root .landing-hero-ctas > button {
    width: 100%;
    max-width: 220px;
    box-sizing: border-box;
    justify-content: center;
  }
}

@media (min-width: 640px) {
  [data-sonner-toaster][data-y-position="bottom"] {
    bottom: max(1rem, env(safe-area-inset-bottom, 0px)) !important;
  }
}