/* 5.5.6: shared theme header geometry, independent of checkout/card colors. */
body .om-bar {
  display: flex !important; flex-wrap: wrap !important; align-items: center;
  justify-content: space-between; gap: 12px; min-height: 64px; height: auto !important;
  padding: 12px 16px; box-sizing: border-box; overflow: visible !important;
}
body .om-bar .om-brand {
  display: flex !important; align-items: center; flex: 0 0 auto !important;
  width: 136px !important; min-width: 136px !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; overflow: visible !important;
}
body .om-bar .om-brand img,
body .om-bar .om-brand .om-logo {
  display: block !important; flex: 0 0 auto !important;
  width: 136px !important; min-width: 136px !important; max-width: none !important;
  height: auto !important; max-height: 40px !important;
  object-fit: contain !important; object-position: left center !important;
  margin: 0 !important; padding: 0 !important; overflow: visible !important;
  transform: none !important; clip-path: none !important;
}
body .om-bar .om-nav {
  display: flex !important; flex: 0 1 auto !important; flex-wrap: wrap !important;
  align-items: center; justify-content: flex-end; gap: 14px;
  width: auto !important; min-width: 0 !important; max-width: 100% !important;
  margin: 0 !important; box-sizing: border-box; overflow: visible !important;
}
body .om-bar .om-nav a {
  flex: 0 1 auto; min-width: 0; width: auto !important; max-width: 100%;
  box-sizing: border-box; white-space: normal; overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  body .om-bar { gap: 8px; padding: 10px 12px; }
  body .om-bar .om-nav { gap: 2px !important; padding: 4px !important; }
  body .om-bar .om-nav a {
    padding: 6px 7px !important; margin: 0 !important;
    font-size: 13px !important; line-height: 1.35 !important;
  }
}
@media (max-width: 359px) {
  body .om-bar .om-brand { width: 124px !important; min-width: 124px !important; }
  body .om-bar .om-brand img, body .om-bar .om-brand .om-logo {
    width: 124px !important; min-width: 124px !important; max-height: 34px !important;
  }
  body .om-bar .om-nav a { padding: 6px !important; font-size: 12px !important; }
}