/* Базовые стили (порт src/app/globals.css без @import tailwindcss).
   Tailwind-утилиты подключаются отдельным файлом tw.css (локальная сборка).
   site.css и ios-motion.css подключаются в layout отдельными тегами. */

:root {
  --background: #ffffff;
  --foreground: #171717;
  --font-geist-sans: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-geist-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Праздничные шрифты (в Next их подставлял HomeFestiveFonts). */
.home-festive {
  --font-ny-heading: "Cormorant Garamond", Georgia, serif;
  --font-ny-ui: "Onest", system-ui, sans-serif;
}

@keyframes mesh-shift {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 40%;
  }
}

html {
  overflow-x: clip;
  max-width: 100%;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ПК шире ноутбука — чуть крупнее база (ноут ~1366–1536 не трогаем) */
@media (min-width: 1600px) {
  html {
    font-size: 17px;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 18px;
  }
}

html,
body {
  font-family: var(--font-geist-sans), system-ui, sans-serif;
}

body {
  overflow-x: clip;
  max-width: 100%;
  min-height: 100%;
  position: relative;
}

img,
video,
iframe {
  max-width: 100%;
}

/* Hero: высота от самой картинки */
body.home-festive .hero-image__media {
  max-width: none;
  height: auto;
  width: 100%;
}

body.home-festive .home-promo-strip__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}