.ipscmi-order-widgets-header {
  --ipscmi-header-background: #fff;
  --ipscmi-header-color: #202428;
  --ipscmi-header-accent: #176fa8;
  background: var(--ipscmi-header-background);
  color: var(--ipscmi-header-color);
  width: 100%;
}
.ipscmi-order-widgets-header, .ipscmi-order-widgets-header * { box-sizing: border-box; }
.ipscmi-order-widgets-header__inner {
  max-width: var(--ipscmi-header-width, 1200px);
  margin-inline: auto;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.ipscmi-order-widgets-header a { color: inherit; text-decoration: none; }
.ipscmi-order-widgets-header__brand { flex-shrink: 0; max-width: 60%; font-weight: 700; font-size: 24px; }
.ipscmi-order-widgets-header__logo { display: block; width: var(--ipscmi-header-logo-width, 220px); height: auto; max-width: 100%; }
.ipscmi-order-widgets-header__nav { display: flex; align-items: center; gap: 24px; }
.ipscmi-order-widgets-header__menu { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; list-style: none; }
.ipscmi-order-widgets-header__menu li { position: relative; list-style: none; }
.ipscmi-order-widgets-header__menu a { display: block; padding: 10px 4px; }
.ipscmi-order-widgets-header__menu a:hover, .ipscmi-order-widgets-header__menu .current-menu-item > a { color: var(--ipscmi-header-accent); }
.ipscmi-order-widgets-header__menu .sub-menu { display: none; position: absolute; z-index: 50; top: 100%; inset-inline-start: 0; min-width: 200px; max-width: 80vw; margin: 0; padding: 12px; background: var(--ipscmi-header-background); box-shadow: 0 8px 24px #0002; }
.ipscmi-order-widgets-header__menu li:hover > .sub-menu, .ipscmi-order-widgets-header__menu li:focus-within > .sub-menu { display: block; }
.ipscmi-order-widgets-header__menu .sub-menu .sub-menu { position: static; box-shadow: none; padding-inline-start: 16px; }
.ipscmi-order-widgets-header a.ipscmi-order-widgets-header__button { display: inline-block; padding: 12px 18px; border-radius: 4px; background: var(--ipscmi-header-accent); color: #fff; white-space: nowrap; }
.ipscmi-order-widgets-header__toggle { display: none; }
.ipscmi-order-widgets-header :focus-visible { outline: 2px solid var(--ipscmi-header-accent); outline-offset: 4px; }
@media (max-width: 767px) {
  .ipscmi-order-widgets-header__inner { flex-wrap: wrap; gap: 16px; }
  .ipscmi-order-widgets-header__nav { flex-basis: 100%; align-items: stretch; flex-direction: column; gap: 12px; }
  .ipscmi-order-widgets-header__menu { flex-direction: column; align-items: stretch; gap: 0; }
  .ipscmi-order-widgets-header__menu .sub-menu { display: block; position: static; box-shadow: none; padding: 0 0 0 20px; }
  .ipscmi-order-widgets-enhanced .ipscmi-order-widgets-header__toggle { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid currentColor; background: transparent; color: inherit; border-radius: 4px; cursor: pointer; }
  .ipscmi-order-widgets-enhanced .ipscmi-order-widgets-header__nav { display: none; }
  .ipscmi-order-widgets-enhanced .ipscmi-order-widgets-header.is-open .ipscmi-order-widgets-header__nav { display: flex; }
}