/* Глобальные стили статического лендинга (site/) — фирменные цвета Moskitniesetki.by */
:root {
  --brand-primary: #f97316;
  --brand-primary-dark: #ea580c;
  --brand-accent: #ec4899;
  --brand-muted: #fff7ed;
  color-scheme: light;
}

/*
 * Tailwind Preflight задаёт body { font-family: ui-sans-serif, system-ui, … } —
 * это перебивает наследование от html. Нужен Gilroy с !important на html/body.
 */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: "Gilroy", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-weight: 400;
}

body {
  font-family: "Gilroy", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-weight: 400 !important;
  overflow-x: hidden;
  max-width: 100%;
  min-width: 0;
}

.font-sans {
  font-family: "Gilroy", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gilroy", system-ui, sans-serif !important;
  font-weight: 700;
}

strong,
b {
  font-weight: 700;
}

button,
input,
select,
textarea,
optgroup {
  font-family: inherit !important;
}

/* iOS Safari: фокус в поле с font-size < 16px увеличивает масштаб страницы */
@media (max-width: 1023px) {
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea {
    font-size: 16px !important;
    line-height: 1.4;
  }
}

/* Секция «Виды»: горизонтальный скролл на узких экранах — без видимой полосы */
.vidy-cards-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
.vidy-cards-scroll::-webkit-scrollbar {
  display: none;
}

::selection {
  background: rgba(249, 115, 22, 0.28);
  color: #111827;
}

input[type="checkbox"] {
  accent-color: var(--brand-primary);
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}