/**
 * DEV-037: keep Header and PDP benefits on the Blocksy content grid.
 */
:root {
  --pcuk-theme-content-max: var(--theme-normal-container-max-width, 1290px);
  --pcuk-theme-edge: var(--theme-container-edge-spacing, 90vw);
}

.pcuk-desktop-header__inner {
  display: flex;
  align-items: center;
  gap: 30px;
  width: min(var(--pcuk-theme-edge), var(--pcuk-theme-content-max));
  min-width: 0;
  margin-inline: auto;
}

.pcuk-product-benefits {
  box-sizing: border-box;
  width: min(var(--pcuk-theme-edge), var(--pcuk-theme-content-max));
  max-width: 100%;
  margin-inline: auto;
}

@media (max-width: 767.98px) {
  .pcuk-desktop-header__inner { width: 100%; }
  .pcuk-product-benefits {
    width: calc(100% - 32px);
    margin-inline: auto;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .pcuk-desktop-header { gap: 16px; padding-inline: 0; }
  .pcuk-desktop-header__inner { gap: 18px; }
  .pcuk-desktop-header__nav { gap: 14px; }
  .pcuk-desktop-header__actions { gap: 12px; }
  .pcuk-desktop-header__nav > a,
  .pcuk-nav-dropdown__toggle,
  .pcuk-desktop-header__actions a,
  .pcuk-search-button { font-size: .84rem; }
}

@media (max-width: 767.98px) {
  .pcuk-product-benefits__list { width: 100%; }
}
