/* R16.58 — exact desktop ticker/hero visual gap + compact phone header only */

/* Desktop only: move the actual visible hero grid upward. This avoids relying on
   the older hero padding stack and makes the ticker-to-content gap visibly smaller. */
@media (min-width: 961px) {
  body.home-v2-body.has-home-header-ticker .home-page-sections > section#home.hero > .container.hero-grid,
  body.home-v2-body.has-home-header-ticker .home-page-sections > .hero:first-child > .container.hero-grid {
    position: relative !important;
    top: -135px !important;
  }
}

/* Phone only: compact logo/menu header. Tablet remains unchanged. */
@media (max-width: 620px) {
  .site-header .nav-wrap {
    min-height: 68px !important;
    height: 68px !important;
    gap: 5px !important;
  }

  .site-header .brand {
    height: 52px !important;
  }

  .site-header .brand-logo {
    max-height: 48px !important;
  }

  .site-header .nav-toggle,
  .site-header .nav-actions .theme-toggle,
  .site-header .header-cart-button,
  .site-header .mobile-login-icon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  .site-header .nav-toggle {
    padding: 7px !important;
  }

  .site-header .site-nav {
    top: 68px !important;
  }

  .header-ticker {
    top: 68px !important;
  }

  body.public-body.has-header-social-bar .header-ticker {
    top: calc(var(--header-social-height) + 68px) !important;
  }

  body.public-body.has-header-social-bar .site-nav {
    top: calc(var(--header-social-height) + 68px) !important;
  }
}