/* Фикс масштаба: лого не наплывает на контент, герой не громоздкий */

/* --- Шапка: безопасная зона и компактный логотип --- */
nav.fixed.top-0 {
  padding-top: max(env(safe-area-inset-top, 0px), 8px);
  padding-bottom: 0.5rem;
}
nav.fixed.top-0 .max-w-7xl {
  min-height: 2.5rem;
  align-items: center;
}
nav.fixed.top-0 img[alt="HOCKEY MAGAZINE"],
nav.fixed.top-0 img[alt*="MAGAZINE"] {
  max-height: 2rem !important;
  height: auto !important;
  width: auto !important;
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  nav.fixed.top-0 img[alt="HOCKEY MAGAZINE"],
  nav.fixed.top-0 img[alt*="MAGAZINE"] {
    max-height: 2.25rem !important;
  }
}

/* Кнопка «Заказать» в шапке — компактнее */
nav.fixed.top-0 a[href="#contact"] {
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
}
@media (min-width: 640px) {
  nav.fixed.top-0 a[href="#contact"] {
    padding: 0.5rem 1.25rem !important;
  }
}

/* --- Герой (первая секция): контент ниже шапки, заголовок не обрезается --- */
#root section:first-of-type {
  min-height: 100vh;
  padding-top: 4rem; /* место под шапку */
  box-sizing: border-box;
  overflow: visible; /* не обрезать «КОЛЛЕКЦИОННЫЙ» и контент */
}
#root section:first-of-type .relative.z-10.max-w-7xl.mx-auto:first-of-type {
  padding-top: 0.5rem;
}

/* Заголовок героя — меньше и аккуратнее */
#root section:first-of-type h1 {
  font-size: clamp(1.75rem, 4.5vw, 2.75rem) !important;
  line-height: 1.2 !important;
  margin-bottom: 0.75rem !important;
  letter-spacing: 0.02em !important;
}
@media (min-width: 768px) {
  #root section:first-of-type h1 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
  }
}
@media (min-width: 1024px) {
  #root section:first-of-type h1 {
    font-size: clamp(2.25rem, 3.5vw, 3.25rem) !important;
  }
}

/* Подзаголовок и блок подарка — компактнее */
#root section:first-of-type .text-xl {
  font-size: 1rem !important;
  margin-bottom: rem !important;
}
#root section:first-of-type .inline-flex.animate-pulse {
  padding: 0.35rem 0.75rem !important;
  font-size: 0.8125rem !important;
  margin-bottom: 0.5rem !important;
}
#root section:first-of-type .inline-block.border.border-\[\#E31837\] {
  padding: 0.35rem 0.75rem !important;
  font-size: 0.6rem !important;
  margin-bottom: 0.75rem !important;
}

/* Кнопки «Узнать больше» и «Смотреть видео» — меньше */
#root section:first-of-type .flex.gap-4 a {
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
}
@media (min-width: 640px) {
  #root section:first-of-type .flex.gap-4 a {
    padding: 0.6rem 1.25rem !important;
  }
}

/* Фото справа в герое — размер и сдвиг задаются инлайном в HTML (чтобы не перекрывать текст) */

/* Блок «Собери всю коллекцию» справа внизу — компактнее */
#root section:first-of-type .absolute.bottom-8.right-8.rounded-xl {
  padding: 0.5rem 0.75rem !important;
  font-size: 0.75rem;
}
#root section:first-of-type .absolute.bottom-8.right-8 .w-10.h-10 {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem;
  min-height: 1.75rem;
}