/* ============================================================================
   AWA Header Refine Terminal — final-wins (2026-05-25)
   Carrega DEPOIS do CSS gate (home) e do audit bundle (demais páginas).
   Corrige FOUC: inline crítico → gate async → este arquivo vence tudo no header.
   ============================================================================ */

/* S0 — Minicart aberto: vence preload crítico (1º paint fechado) */
html body#html-body .page-wrapper .awa-site-header .awa-header-minicart--expanded .block-minicart,
html body#html-body .page-wrapper .awa-site-header
  .minicart-wrapper:is(.active, .is-open, .show) .block-minicart,
html body#html-body .page-wrapper .awa-site-header .minicart-wrapper .block-minicart._active {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* S1 — Promo bar quiet (2026-05-31-impeccable-v11; sem gradiente vermelho) */
#html-body .page-wrapper #header .top-header.awa-b2b-promo-bar,
#html-body .page-wrapper #header .awa-b2b-promo-bar[data-awa-header-utility],
body .page-wrapper .awa-site-header .top-header.awa-b2b-promo-bar,
body .page-wrapper .awa-site-header .awa-b2b-promo-bar[data-awa-header-utility] {
  background-color: var(--awa-bg-subtle, oklch(97.5% 0.006 20)) !important;
  background-image: none !important;
  box-sizing: border-box !important;
  min-height: 32px !important;
  max-height: 40px !important;
  padding-block: 6px !important;
  padding-inline: 40px 12px !important;
  border: 0 !important;
  border-block-end: 1px solid var(--awa-border, oklch(90% 0.008 20)) !important;
  color: var(--awa-text-secondary, oklch(48% 0.02 20)) !important;
  overflow: hidden !important;
}

#html-body .page-wrapper #header .awa-b2b-promo-bar__cta,
body .page-wrapper .awa-site-header .awa-b2b-promo-bar__cta {
  display: inline !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: var(--awa-primary, oklch(48% 0.14 20)) !important;
  text-decoration: none !important;
}

