.af-site-header__inner { gap: 0.75rem; }
.af-site-header__inner > .af-site-brand { order: 0; flex-shrink: 1; min-width: 0; }
.af-site-header__inner > .af-site-header__nav-wrap { order: 1; margin-left: auto; }
.af-site-header__inner > .axo-header-cart { order: 2; }
.af-site-header__inner > .af-menu-toggle { order: 3; }
.af-site-header .axo-header-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  flex: 0 0 auto;
  min-width: 52px;
  min-height: 52px;
  padding: 0;
  margin: 0;
  color: var(--axo-ink, #111820);
  text-decoration: none;
  border-radius: 4px;
}
.af-site-header .axo-header-cart img { display: block; width: 40px; height: 40px; object-fit: contain; }
.axo-header-cart__count { font-size: 1rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; }
.axo-header-cart__count[hidden] { display: none !important; }
.af-site-header .axo-header-cart:hover { background: rgba(255, 210, 63, 0.2); }
.af-site-header .axo-header-cart:focus-visible { outline: 3px solid var(--axo-red, #ef4b2f); outline-offset: 3px; }
@media (max-width: 899px) {
  .af-site-header__inner { gap: 0.5rem; }
  .af-site-header__inner > .af-site-brand { margin-right: auto; flex: 1 1 0; }
  .af-site-header__inner > .af-site-header__nav-wrap { display: contents; }
  .af-site-header__inner > .axo-header-cart { order: 1; }
  .af-site-header__inner > .af-menu-toggle { order: 2; margin-left: 0; }
  .af-site-header .axo-header-cart { min-width: 44px; min-height: 48px; }
  .af-site-header .axo-header-cart img { width: 34px; height: 34px; }
  .af-site-header .af-site-logo { min-width: 0; max-width: 100%; }
  .af-site-header .af-site-logo .custom-logo { max-width: 100%; }
}

/* Rock around the wheels twice without moving the quantity or hit target. */
.af-site-header .axo-header-cart img { transform-origin: 50% 85%; }
.af-site-header .axo-header-cart.is-rocking img {
  animation: axo-cart-rock 550ms ease-in-out 2;
}
@keyframes axo-cart-rock {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-7deg); }
  75% { transform: rotate(6deg); }
}
@media (prefers-reduced-motion: reduce) {
  .af-site-header .axo-header-cart.is-rocking img { animation: none !important; }
}