/** Shopify CDN: Minification failed

Line 90:1 Expected "}" to go with "{"

**/
/* ================================
 * Force drawer/hamburger menu on desktop
 * ================================ */

/* Show the drawer container that's hidden on desktop */
@media screen and (min-width: 750px) {
  .header__drawer {
    display: block !important;
  }

  /* Hide the inline desktop menu and localization */
  #header-component .header-menu,
  #header-component .dropdown-localization.mobile\:hidden {
    display: none !important;
  }

  /* Force drawer-style grid layout */
  #header-component .header__column {
    display: contents;
  }

  #header-component .header__columns {
    --header-mobile-bookend: 44px;
    grid-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr var(--header-mobile-bookend) var(--header-mobile-bookend);
    grid-template-areas: 'leftA leftB center rightA rightB';
    column-gap: 0;
    align-items: center;
    padding-block: 0;
    padding-inline: 0 var(--padding-3xs);
  }

  #header-component .header__columns .header-logo {
    grid-area: center;
  }

  #header-component .header__columns header-actions {
    grid-area: rightB;
    justify-self: flex-end;
  }

  #header-component .header__columns .search-action {
    grid-area: rightA;
  }

  #header-component .header__columns .header-drawer,
  #header-component .header__columns .header__drawer {
    grid-area: leftA;
  }

  /* Hide the navigation bar row since we're using the drawer */
  #header-component .header__navigation-bar-row {
    display: none !important;
  }
/* ================================
 * Center product recommendations
 * ================================ */
.product-recommendations .resource-list--grid {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

.product-recommendations .resource-list--grid .resource-list__item {
  width: calc(25% - 24px);
  min-width: 250px;
  max-width: 350px;
}
/* ================================
 * Force benefit pills on one row
 * ================================ */
.hp-product-card__benefits,
.ar-product-card__benefits {
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

.hp-product-card__benefit,
.ar-product-card__benefit {
  white-space: nowrap;
  flex-shrink: 1;
  font-size: 0.58rem;
  padding: 2px 8px;
  letter-spacing: 0.02em;
}