@media (max-width: 1200px) {
  .container {
    width: min(calc(100% - 48px), var(--sgp-max));
  }

.site-header__inner {
  grid-template-columns: max-content 1fr max-content;
  gap: 12px;
}
  .site-menu {
    gap: 24px;
  }

  .site-menu a {
    font-size: 0.8rem;
  }

  .hero__grid {
    grid-template-columns: 1fr 1fr;
  }

  .hero__title {
    font-size: clamp(4.2rem, 8vw, 7rem);
  }

  .product-snapshot__grid {
    grid-template-columns: 0.95fr 1.05fr;
    gap: 40px;
  }
}

@media (max-width: 992px) {
  .container {
    width: min(calc(100% - 40px), var(--sgp-max));
  }

  .site-header__inner {
    min-height: 76px;
    grid-template-columns: max-content 1fr auto;
    gap: 14px;
  }

  .site-header__logo-wrap {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .site-header__brand-line {
    font-size: 0.82rem;
  }

  .site-menu {
    gap: 16px;
  }

  .site-menu a {
    font-size: 0.72rem;
    letter-spacing: 0.04em;
  }

  .sgp-button {
    min-height: 46px;
    padding: 0 16px;
    font-size: 0.78rem;
  }

  .hero {
    padding: 32px 0 0;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hero__content {
    max-width: 100%;
    padding: 24px 0 32px;
  }

  .hero__content::before {
    display: none;
  }

  .hero__media {
    left: 0;
    min-height: 520px;
  }

  .hero__title {
    max-width: 8ch;
    font-size: clamp(3.8rem, 11vw, 6rem);
  }

  .hero__subtitle {
    max-width: 20ch;
    font-size: 1rem;
  }

  .hero__button {
    max-width: 320px;
  }

  .ticker {
    margin: 24px 0;
    transform: rotate(-0.7deg);
  }

  .ticker__track {
    gap: 56px;
    animation: ticker-scroll 16s linear infinite;
  }

  .ticker__item {
    font-size: 0.92rem;
  }

  .product-snapshot {
    padding: 88px 0;
  }

  .product-snapshot__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .product-snapshot__title {
    max-width: 16ch;
  }

  .product-snapshot__items {
    gap: 36px 28px;
  }
}