/* S1a — Tablet promo bar: make the trailing text an actual truncation box. */
@media (min-width: 768px) and (max-width: 991px) {
  #html-body .page-wrapper .awa-site-header .awa-b2b-promo-bar__layout,
  body .page-wrapper .awa-site-header .awa-b2b-promo-bar__layout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--awa-space-2, 8px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-b2b-promo-bar__text,
  body .page-wrapper .awa-site-header .awa-b2b-promo-bar__text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--awa-space-2, 8px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-b2b-promo-bar__lead,
  body .page-wrapper .awa-site-header .awa-b2b-promo-bar__lead {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-b2b-promo-bar__separator,
  body .page-wrapper .awa-site-header .awa-b2b-promo-bar__separator {
    flex: 0 0 auto !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-b2b-promo-bar__cta,
  body .page-wrapper .awa-site-header .awa-b2b-promo-bar__cta {
    flex: 0 0 auto !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-b2b-promo-bar__tail,
  body .page-wrapper .awa-site-header .awa-b2b-promo-bar__tail {
    display: inline-block !important;
    flex: 0 1 min(28vw, 15rem) !important;
    min-width: 0 !important;
    max-inline-size: min(28vw, 15rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: bottom !important;
  }
}

/* S2–S7 — Desktop header structure */
@media (min-width: 992px) {
  #html-body .page-wrapper .awa-site-header .header.awa-main-header {
    min-height: 68px !important;
    padding-block: 0 !important;
    background: #ffffff !important;
    border-bottom: 0 !important;
  }

  #html-body .page-wrapper .awa-site-header .header.awa-main-header .awa-main-header__inner.wp-header,
  #html-body .page-wrapper .awa-site-header .awa-main-header__inner[data-awa-header-row] {
    display: grid !important;
    grid-template-columns: clamp(140px, 16%, 200px) 1fr auto !important;
    align-items: center !important;
    gap: clamp(16px, 2vw, 32px) !important;
    max-width: 1440px !important;
    min-height: 68px !important;
    height: 68px !important;
    max-height: 68px !important;
    padding-block: 0 !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-primary-row {
    display: contents !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-brand-cell {
    grid-column: 1 !important;
    align-self: center !important;
    margin-block: 0 !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-search-col {
    grid-column: 2 !important;
    min-width: clamp(380px, 40vw, 640px) !important;
    width: 100% !important;
    max-width: 640px !important;
    margin-inline: 0 !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-right-col {
    grid-column: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-mobile-toggle,
  #html-body .page-wrapper .awa-site-header .awa-header-cart-link {
    display: none !important;
  }

  /* Search — 48px pill */
  #html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form,
  #html-body .page-wrapper .awa-site-header .awa-header-search-col form.minisearch,
  #html-body .page-wrapper .awa-site-header form#search_mini_form,
  #html-body .page-wrapper .awa-site-header .block-search form.minisearch {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form:focus-within,
  #html-body .page-wrapper .awa-site-header form#search_mini_form:focus-within {
    border-color: var(--awa-primary, #b73337) !important;
    box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.12) !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-search-col input#search,
  #html-body .page-wrapper .awa-site-header form#search_mini_form input#search {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    font-size: 14px !important;
    padding-inline: 16px !important;
    color: #0f172a !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search,
  #html-body .page-wrapper .awa-site-header .block-search .action.search {
    background: var(--awa-primary, #b73337) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 9px 9px 0 !important;
    min-width: 48px !important;
  }

  /* Nav bar — vermelho AWA (altura = --awa-nav-bar-h) */
  #html-body .page-wrapper .header-control.header-nav.awa-nav-bar,
  #html-body .page-wrapper .header-control.awa-nav-bar {
    height: var(--awa-nav-bar-h, 48px) !important;
    min-height: var(--awa-nav-bar-h, 48px) !important;
    max-height: var(--awa-nav-bar-h, 48px) !important;
    background: var(--awa-primary, #b73337) !important;
    border: 0 !important;
    border-block-start: 0 !important;
    border-block-end: 0 !important;
    box-sizing: border-box !important;
  }

  #html-body .page-wrapper .header-control.awa-nav-bar .awa-nav-bar__inner {
    min-height: var(--awa-nav-bar-h, 48px) !important;
    height: var(--awa-nav-bar-h, 48px) !important;
    max-height: var(--awa-nav-bar-h, 48px) !important;
    box-sizing: border-box !important;
  }

  #html-body .page-wrapper .header-control.awa-nav-bar .menu_primary .level0 > a,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-primary-nav .navigation.custommenu li.level0 > a,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-primary-nav .navigation li.level0 > a,
  #html-body .page-wrapper .header-control.awa-nav-bar .top-menu > li > a,
  #html-body .page-wrapper .header-control.awa-nav-bar .top-menu a,
  #html-body .page-wrapper .header-control.awa-nav-bar .top-menu a.level-top,
  #html-body .page-wrapper .header-control.awa-nav-bar a.level-top,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-nav-quick-links__link,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-nav-quick-links__list a,
  #html-body .page-wrapper .header-control.awa-nav-bar .section-item-content > ul > li > a {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    background: transparent !important;
  }

  #html-body .page-wrapper .header-control.awa-nav-bar .menu_primary .level0 > a:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-primary-nav .navigation.custommenu li.level0 > a:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-primary-nav .navigation li.level0 > a:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .top-menu > li > a:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .top-menu > li > a:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .top-menu a:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar a.level-top:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-nav-quick-links__link:hover,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-nav-quick-links__list a:hover {
    color: rgba(255, 255, 255, 0.85) !important;
    opacity: 0.85 !important;
    background: rgba(0, 0, 0, 0.12) !important;
  }

  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .our_categories,
  #html-body .page-wrapper .header-control.awa-nav-bar button[data-role='awa-vertical-menu-trigger'] {
    background: color-mix(in srgb, var(--awa-primary, #b73337) 92%, #000) !important;
    color: #ffffff !important;
  }

  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .icon-menu,
  #html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* Account + register CTA */
  #html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link:not(.awa-header-account-prompt__link--register) {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link--register {
    color: #ffffff !important;
    background: var(--awa-primary, #b73337) !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 3px 10px !important;
    font-size: max(12px, 0.75rem) !important;
    font-weight: 700 !important;
  }

  /* Minicart */
  #html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper .action.showcart {
    background: var(--awa-primary, #b73337) !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    min-height: 44px !important;
    color: #ffffff !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper .action.showcart svg,
  #html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper .action.showcart .awa-minicart-icon {
    stroke: #ffffff !important;
    color: #ffffff !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-brand-cell .logo img {
    max-height: clamp(44px, 6vw, 64px) !important;
  }
}

/* S9 — Mobile */
@media (max-width: 991px) {
  #html-body .page-wrapper .awa-site-header .header.awa-main-header {
    min-height: 60px !important;
    padding-block: 8px !important;
    background: #ffffff !important;
  }

  #html-body .page-wrapper .awa-site-header .header .header_main .wp-header[data-awa-header-row],
  #html-body .page-wrapper .awa-site-header .header .header-main .wp-header[data-awa-header-row] {
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: 'nav brand cart' !important;
    align-items: center !important;
    column-gap: 8px !important;
  }

  #html-body .page-wrapper .awa-site-header .header .header_main .wp-header[data-awa-header-row] > .top-search,
  #html-body .page-wrapper .awa-site-header .header .header-main .wp-header[data-awa-header-row] > .top-search,
  #html-body .page-wrapper #header .header .header_main .wp-header[data-awa-header-row] > .top-search {
    display: block !important;
    max-height: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-right-col > :not(.awa-header-minicart),
  #html-body .page-wrapper .awa-site-header .awa-header-right-col .awa-b2b-mode-badge,
  #html-body .page-wrapper .awa-site-header .awa-header-right-col .awa-header-account-prompt {
    display: none !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-mobile-toggle,
  #html-body .page-wrapper .awa-site-header .action.nav-toggle.awa-header-mobile-toggle {
    display: inline-flex !important;
    min-width: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-header-brand-cell .logo img {
    max-height: 44px !important;
  }

  #html-body .page-wrapper .awa-site-header #awa-primary-navigation.awa-header-primary-nav,
  #html-body .page-wrapper .awa-site-header #awa-category-navigation.awa-header-primary-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: min(86vw, 360px) !important;
    height: 100dvh !important;
    background: #ffffff !important;
    z-index: 1300 !important;
    transform: translateX(-100%) !important;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow-y: auto !important;
    box-shadow: 8px 0 28px rgba(15, 23, 42, 0.15) !important;
  }

  #html-body.nav-open .page-wrapper .awa-site-header #awa-primary-navigation.awa-header-primary-nav,
  #html-body.nav-open .page-wrapper .awa-site-header #awa-category-navigation.awa-header-primary-nav,
  #html-body .page-wrapper .awa-site-header #awa-primary-navigation.awa-header-primary-nav.is-awa-mobile-open,
  #html-body .page-wrapper .awa-site-header #awa-category-navigation.awa-header-primary-nav.is-awa-mobile-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #html-body.nav-open .awa-mobile-drawer-overlay,
  #html-body .awa-mobile-drawer-overlay.is-active,
  #html-body.nav-open .awa-nav-overlay,
  #html-body .awa-nav-overlay.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* S12 — Absolute final-wins shields (post CSS gate) */
@media (min-width: 992px) {
  html body#html-body .page-wrapper .awa-site-header .header.awa-main-header,
  html body#html-body .page-wrapper .awa-site-header .header.awa-main-header .awa-main-header__inner.wp-header,
  html body#html-body .page-wrapper .awa-site-header .awa-main-header__inner[data-awa-header-row] {
    min-height: 68px !important;
    max-height: 68px !important;
    height: 68px !important;
    padding-block: 0 !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form,
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form,
  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col form.minisearch,
  html body#html-body .page-wrapper .awa-site-header .block-search form#search_mini_form,
  html body#html-body .page-wrapper .awa-site-header .block-search form.minisearch {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
  }

  html body#html-body .page-wrapper .header-control.header-nav.awa-nav-bar,
  html body#html-body .page-wrapper .header-control.awa-nav-bar {
    background-color: var(--awa-primary, #b73337) !important;
    background-image: none !important;
    height: var(--awa-nav-bar-h, 48px) !important;
    min-height: var(--awa-nav-bar-h, 48px) !important;
    max-height: var(--awa-nav-bar-h, 48px) !important;
    box-sizing: border-box !important;
  }

  /* S13 — Search stack: super-global .awa-search-action-wrapper usa 44px */
  html body#html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] .awa-header-search-col .block-search.awa-professional-search .awa-search-action-wrapper,
  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col .awa-search-action-wrapper,
  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col .block-search,
  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col .block-content,
  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form .field.search,
  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form .field.search .control,
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form .actions {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col button.action.search,
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search,
  html body#html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] #search_mini_form .actions .action.search {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  /* S14 — Magento_Search DOM (.actions, sem .awa-search-action-wrapper) + beat super-global/ui-ux-pro-max */
  html body#html-body .page-wrapper .awa-site-header .block-search.awa-professional-search form#search_mini_form.minisearch,
  html body#html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] .awa-header-search-col .block-search.awa-professional-search form#search_mini_form.minisearch {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body#html-body .page-wrapper .awa-professional-search form.minisearch#search_mini_form .actions,
  html body#html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] .awa-header-search-col .block-search.awa-professional-search form.minisearch .actions,
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form.minisearch .field.search,
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form.minisearch .field.search .control {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
  }

  html body#html-body .page-wrapper .awa-professional-search form.minisearch#search_mini_form .actions button.action.search,
  html body#html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] .awa-header-search-col .block-search.awa-professional-search form.minisearch .actions button.action.search,
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form.minisearch button.action.search {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-primary-nav .top-menu a,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .top-menu a.level-top,
  html body#html-body .page-wrapper .header-control.header-nav.awa-nav-bar .navigation .level0 > .level-top,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-nav-quick-links__link {
    color: #ffffff !important;
  }

/* Runtime proof db8b7e: on PDP desktop the quick links ended at right=2055
   with a 1910px viewport. Keep the secondary nav inside the visible bar. */
@media (min-width: 992px) {
    html body#html-body.catalog-product-view .page-wrapper .awa-site-header .header-control.awa-nav-bar .awa-nav-quick-links {
        flex: 0 1 min(34vw, 360px) !important;
        margin-left: auto !important;
        min-width: 0 !important;
        max-width: min(34vw, 360px) !important;
        overflow: hidden !important;
    }

    html body#html-body.catalog-product-view .page-wrapper .awa-site-header .header-control.awa-nav-bar .awa-nav-quick-links__list {
        flex: 1 1 auto !important;
        justify-content: flex-end !important;
        gap: clamp(8px, 0.8vw, 12px) !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body#html-body.catalog-product-view .page-wrapper .awa-site-header .header-control.awa-nav-bar .awa-nav-quick-links__item {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    html body#html-body.catalog-product-view .page-wrapper .awa-site-header .header-control.awa-nav-bar .awa-nav-quick-links__link {
        max-width: 10rem !important;
        overflow: hidden !important;
        padding-inline: clamp(6px, 0.6vw, 8px) !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body#html-body.catalog-product-view .product.media .gallery-placeholder,
    html body#html-body.catalog-product-view .product.media .fotorama__stage {
        max-width: 100% !important;
        overflow: hidden !important;
    }
}

  /* S15 — Departamentos: remove white category-dropdown shell when closed */
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories.menu_left_home1 {
    flex: 0 0 clamp(260px, 22vw, 290px) !important;
    width: clamp(260px, 22vw, 290px) !important;
    min-width: 260px !important;
    max-width: 290px !important;
    height: 48px !important;
    max-height: 48px !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  html body#html-body .page-wrapper .awa-site-header .header-control.awa-nav-bar .awa-header-categories.menu_left_home1 {
    flex: 0 0 clamp(260px, 22vw, 290px) !important;
    width: clamp(260px, 22vw, 290px) !important;
    min-width: 260px !important;
    max-width: 290px !important;
    overflow: visible !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .awa-nav-categories,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .sections.nav-sections.category-dropdown,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .section-items.nav-sections.category-dropdown-items,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .section-item-content.nav-sections.category-dropdown-item-content,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .navigation.verticalmenu.side-verticalmenu {
    background: transparent !important;
    height: 48px !important;
    max-height: 48px !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .navigation.verticalmenu.side-verticalmenu {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories button.our_categories.title-category-dropdown[data-role="awa-vertical-menu-trigger"],
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories h2.our_categories.title-category-dropdown {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  html body#html-body .page-wrapper .awa-site-header .header-control.awa-nav-bar
    .awa-header-categories.menu_left_home1 button.our_categories.title-category-dropdown[data-role="awa-vertical-menu-trigger"],
  html body#html-body .page-wrapper .awa-site-header .header-control.awa-nav-bar
    .awa-header-categories.menu_left_home1 .our_categories.title-category-dropdown {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories button.our_categories.title-category-dropdown[data-role="awa-vertical-menu-trigger"],
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories h2.our_categories.title-category-dropdown {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    background: var(--awa-hdr-primary, var(--awa-primary, #b73337)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories
    .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.menu-open,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories
    .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.vmm-open,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories
    .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown[aria-hidden="false"] {
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid var(--awa-border, #e5e5e5) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14) !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories
    .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown > li.level0,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories
    .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown > li.level0 > a.level-top.navigation__link {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body#html-body .page-wrapper .header-control.awa-nav-bar .awa-header-categories .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown:not([aria-hidden="false"]):not(.vmm-open):not(.menu-open) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* S16 — Account prompt: 2 lines compact + register pill */
  html body#html-body .page-wrapper .awa-site-header .awa-header-contact-links.awa-header-account-prompt {
    max-width: min(340px, 36vw) !important;
    min-width: 200px !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__text,
  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__guest {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    line-height: 1.25 !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__line1 {
    font-size: max(12px, 0.75rem) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    color: #64748b !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__line2 {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link--register {
    color: #ffffff !important;
    background: var(--awa-primary, #b73337) !important;
    background-color: var(--awa-primary, #b73337) !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 3px 10px !important;
    font-size: max(12px, 0.75rem) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
  }

  /* S17 — Logo centrado na linha do header (HEADER-LOGO-006) */
  html body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell {
    align-self: center !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 56px !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell .logo img {
    max-height: 44px !important;
    width: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }

  /* S18 — Search pill polish */
  html body#html-body .page-wrapper .awa-site-header form#search_mini_form.minisearch {
    border: 1.5px solid var(--awa-neutral-200, #e2e8f0) !important;
    border-radius: 9999px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
  }

  html body#html-body .page-wrapper .awa-site-header form#search_mini_form.minisearch:focus-within {
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 45%, #e2e8f0) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary, #b73337) 12%, transparent) !important;
  }
}

/* S20 — Sticky/desktop: logo centrado (sem célula 64px / align-self:start) */
@media (min-width: 992px) {
  html body#html-body .page-wrapper .awa-site-header .header-wrapper-sticky :is(.awa-header-brand-cell, .col-md-2.awa-header-brand),
  html body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell {
    align-self: center !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 56px !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    overflow: visible !important;
  }

  html body#html-body .page-wrapper .awa-site-header .header-wrapper-sticky .awa-header-brand-cell .logo,
  html body#html-body .page-wrapper .awa-site-header .header-wrapper-sticky .awa-header-brand-cell .logo a,
  html body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell .logo,
  html body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell .logo a {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    max-height: 56px !important;
  }

  html body#html-body .page-wrapper .awa-site-header .header-wrapper-sticky .awa-header-brand-cell .logo img,
  html body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell .logo img {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }

  html body#html-body .page-wrapper .awa-site-header .header-wrapper-sticky,
  html body#html-body .page-wrapper .awa-site-header .header-wrapper-sticky.is-sticky {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* S21 — Header overlays: minicart opens below the red nav, not through it. */
@media (min-width: 992px) {
  html body#html-body .page-wrapper .awa-site-header .minicart-wrapper.active .block-minicart,
  html body#html-body .page-wrapper .awa-site-header .minicart-wrapper.show .block-minicart,
  html body#html-body .page-wrapper .awa-site-header .minicart-wrapper.is-open .block-minicart,
  html body#html-body .page-wrapper .awa-site-header .minicart-wrapper .block-minicart._active {
    position: fixed !important;
    inset-block-start: calc(var(--awa-header-desktop-bottom, 211px) + 8px) !important;
    inset-inline-end: max(16px, calc((100vw - min(1224px, 100vw - 96px)) / 2)) !important;
    inset-inline-start: auto !important;
    width: min(380px, calc(100vw - 32px)) !important;
    max-width: min(380px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 235px) !important;
    z-index: 100130 !important;
    overflow-y: auto !important;
  }

  html body#html-body .page-wrapper .awa-site-header:has(.minicart-wrapper.active, .minicart-wrapper.show, .minicart-wrapper.is-open, .block-minicart._active)
    .awa-header-categories.menu_left_home1 ul.togge-menu.list-category-dropdown,
  html body#html-body .page-wrapper .awa-site-header:has(.minicart-wrapper.active, .minicart-wrapper.show, .minicart-wrapper.is-open, .block-minicart._active)
    :is(#search_autocomplete, .mst-searchautocomplete__autocomplete, .searchsuite-autocomplete) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body#html-body.searchautocomplete__active .page-wrapper .awa-site-header
    .awa-header-categories.menu_left_home1 ul.togge-menu.list-category-dropdown {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body#html-body.searchautocomplete__active .awa-site-header
    .awa-header-categories.menu_left_home1 ul.togge-menu.list-category-dropdown,
  html body#html-body .awa-site-header:has(.minicart-wrapper.active, .minicart-wrapper.show, .minicart-wrapper.is-open, .block-minicart._active)
    .awa-header-categories.menu_left_home1 ul.togge-menu.list-category-dropdown,
  html body#html-body .awa-site-header:has(.minicart-wrapper.active, .minicart-wrapper.show, .minicart-wrapper.is-open, .block-minicart._active)
    :is(#search_autocomplete, .mst-searchautocomplete__autocomplete, .searchsuite-autocomplete) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body#html-body.awa-minicart-overlay-active .awa-site-header
    .awa-header-categories.menu_left_home1 ul.togge-menu.list-category-dropdown,
  html body#html-body.awa-minicart-overlay-active .awa-site-header
    :is(#search_autocomplete, .mst-searchautocomplete__autocomplete, .searchsuite-autocomplete) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /*
   * Final overlay lock: the Ayo vertical menu can portal level-0 flyouts to
   * body, outside .awa-site-header. Hide those body-level panels too whenever
   * search/minicart owns the header overlay layer.
   */
  html body#html-body.awa-minicart-overlay-active :is(.awa-vmf-portal, .level0.submenu, .navigation__submenu),
  html body#html-body.searchautocomplete__active :is(.awa-vmf-portal, .level0.submenu, .navigation__submenu),
  html body#html-body .page-wrapper .awa-site-header:has(.awa-header-minicart--expanded)
    .awa-header-categories.menu_left_home1 ul.togge-menu.list-category-dropdown,
  html body#html-body .page-wrapper .awa-site-header:has(.awa-header-minicart--expanded)
    :is(#search_autocomplete, .mst-searchautocomplete__autocomplete, .searchsuite-autocomplete),
  html body#html-body:has(.awa-site-header .awa-header-minicart--expanded)
    :is(.awa-vmf-portal, .level0.submenu, .navigation__submenu) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* S19 — Ícone hamburger sem pill cinza (2026-05-26) */
@media (min-width: 992px) {
  html body#html-body .page-wrapper .header-control.awa-nav-bar .title-category-dropdown .vm-icon,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .title-category-dropdown .awa-hamburger,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .title-category-dropdown .icon-menu,
  html body#html-body .page-wrapper .header-control.awa-nav-bar .title-category-dropdown .vm-icon i {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
  }
}

/* S20 — Hero home: sem faixa branca / aspect-ratio colapsado */
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .content-top-home,
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold {
  background: transparent !important;
}

#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > .banner-slider.banner-slider2 {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* §105 — vmenu flyout: overflow-x/contain no stack não podem clipar submenus posicionados */
@media (min-width: 992px) {
  html body#html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu
    > ul.togge-menu.list-category-dropdown:is(
      .menu-open,
      .vmm-open,
      [aria-hidden="false"],
      [data-awa-menu-state="open"]
    ) {
    overflow: visible !important;
    overflow-x: visible !important;
    contain: layout style !important;
  }

  html body#html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu
    > ul.togge-menu.list-category-dropdown > li.ui-menu-item.level0 {
    overflow: visible !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper
    .menu_left_home1 .verticalmenu.side-verticalmenu
    > ul.togge-menu.list-category-dropdown:is(.menu-open, .vmm-open, [aria-hidden="false"]) {
    overflow: visible !important;
    overflow-x: visible !important;
    contain: layout style !important;
  }
}

/* === HOME-AUDIT-TERMINAL-TOUCH-20260604 ===
   Terminal final: vence bundles gateados que carregam depois do CSS crítico/refinements. */
html body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .awa-hero-swiper button.awa-hero-swiper__nav{align-items:center!important;box-sizing:border-box!important;display:grid!important;height:44px!important;inline-size:44px!important;min-height:44px!important;min-inline-size:44px!important;min-width:44px!important;padding:0!important;place-items:center!important;width:44px!important}
html body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .footer-tags{gap:8px!important}
html body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .footer-tags a{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;height:auto!important;justify-content:center!important;line-height:1.2!important;min-height:44px!important;min-width:44px!important;padding:10px 14px!important;text-align:center!important;text-decoration:none!important}