/**
 * AWA Motos — Align Grid Terminal SSOT (2026-06-11)
 * Última camada de grid/alinhamento — carrega após awa-bundle-async-distill-lock.
 * Escopo: home, PLP, PDP, carrinho, checkout + header/footer globais.
 */

/* ── §0 Tokens ─────────────────────────────────────────────────────────────── */
html body#html-body {
  --awa-grid-shell-max: min(100%, 1280px);
  --awa-grid-container-pad: 16px;
  --awa-grid-card-gap: 12px;
  --awa-grid-col-gap: 12px;
  --awa-grid-section-gap: 12px;
  --awa-grid-rhythm-sm: 8px;
  --awa-grid-rhythm-md: 12px;
  --awa-grid-thumb-ratio: 1 / 1;
}

@media (max-width: 767px) {
  html body#html-body {
    --awa-grid-container-pad: 16px;
  }
}

/* Mobile header promo containment (2026-06-19; Autopilot 2026-07-03 touch target).
   Keep the whole promo rail at 44px so CTA hit area is accessible without clipping. */
@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    #header.header-container
    > .header-content {
    align-items: center !important;
    box-sizing: border-box !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
    align-items: center !important;
    box-sizing: border-box !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;
  }

  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    :is(.awa-b2b-promo-bar__inner, .awa-b2b-promo-bar__layout) {
    align-items: center !important;
    box-sizing: border-box !important;
    height: 44px !important;
    max-height: 36px !important;
    min-height: 36px !important;
    overflow: hidden !important;
  }

  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    .awa-b2b-promo-bar__cta {
    box-sizing: border-box !important;
    height: 36px !important;
    margin-block: 0 !important;
    max-height: 44px !important;
    min-height: 44px !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    .awa-b2b-promo-bar__cta-short {
    align-items: center !important;
    display: inline-flex !important;
    line-height: 1.2 !important;
  }
}

/* DEBUG FIX H6/H8 (2026-07-15) — bloco no topo para garantir parsing.
   Evidência runtime:
   - CTA e botão pause renderizando 44px no desktop
   - Links do painel de suporte do footer com 44px */
@media (min-width: 992px) {
  /* H17A: unificar Ver todos categorias com prateleiras (44px; era 36px H6/H8) */
  html body#html-body#html-body#html-body#html-body#html-body.cms-index-index
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-category-carousel__cta-link, .awa-section-header__link, .awa-shelf__view-all),
  html body#html-body#html-body#html-body#html-body#html-body.cms-home
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-category-carousel__cta-link, .awa-section-header__link, .awa-shelf__view-all),
  html body#html-body#html-body#html-body#html-body#html-body.cms-homepage_ayo_home5
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-category-carousel__cta-link, .awa-section-header__link, .awa-shelf__view-all) {
    align-items: center !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-size: 13px !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body.cms-index-index
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.hidden-xs
    .awa-hero-swiper
    > .awa-hero-pause-btn,
  html body#html-body#html-body#html-body#html-body#html-body.cms-home
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.hidden-xs
    .awa-hero-swiper
    > .awa-hero-pause-btn,
  html body#html-body#html-body#html-body#html-body#html-body.cms-homepage_ayo_home5
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.hidden-xs
    .awa-hero-swiper
    > .awa-hero-pause-btn {
    align-items: center !important;
    background: color-mix(in srgb, var(--awa-primary, #b73337) 78%, white 22%) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    height: 36px !important;
    justify-content: center !important;
    min-height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    width: 36px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    #footer
    #awa-footer-suporte-panel
    li {
    min-height: 0 !important;
    padding-block: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    #footer
    #awa-footer-suporte-panel
    li
    a {
    align-items: center !important;
    display: inline-flex !important;
    height: auto !important;
    line-height: 1.3 !important;
    min-height: 30px !important;
    padding-block: 3px !important;
  }
}

/* Header bolder action lock (2026-06-19 v9.4).
   !important is required because legacy search/cart rules dim empty search actions
   and recolor icons after this terminal header pass on some page types. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  form#search_mini_form
  :is(button.action.search, .action.search),
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-minicart
  .minicart-wrapper
  :is(.action.showcart, a.showcart.header-mini-cart) {
  background:transparent!important;background-color:transparent!important;
  border-color: var(--awa-primary) !important;
  color: var(--awa-primary, #b73337) !important;
  opacity: 1 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  form#search_mini_form
  :is(button.action.search, .action.search)::before,
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-minicart
  .minicart-wrapper
  :is(.action.showcart, a.showcart.header-mini-cart)::before {
  color: currentColor !important;
  opacity: 1 !important;
}

/* ── §1 Container único (eixo horizontal) ──────────────────────────────────── */
html body#html-body:not(:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index))
.page-wrapper :is(
  .page-main.container,
  .page_footer #footer .footer-container,
  .page-footer #footer .footer-container
) {
  box-sizing: border-box !important;
  max-width: var(--awa-grid-shell-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

/* Section headers: sem padding extra (neutraliza terminal pass16) */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-section-header {
  padding-inline: 0 !important;
  margin-block-end: 6px !important;
  align-items: flex-end !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--awa-grid-card-gap) !important;
  justify-content: space-between !important;
}

/* ── §2 Header grid ────────────────────────────────────────────────────────── */
html body#html-body#html-body .page-wrapper .awa-site-header
  :is(.header-main, .header_main)
  > .container,
html body#html-body#html-body .page-wrapper .awa-site-header.awa-header-professional
  .awa-main-header
  .header-main
  > .container,
html body#html-body#html-body .page-wrapper .header.awa-main-header .header-main > .container,
html body#html-body#html-body .page-wrapper .header .header-main > .container,
html body#html-body#html-body .page-wrapper .header .header-main .container {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body .page-wrapper .awa-site-header
  :is(
    .awa-main-header__inner.wp-header,
    .awa-main-header__inner[data-awa-header-row],
    .awa-header-inner,
    .header-content
  ) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

@media (min-width: 992px) {
  html body#html-body .page-wrapper .awa-site-header .awa-header-inner,
  html body#html-body .page-wrapper .awa-site-header :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    align-items: center !important;
    display: grid !important;
    gap: 0 12px !important;
    row-gap: 0 !important;
    column-gap: 12px !important;
    grid-template-areas: "brand search actions" !important;
    grid-template-columns: clamp(128px, 12vw, 168px) minmax(0, 1fr) minmax(280px, max-content) !important;
    min-height: 64px !important;
    height: 64px !important;
    max-height: 64px !important;
    justify-content: stretch !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col,
  html body#html-body .page-wrapper .awa-site-header .top-search {
    grid-area: search !important;
    justify-self: stretch !important;
    min-width: 0 !important;
  }
}

@media (max-width: 767px) {
  html body#html-body .page-wrapper .awa-site-header :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px 10px !important;
    grid-template-areas:
      "toggle brand account cart"
      "search search search search" !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px 44px !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-inline: var(--awa-grid-container-pad, 16px) !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-search-col,
  html body#html-body .page-wrapper .awa-site-header .top-search {
    grid-area: search !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* ── §3 Benefits bar (Troca/Devolução etc.) ─────────────────────────────────── */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefits-container {
  align-items: stretch !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: var(--awa-grid-shell-max) !important;
  width: 100% !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefit-item {
  align-items: center !important;
  display: flex !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefit-icon {
  display: inline-grid !important;
  flex: 0 0 28px !important;
  height: 28px !important;
  place-items: center !important;
  width: 28px !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-benefits-bar
    .awa-benefits-container {
    display: grid !important;
    flex-wrap: unset !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-benefits-bar
    .awa-benefit-item {
    flex: 1 1 auto !important;
    scroll-snap-align: unset !important;
  }
}

@media (max-width: 479px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-benefits-bar
    .awa-benefits-container {
    grid-template-columns: 1fr !important;
  }
}

/* ── §4 B2B hero benefits ──────────────────────────────────────────────────── */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta
  ul.awa-hero-benefits {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta
  ul.awa-hero-benefits
  .awa-hero-benefits__item {
  align-items: center !important;
  display: flex !important;
  gap: 6px !important;
  min-height: 0 !important;
  padding: 8px !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta
  ul.awa-hero-benefits
  .awa-hero-benefits__item.awa-hero-benefits__item--interactive
  > .awa-hero-benefits__link {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta
  ul.awa-hero-benefits
  .awa-hero-benefits__icon {
  display: inline-grid !important;
  flex: 0 0 32px !important;
  height: 32px !important;
  place-items: center !important;
  width: 32px !important;
}

@media (min-width: 768px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta
    ul.awa-hero-benefits {
    gap: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta
    ul.awa-hero-benefits {
    gap: 6px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta
    ul.awa-hero-benefits
    .awa-hero-benefits__item {
    align-items: flex-start !important;
    min-height: 0 !important;
    padding: 8px 6px !important;
  }
}

@media (max-width: 479px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta
    ul.awa-hero-benefits {
    grid-template-columns: 1fr !important;
  }
}

/* ── §5 Category carousel ──────────────────────────────────────────────────── */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__track {
  gap: var(--awa-grid-card-gap) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-category-carousel__item, .awa-category-carousel__item--compact) {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  max-width: 120px !important;
  min-width: 96px !important;
  text-align: center !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__icon {
  aspect-ratio: 1 / 1 !important;
  /* H20: 44–64 (clamp) → 88 — ícone legível no card ~148px */
  block-size: 88px !important;
  display: grid !important;
  inline-size: 88px !important;
  height: 88px !important;
  width: 88px !important;
  max-width: 88px !important;
  max-height: 88px !important;
  /* FIX 2026-07-19: vence flex:0 0 36px do themes/LESS (legado compacto). */
  flex: 0 0 88px !important;
  margin-inline: auto !important;
  place-items: center !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__label {
  inline-size: 100% !important;
  margin-block-start: 4px !important;
  text-align: center !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__viewport {
  position: relative !important;
  /* H22b: mobile sem gutter; desktop 8px (setas overlaid — era 58) */
  --awa-home-carousel-gutter: 0px;
  padding-inline: var(--awa-home-carousel-gutter, 0px) !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity;
}

@media (min-width: 768px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__viewport {
    --awa-home-carousel-gutter: 8px;
    padding-inline: var(--awa-home-carousel-gutter, 8px) !important;
  }
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-category-carousel__prev, .awa-category-carousel__next) {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__prev {
  inset-inline-start: 4px !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__next {
  inset-inline-end: 4px !important;
}

/* ── §6 Product card contract (OWL + shelf + grid) ─────────────────────────── */
html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell)
  .owl-wrapper-outer {
  display: flex !important;
  flex-direction: column !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell)
  .owl-wrapper-outer
  .owl-wrapper {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  min-height: 100% !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell)
  :is(.owl-wrapper, .owl-wrapper-outer .owl-wrapper) {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: nowrap !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell)
  .owl-item {
  align-items: stretch !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell)
  .owl-item
  > :is(li, .item-product, .awa-carousel-card-slot) {
  block-size: auto !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  height: 100% !important;
  inline-size: 100% !important;
  min-height: 0 !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell)
  :is(.content-item-product, .item-product.awa-carousel-card-slot) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  :is(.product-name, .product-item-name, .product-name a, .product-item-link) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  line-height: 1.35 !important;
  max-height: calc(2 * 1.35em) !important;
  min-height: calc(2 * 1.35em) !important;
  overflow: hidden !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  .product-thumb {
  aspect-ratio: var(--awa-grid-thumb-ratio) !important;
  block-size: auto !important;
  display: grid !important;
  height: auto !important;
  max-height: none !important;
  min-height: clamp(140px, 28vw, 200px) !important;
  overflow: hidden !important;
  place-items: center !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  .product-thumb
  .product-thumb-link,
html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  .product-thumb
  .product-image-container {
  aspect-ratio: var(--awa-grid-thumb-ratio) !important;
  block-size: auto !important;
  display: block !important;
  height: 100% !important;
  inline-size: 100% !important;
  max-height: 100% !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  .product-thumb
  :is(.product-image-photo, img) {
  block-size: 100% !important;
  height: 100% !important;
  inline-size: 100% !important;
  margin-inline: 0 !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  :is(.item-product, .content-item-product) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  height: 100% !important;
  min-width: 0 !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  :is(.item-product, .content-item-product)
  .product-info {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

html body#html-body
  .page-wrapper
  :is(.awa-carousel-section, .block.related, .block.upsell, .block.crosssell, .products-grid)
  :is(.product-item-actions, .actions-primary, .info-cart) {
  margin-block-start: auto !important;
}

/* Home shelf viewport: remove gutter legado do Owl para alinhar cards ao eixo 1280px. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-carousel-section
  :is(.owl-wrapper-outer, .owl-stage-outer, .awa-carousel__viewport) {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-carousel-section
  :is(ul.owl.awa-carousel__track, .owl-wrapper, .owl-stage) {
  align-items: stretch !important;
  display: flex !important;
  gap: 0 !important;
  margin-inline: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-y: visible !important;
  width: 100% !important;
}

/* Home shelf thumb — SSOT 1:1 em §36/§38/§40 (removido clamp 132–168px legado) */

/* Home shelf polish: setas fora do card e card B2B compacto. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-carousel-section
  > .container {
  overflow: visible !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    > .awa-owl-nav {
    align-items: center !important;
    bottom: auto !important;
    display: inline-flex !important;
    gap: 8px !important;
    height: 36px !important;
    justify-content: flex-end !important;
    left: auto !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    top: -48px !important;
    width: auto !important;
    z-index: 12 !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    > .awa-owl-nav
    .awa-owl-nav__btn {
    box-shadow: 0 1px 4px rgb(15 23 42 / 8%) !important;
    flex: 0 0 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
    pointer-events: auto !important;
    width: 36px !important;
  }
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.item-product, .content-item-product, .awa-product-card) {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border-color: var(--awa-border, var(--awa-border)) !important;
  box-shadow: none !important;
  gap: 6px !important;
  padding: 8px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb {
  background: transparent !important;
  margin-block-end: 4px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-image-container, .product-image-wrapper) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-info, .product-item-info) {
  flex: 1 1 auto !important;
  gap: 4px !important;
  padding: 4px 0 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-b2b-sku {
  align-self: flex-start !important;
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
  border-color: var(--awa-border, var(--awa-border)) !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-family: var(--awa-font-body, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 2px 6px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .info-price {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: space-between !important;
  margin-block-start: auto !important;
  min-height: 32px !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .price-box {
  align-items: baseline !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: space-between !important;
  margin: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .b2b-login-to-see-price.price-box {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  justify-content: flex-start !important;
  min-height: 28px !important;
  padding: 0 !important;
  width: auto !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .price-box
  .price {
  color: var(--awa-primary, var(--awa-primary)) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.price-label, .b2b-login-link) {
  align-items: center !important;
  background: var(--awa-red-10, rgb(183 51 55 / 8%)) !important;
  border: 1px solid var(--awa-red-15, rgb(183 51 55 / 15%)) !important;
  border-radius: 999px !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  min-height: 24px !important;
  padding: 3px 8px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .b2b-login-to-see-price
  .price-label {
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.onsale, .discount-badge, .sticker.discount) {
  background: var(--awa-primary, var(--awa-primary)) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 3px 6px !important;
  text-transform: uppercase !important;
}

/* OWL nav vertical center */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  :is(.owl-buttons, .awa-owl-nav) {
  align-items: center !important;
  display: flex !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-shelf--carousel
  > .awa-owl-nav
  .awa-owl-nav__btn {
  align-self: center !important;
}

/* OWL slide widths: contrato home 2/3/5 (+4 itens = 25% cada), aplicado ao li.item real da shelf. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-carousel-section
  :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 0 0 50% !important;
  inline-size: 50% !important;
  margin: 0 !important;
  max-inline-size: 50% !important;
  padding-inline: var(--awa-grid-rhythm-sm, 8px) !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
    flex-basis: 33.333333% !important;
    inline-size: 33.333333% !important;
    max-inline-size: 33.333333% !important;
  }
}

@media (min-width: 992px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
    flex-basis: 20% !important;
    inline-size: 20% !important;
    max-inline-size: 20% !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    ul.owl.awa-carousel__track:has(> li.item:nth-child(4):last-child)
    > li.item {
    flex-basis: 25% !important;
    inline-size: 25% !important;
    max-inline-size: 25% !important;
  }
}

/* ── §7 PLP / Search ───────────────────────────────────────────────────────── */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main.container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-grid-shell-max) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .columns {
  align-items: start !important;
  display: grid !important;
  column-gap: var(--awa-grid-col-gap) !important;
  row-gap: 0 !important;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

/* Neutraliza margens/padding Bootstrap em .row dentro de .columns */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout.layout-2-col.row {
  margin-inline: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-inline: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout.layout-2-col
  > [class*='col-'] {
  box-sizing: border-box !important;
  float: none !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  width: auto !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-title-wrapper
  .page-title,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero__title {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(18px, 1.15rem + 0.6vw, 22px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  justify-content: space-between !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-items {
  align-items: stretch !important;
  display: grid !important;
  gap: var(--awa-grid-card-gap) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1199px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* PLP mobile ≤479px: 2 col — ver §31/§40 (não forçar 1 col) */

/* ── §7b Busca — landing + resultados (tipografia + container) ── */
html body#html-body.catalogsearch-result-index
  .page-wrapper
  .mst-search-landing__description,
html body#html-body.catalogsearch-result-index
  .page-wrapper
  .search.results .note {
  font-family: var(--awa-font-family, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: var(--awa-font-base, 1rem) !important;
  line-height: 1.55 !important;
  color: var(--awa-text-muted, var(--awa-text-secondary)) !important;
  margin-block-end: var(--awa-space-4, 16px) !important;
}

html body#html-body.catalogsearch-result-index
  .page-wrapper
  .search.results
  .toolbar-amount {
  font-family: var(--awa-font-family, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: var(--awa-font-sm, 0.875rem) !important;
  color: var(--awa-text-muted, var(--awa-text-secondary)) !important;
}

/* ── §7c PLP — grid areas desktop (sidebar + main no mesmo eixo) ── */
@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col {
    column-gap: var(--awa-grid-col-gap) !important;
    grid-template-areas:
      'plp-banner  plp-banner'
      'plp-head    plp-head'
      'plp-b2b     plp-b2b'
      'plp-toolbar plp-toolbar'
      'plp-side    plp-main'
      'plp-side    plp-foot' !important;
    grid-template-columns: minmax(220px, min(260px, 28vw)) minmax(0, 1fr) !important;
    row-gap: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col
    > :first-child:not(.col-main) {
    align-self: start !important;
    grid-area: plp-side !important;
    grid-row: plp-side / plp-foot !important;
  }

  /* AWA 2026-07-22: evita filtro "subir" com top negativo em scroll profundo.
     Mantém o sidebar sticky com rolagem interna quando a altura excede viewport. */
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col
    > :first-child:not(.col-main):is(.col-xs-12, .sidebar-main, .sidebar-main-1, [class*='col-sm-3'], [class*='col-md-3']) {
    max-height: calc(100vh - 128px - 16px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable both-edges;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .sidebar-main
    .block.filter,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .block.filter {
    max-height: calc(100vh - var(--awa-header-scroll-offset, 128px) - 16px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-plp-b2b-gate-banner {
    grid-area: plp-b2b !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body#html-body.catalog-category-view
    .page-wrapper
    .page-main
    > .columns
    > .col-main,
  html body#html-body.catalog-category-view
    .page-wrapper
    .col-main
    .product-content-right {
    display: contents !important;
  }

  html body#html-body.catalogsearch-result-index
    .page-wrapper
    .page-main
    > .columns
    > .col-main {
    display: block !important;
    grid-area: plp-main !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title {
    grid-area: plp-head !important;
    min-width: 0 !important;
    padding-block-end: var(--awa-grid-rhythm-sm) !important;
    width: 100% !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products {
    grid-area: plp-toolbar !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(.wrapper.grid.products-grid, .wrapper.list.products-list) {
    grid-area: plp-main !important;
    min-width: 0 !important;
  }

  html body#html-body.catalog-category-view
    .page-wrapper
    .col-main
    .product-content-right
    > .row {
    box-sizing: border-box !important;
    grid-area: plp-foot !important;
    margin-inline: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body#html-body.catalog-category-view
    .page-wrapper
    :is(.category-view-move, .page-main .category-hero) {
    grid-area: plp-banner !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* ── §8 PDP — grid flex 54/46 (SSOT awa-pdp-shell-final; sem grid 50/50 legado) ── */
@media (max-width: 991px) {
  html body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--awa-grid-rhythm-md, 12px) !important;
    grid-template-columns: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row
    > :is(.col-md-6, .col-sm-6) {
    flex: 0 0 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  html body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row {
    align-items: flex-start !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--awa-space-4, 16px) !important;
    grid-template-columns: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row
    > .col-md-6.col-sm-6.col-xs-12:first-child {
    flex: 1 1 54% !important;
    max-width: 54% !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row
    > .col-md-6.col-sm-6.col-xs-12:last-child {
    flex: 1 1 46% !important;
    max-width: 46% !important;
    min-width: 0 !important;
    width: auto !important;
  }
}

html body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.info-price, .b2b-login-to-see-price) {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* ── §8b PDP — container + tipografia (eixo 1280px, Rubik nos títulos) ── */
html body#html-body.catalog-product-view
  .page-wrapper
  .page-main.container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-grid-shell-max) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .page-title-wrapper
  .page-title {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-block-end: var(--awa-space-4, 16px) !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  font-family: var(--awa-font-family, "Source Sans 3", system-ui, sans-serif) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--awa-space-4, 16px) !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product.attribute.description {
  font-size: var(--awa-font-base, 1rem) !important;
  line-height: 1.6 !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
}

@media (pointer: coarse) {
  html body#html-body.catalog-product-view
    .page-wrapper
    .product-info-main
    :is(.action.primary, .b2b-login-link, #product-addtocart-button) {
    min-height: 44px !important;
    min-width: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ── §9 Footer + Newsletter ──────────────────────────────────────────────── */
/* #footer.footer-container é o SHELL de 1280px — zero padding inline.
   Usa padding-left/right físicos para vencer awa-layout-bundle que usa
   `padding: 0 16px !important` (shorthand físico). */
html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  width: 100% !important;
}

/* Trust-bar inner container: alinhado ao eixo 1280px */
html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-trust-bar
  > .container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-page-pad, 24px) !important;
  width: 100% !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index, .catalog-product-view)
  .page-wrapper
  .page-main.container
  .breadcrumbs {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

/* H25B: 3 cols só em desktop; tablet fica com 2 via visual-fixes / critical-home */
@media (min-width: 992px) {
  html body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .container
    > .row.rowFlexMargin {
    align-items: start !important;
    display: grid !important;
    gap: var(--awa-grid-card-gap) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .vela-content.velaFooterMenu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    grid-template-columns: none !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-section__toggle {
    cursor: default !important;
    min-height: 0 !important;
    pointer-events: none !important;
    padding: 0 !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterTitle {
    border-bottom: 2px solid var(--awa-primary, var(--awa-primary)) !important;
    margin-block: 0 10px !important;
    padding-block: 0 8px !important;
  }
}

html body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter,
html body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-newsletter {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 16px !important;
  justify-content: space-between !important;
}

html body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  .awa-newsletter-form-container
  form,
html body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-newsletter
  form {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 280px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: min(100%, 280px) !important;
}

html body#html-body
  .page-wrapper
  .security-seals {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
}

@media (max-width: 767px) {
  html body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row,
  html body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    > .vela-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  html body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-newsletter
    .awa-newsletter-form-container
    form,
  html body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .footer-newsletter
    form {
    flex-direction: column !important;
    inline-size: 100% !important;
    width: 100% !important;
  }
}

/* ── §10 Cart + Checkout ───────────────────────────────────────────────────── */
html body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  table.data.table {
  table-layout: fixed !important;
  width: 100% !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  :is(.col.qty, .col.subtotal, .col.price) {
  text-align: center !important;
  vertical-align: middle !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  .col.item {
  vertical-align: middle !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .cart-container {
  align-items: start !important;
  display: grid !important;
  gap: var(--awa-grid-card-gap) !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
}

@media (max-width: 991px) {
  html body#html-body.checkout-cart-index
    .page-wrapper
    .cart-container {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html body#html-body:is(.checkout-index-index, .onepagecheckout-index-index, .rokanthemes-onepagecheckout-index-index)
  .page-wrapper
  .checkout-container,
html body#html-body:is(.checkout-index-index, .onepagecheckout-index-index, .rokanthemes-onepagecheckout-index-index)
  .page-wrapper
  .opc-wrapper {
  align-items: stretch !important;
  display: grid !important;
  gap: var(--awa-grid-card-gap) !important;
}

html body#html-body:is(.checkout-index-index, .onepagecheckout-index-index, .rokanthemes-onepagecheckout-index-index)
  .page-wrapper
  :is(.field, .control, input, select, textarea) {
  max-width: 100% !important;
  min-width: 0 !important;
}

html body#html-body:is(.checkout-index-index, .onepagecheckout-index-index, .rokanthemes-onepagecheckout-index-index)
  .page-wrapper
  .payment-method-title {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
}

/* ── §10b Order success — container + tipografia (success page + carrinho vazio pós-pedido) ─ */
html body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  .page-main.container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-grid-shell-max) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body.checkout-onepage-success
  .page-wrapper
  .checkout-success.awa-checkout-success-page,
html body#html-body.checkout-cart-index
  .page-wrapper
  .awa-cart-empty--success {
  font-family: var(--awa-font-family, "Source Sans 3", system-ui, sans-serif) !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-container-content, 720px)) !important;
  padding-block: var(--awa-section-pad, clamp(1.5rem, 1.2rem + 2vw, 3rem)) !important;
  width: 100% !important;
}

html body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  .awa-order-success__title {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

html body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  .awa-order-success__categories-heading {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1rem, 0.95rem + 0.4vw, 1.125rem) !important;
  font-weight: 600 !important;
  margin-block: var(--awa-space-6, 24px) var(--awa-space-3, 12px) !important;
}

html body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  :is(.awa-order-success__cta, .awa-order-success__cta-secondary) {
  min-height: var(--awa-space-11, 44px) !important;
  padding-inline: 16px !important;
}

@media (pointer: coarse) {
  html body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
    .page-wrapper
    .awa-order-success__chip {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}

/* ── §10c Cart — tipografia título + padding eixo 1280px ── */
html body#html-body.checkout-cart-index
  .page-wrapper
  :is(.page-main.container, .cart-container) {
  padding-inline: var(--awa-grid-container-pad) !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .page-title-wrapper
  .page-title {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-block-end: var(--awa-space-4, 16px) !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .columns {
  padding-block-start: var(--awa-space-4, 16px) !important;
}

/* ── §11 Anti overflow horizontal ──────────────────────────────────────────── */
html body#html-body .page-wrapper {
  max-width: 100% !important;
  overflow-x: clip !important;
}

/* ── §12 Phase 20 neutralizer — vence polish-type/gate após interação ───────── */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-carousel-section
  .product-thumb
  .product-thumb-link,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  .product-thumb
  .product-thumb-link {
  aspect-ratio: var(--awa-grid-thumb-ratio, 1 / 1) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  :is(.content-item-product, .item-product, .awa-carousel-card-slot) {
  max-height: none !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header, header.awa-section-header, .awa-shelf__header) {
  padding-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .page-main.container {
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
}

/* ── §13 Home shell — eixo horizontal único (vence body-end pad 0 / drift 43–59px) ── */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-grid-shell-max: min(100%, 1280px);
  --awa-grid-container-pad: 16px;
  --awa-grid-card-gap: 8px;
  --awa-grid-col-gap: 8px;
  --awa-grid-section-gap: 8px;
  --awa-grid-rhythm-sm: 4px;
  --awa-grid-rhythm-md: 8px;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home {
  padding-inline: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section, .awa-home-section)
  > .container {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .page-main.container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-grid-shell-max) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

/* OWL equal-height — neutraliza max-content residual pós-gate */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  :is(.owl-stage, .owl-wrapper, .owl-wrapper-outer) {
  align-items: stretch !important;
  display: flex !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  .owl-item
  > :is(li, .item-product, .awa-carousel-card-slot, .content-item-product) {
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 100% !important;
}

/* ── §14 Home container lock — gutter só page-main + pricing notice ── */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5).page-layout-1column
  .page-wrapper
  .page-main.container,
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice
  > .container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .ayo-home5-wrapper--template-driven
  :is(
    .top-home-content:not(.top-home-content--above-fold) > .container,
    .top-home-content--category-carousel.awa-home-section > .container
  ),
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5).page-layout-1column
  .page-wrapper
  .content-top-home
  :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section)
  > .container,
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5).page-layout-1column
  .page-wrapper
  .content-top-home
  .awa-hero-b2b-cta__inner.container {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5).page-layout-1column
  .page-wrapper
  .content-top-home
  :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section):not(.top-home-content--above-fold) {
  padding-inline: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefits-container {
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
}

/* PLP/PDP page-main — mesmo eixo do header */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index, .catalog-product-view)
  .page-wrapper
  .page-main.container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .page-main.container,
html body#html-body.checkout-cart-index
  .page-wrapper
  .cart-container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .columns {
    padding-inline: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main.container,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    #maincontent.page-main.container {
    padding-inline: var(--awa-grid-container-pad) !important;
    max-width: min(100%, 1280px) !important;
  }
}

/* ── § OPC checkout — inset único alinhado ao header (vence §1 grid-terminal 16–24px) ── */
html body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
.page-wrapper .page-main.container {
  padding-inline: clamp(12px, 3vw, 20px) !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
.page-wrapper .page-main > .columns > .column.main {
  padding-inline: 0 !important;
  max-width: 100% !important;
}

/* ── §16 Site shell lock — vence page-containers / layout-bundle async ── */
html body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index):not(.rokanthemes-onepagecheckout)
  .page-wrapper
  :is(.page-main.container, #maincontent.page-main.container, #maincontent#maincontent.page-main.container),
html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

/* ── §17 Mobile shell — header = page-main = footer (390px, sem drift 12px) ── */
@media (max-width: 991px) {
  html body#html-body#html-body .page-wrapper .awa-site-header,
  html body#html-body#html-body .page-wrapper .awa-site-header
    :is(.header.awa-main-header, .header-main, .header_main, .top-header) {
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    width: 100% !important;
  }

  html body#html-body#html-body .page-wrapper .awa-site-header
    :is(.header-main, .header_main)
    > .container,
  html body#html-body#html-body .page-wrapper #header
    :is(.header-main, .header_main)
    > .container {
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    width: 100% !important;
  }

  html body#html-body#html-body .page-wrapper .awa-site-header
    :is(.awa-main-header__inner, .awa-header-inner, .header-content),
  html body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index):not(.rokanthemes-onepagecheckout)
    .page-wrapper
    :is(.page-main.container, #maincontent.page-main.container),
  html body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container {
    box-sizing: border-box !important;
    margin-inline: auto !important;
    max-width: 100% !important;
    padding-inline: var(--awa-grid-container-pad) !important;
    width: 100% !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home {
    padding-inline: 0 !important;
  }
}

/* ── §18 Anti-regressão super-global — mata grupo legado header-main + container-padding ── */
html body#html-body#html-body .page-wrapper
  :is(.header-main, .header_main)
  > .container,
html body#html-body#html-body .page-wrapper .header
  :is(.header-main, .header_main)
  > .container {
  padding: 0 !important;
  padding-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── §19 Footer gutter = page-main (mobile — evita 24px vs 16px) ── */
@media (max-width: 991px) {
  html body#html-body#html-body .page-wrapper
    :is(.page_footer, .page-footer)
    :is(#footer .footer-container, .footer-container) {
    padding-inline: var(--awa-grid-container-pad) !important;
    padding-left: var(--awa-grid-container-pad, 16px) !important;
    padding-right: var(--awa-grid-container-pad, 16px) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §20 REFINO VISUAL HOME (2026-06-11) — correções de bugs confirmados
   ════════════════════════════════════════════════════════════════════════ */

/* ── §20.1 Cards de carrossel: conteúdo cortado ──
   O owl nunca recebe .owl-loaded, então o clip "pré-init" de 300px ficava
   permanente e escondia título/REF/CTA (conteúdo real ≈ 420px).
   min-height preserva a reserva anti-CLS; max-height liberado. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-shelf--carousel, .awa-carousel-section)
  ul.owl.awa-carousel__track:not(.owl-carousel):not(.owl-loaded) {
  min-height: 300px !important;
  max-height: none !important;
  height: auto !important;
  overflow-y: visible !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-shelf--carousel
  :is(.item-product.awa-carousel-card-slot, .content-item-product.awa-product-card) {
  height: auto !important;
  max-height: none !important;
}

/* ── §20.2 "Compre por categoria": header em coluna centrada criava ~190px
   de vão e o "Ver todos" flutuava no meio. Volta ao padrão das demais
   shelves: linha única, título à esquerda, CTA à direita. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__header.awa-section-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  height: auto !important;
  min-height: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__header .awa-section-header__left {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  /* §header-stack-r1: wrap + altura curta empurrava o subtítulo para a lateral
     (left~326 em vw 390) e clipava “Categorias com estoque…”. */
  flex-wrap: nowrap !important;
  gap: 4px !important;
  height: auto !important;
  max-height: none !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  width: 100% !important;
  justify-content: flex-start !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__header
  :is(.awa-section-header__subtitle, .awa-category-carousel__subtitle) {
  flex: 0 1 auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: auto !important;
  white-space: normal !important;
}

/* ── §20.3 Carrinho duplicado no header ──
   awa-defer-global-bundle força visibility:visible !important no
   .awa-header-cart-fallback__icon, vazando o ícone mesmo com o pai hidden
   quando o minicart real está presente. */
html body#html-body .page-wrapper .awa-site-header
  .awa-header-minicart:has(.minicart-wrapper .showcart)
  :is(.awa-header-cart-fallback, .awa-header-cart-fallback .awa-header-cart-fallback__icon) {
  display: none !important;
  visibility: hidden !important;
}

/* ── §20.4 Promo bar B2B: CTA vermelho (var(--awa-primary)/var(--awa-primary-hover)) sobre faixa
   vermelho-escura = ilegível. Branco = contraste ~4.9:1.
   #html-body duplicado: vence regra rival com !important + id no :is(),
   independente da ordem de carregamento dos bundles async. */
html body#html-body#html-body .page-wrapper
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
  :is(a.awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__cta),
html body#html-body#html-body .page-wrapper
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
  :is(a.awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__cta) :is(strong, span) {
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
}

/* ── §20.4b Footer claro: guard contra cópia async da regra branca
   (rgba(255,255,255,.78) sobre fundo branco = links/ícones invisíveis).
   #html-body duplicado garante vitória por especificidade. */
html body#html-body#html-body .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  :is(.velaFooterMenu a, .footer-container a:not(.action)) {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

html body#html-body#html-body .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  :is(.velaFooterMenu a, .footer-container a:not(.action)):hover {
  color: var(--awa-primary, var(--awa-primary)) !important;
}

/* ── §20.5 Badges Novo/Promoção: .sale-bg (blob vermelho rotacionado do tema
   Ayo) ficava desalinhado atrás do pill. Padroniza pill único da paleta. */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  background: var(--awa-primary, var(--awa-primary)) !important;
  box-shadow: none !important;
  transform: none !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale.new-lable {
  background: var(--awa-text, var(--awa-text-primary, var(--awa-text))) !important;
}

/* .hot-onsale: div decorativo vazio do tema Ayo com fundo vermelho próprio —
   aparecia como "bolinha" desalinhada atrás do pill. */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .hot-onsale {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale .sale-bg,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale::before,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale::after,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale .sale-text::before,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale .sale-text::after {
  display: none !important;
  content: none !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale .sale-text,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .onsale .sale-text label {
  position: static !important;
  display: inline !important;
  background: transparent !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  cursor: default !important;
}

/* ── §20.5c Título do card: max-height em "em" no h3 resolvia com o
   font-size de 8.75px do h3 (reset do tema) e cortava a 2ª linha do <a>
   (14px) ao meio. Clamp aplicado no <a>, que tem o font-size real. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .product-name {
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .product-name > a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  max-height: calc(2 * 1.35em + 1px) !important;
  min-height: calc(2 * 1.35em) !important;
}

/* ── §20.5d CTA "Ver preços": unifica botão filled em todas as shelves.
   Mobile ≤479px: polish-type ocultava .price-label (display:none) mas o
   <a> fica dentro dele — CTA sumia. Restaura wrapper + botão visível. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper .awa-shelf .product-info .price-label .b2b-login-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: var(--awa-primary, var(--awa-primary)) !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

@media (hover: hover) and (pointer: fine) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper .awa-shelf .product-info .price-label .b2b-login-link:hover {
    background: var(--awa-primary-hover, var(--awa-primary-hover)) !important;
    color: var(--awa-text-inverse, var(--awa-bg)) !important;
  }
}

@media (max-width: 479px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-shelf--carousel
    .item-product
    .info-price
    .b2b-login-to-see-price
    .price-label {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-shelf
    .product-info
    .price-label
    .b2b-login-link {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 13px !important;
  }
}

/* ── §20.6 Footer: lista de categorias herdava font-size de 8px (reset
   "inherit" do tema + pai reduzido). */
html body#html-body .page-wrapper :is(.page_footer, .page-footer)
  ul.awa-footer-categories-list,
html body#html-body .page-wrapper :is(.page_footer, .page-footer)
  ul.awa-footer-categories-list a {
  font-size: var(--awa-font-sm, 12px) !important;
  line-height: 1.5 !important;
}

html body#html-body .page-wrapper :is(.page_footer, .page-footer)
  ul.awa-footer-categories-list {
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
}

/* ── §21 Touch targets ≥44px (WCAG 2.5.8 / coarse pointer) ──
   Em telas touch, alvos de 36px (qty stepper, setas OWL, paginação,
   remover item) ficam abaixo do mínimo recomendado. Só ponteiro coarse:
   desktop mantém densidade visual atual. */
@media (pointer: coarse) {
  html body#html-body .page-wrapper .awa-qty-btn,
  html body#html-body .page-wrapper .control.awa-qty-stepper input.qty,
  html body#html-body .page-wrapper .awa-owl-nav__btn,
  html body#html-body .page-wrapper .awa-carousel-section :is(.owl-prev, .owl-next),
  html body#html-body .page-wrapper .cart.items .action.action-delete,
  html body#html-body .page-wrapper .pages .pages-items .item :is(a.page, strong.page) {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Links do footer e do menu mobile: altura mínima sem alterar layout em bloco */
  html body#html-body .page-wrapper :is(.page_footer, .page-footer) ul.awa-footer-categories-list a,
  html body#html-body .page-wrapper .awa-footer-links a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html body#html-body .page-wrapper .sidebar-main .nav.item a,
  html body#html-body .page-wrapper .block-collapsible-nav .item a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Hero slider: awa-super-global força 36px em .swiper-button-* — WCAG 2.5.8 exige 44px */
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .awa-hero-swiper
    :is(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: var(--awa-home-touch-target, 44px) !important;
    justify-content: center !important;
    min-height: var(--awa-home-touch-target, 44px) !important;
    min-width: var(--awa-home-touch-target, 44px) !important;
    width: var(--awa-home-touch-target, 44px) !important;
  }
}

/* ── §22 Account / B2B dashboard — container + tipografia ── */
html body#html-body:is(
    .customer-account-index,
    .customer-account-login,
    .customer-account-create,
    .sales-order-history,
    .sales-order-view,
    .b2b-account-login,
    .b2b-register-index
  )
  .page-wrapper
  .page-main.container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-grid-shell-max) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body:is(.customer-account-index, .sales-order-history, .b2b-account-dashboard)
  .page-wrapper
  .columns {
  display: grid !important;
  gap: var(--awa-grid-card-gap) !important;
  grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) !important;
  align-items: start !important;
}

@media (max-width: 991px) {
  html body#html-body:is(.customer-account-index, .sales-order-history, .b2b-account-dashboard)
    .page-wrapper
    .columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html body#html-body:is(.customer-account-login, .customer-account-create, .b2b-account-login, .b2b-register-index)
  .page-wrapper
  .login-container,
html body#html-body:is(.customer-account-login, .customer-account-create, .b2b-account-login, .b2b-register-index)
  .page-wrapper
  .form-create-account,
html body#html-body.b2b-register-index
  .page-wrapper
  #b2b-register-shell {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-container-narrow, 960px)) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body:is(.customer-account-index, .sales-order-history, .customer-account-login, .b2b-account-login)
  .page-wrapper
  :is(.page-title, .page-title-wrapper .page-title) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-block-end: var(--awa-space-6, 24px) !important;
}

/* ── §23 Corporate density & rhythm (B2B 2025–2026) ─────────────────────────── */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index, .catalog-product-view)
  .page-wrapper
  .breadcrumbs,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .nav-breadcrumbs {
  margin-block-end: var(--awa-grid-rhythm-sm) !important;
  padding-block: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero {
  margin-block-end: var(--awa-grid-rhythm-md) !important;
  max-height: 220px !important;
  overflow: hidden !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero__bg-image {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
  width: 100% !important;
  z-index: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero__content {
  padding-block: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products {
  margin-block: var(--awa-grid-rhythm-sm) !important;
  padding-block: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-title-wrapper {
  margin-block-end: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .col-main
  :is(.column.main, .product-content-right) {
  font-size: var(--awa-font-sm, 0.875rem) !important;
  line-height: 1.5 !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .main-detail
  > .row {
  margin-inline: 0 !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .main-detail
  > .row
  > [class*='col-'] {
  padding-inline: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(
    .top-home-content.awa-home-section,
    .top-home-content.awa-carousel-section,
    .awa-home-section
  ):not(.top-home-content--above-fold) {
  margin-block: 0 !important;
  padding-block: var(--awa-grid-section-gap) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header, .awa-shelf__header) {
  gap: var(--awa-grid-rhythm-sm) !important;
  margin-block-end: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .columns {
  padding-block-start: var(--awa-grid-rhythm-md) !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .page-title-wrapper
  .page-title {
  margin-block-end: var(--awa-grid-rhythm-md) !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .cart-container {
  gap: var(--awa-grid-section-gap) !important;
}

/* ── §24 Eixo único + neutralização legado (vence head-preload 1440px / CLS 72px) ── */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index, .catalog-product-view)
  .page-wrapper
  .nav-breadcrumbs {
  min-height: 0 !important;
  max-height: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .category-view-move {
  min-height: 0 !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-category-hero {
    height: auto !important;
    max-height: none !important;
    min-height: 140px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .category-view-move {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin-block-end: 12px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-category-hero__bg-image {
    height: 140px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    align-items: stretch !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(.item-product, .product-item) {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    grid-auto-rows: 1fr !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-thumb {
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    position: relative !important;
    isolation: isolate !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(.product-image-container, span.product-image-container) {
    max-height: 100% !important;
    overflow: hidden !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-info {
    flex: 1 1 auto !important;
    min-height: 132px !important;
    margin-block-start: 0 !important;
  }
}

html body#html-body.catalog-product-view
  .page-wrapper
  :is(.nav-breadcrumbs, #maincontent.page-main.container, #maincontent#maincontent.page-main.container, .page-main.container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-grid-shell-max) !important;
  padding-inline: var(--awa-grid-container-pad) !important;
  width: 100% !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(ul.row.product-grid, ul.container-products-switch, .products-grid .product-items) {
  list-style: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product
  :is(.product-info, .product-item-info) {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--awa-grid-rhythm-sm) !important;
  padding: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product
  .product-name
  > a,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product
  .product-item-link {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: var(--awa-font-sm, 0.875rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  :is(.block.filter, .filter-options-item) {
  margin-block-end: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .block.filter
  :is(.block-title, .filter-title) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: var(--awa-font-sm, 0.875rem) !important;
  font-weight: 600 !important;
  margin-block-end: var(--awa-grid-rhythm-sm) !important;
  padding-block: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .filter-options-content {
  padding-block: var(--awa-grid-rhythm-sm) !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .page-main
  > :is(.columns.row, .columns.layout) {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

html body#html-body.catalog-product-view
  .page-wrapper
  .page-main
  > :is(.columns.row, .columns.layout)
  > [class*='col-'] {
  box-sizing: border-box !important;
  float: none !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  width: auto !important;
}

html body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  :is(th, td) {
  padding-block: var(--awa-grid-rhythm-sm) !important;
  padding-inline: var(--awa-grid-rhythm-sm) !important;
}

/* ── §25 PLP/Cart terminal ultra-lock — mata double-padding plp-distill + legado 1440/20px ── */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .page-main.container,
    #maincontent.page-main.container,
    #maincontent#maincontent.page-main.container,
    .nav-breadcrumbs
  ) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.page-main > .columns, .columns.layout, .columns.layout.layout-2-col) {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(ul.row.product-grid, ul.container-products-switch, .products-grid .product-items) {
  gap: 12px !important;
}

html body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.page-main.container, #maincontent.page-main.container, .cart-container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !important;
  width: 100% !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §26 Header corporate grid lock (2026-06-11)
   Vence refine-terminal (68px / gap clamp 2vw≈27px) por especificidade.
   Escala de spacing: 4–16px. Eixo único 1280px + padding 16px.
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default'] {
  --awa-header-main-row-h: 64px;
  --awa-header-search-h: 40px;
  --awa-header-nav-h: 40px;
  --awa-header-promo-h: 32px;
  --awa-header-shell-pad: 16px;
  --awa-header-col-gap: 12px;
  --awa-header-stack-h: calc(var(--awa-header-promo-h) + var(--awa-header-main-row-h) + var(--awa-header-nav-h));
  height: auto !important;
  max-height: none !important;
  min-height: var(--awa-header-stack-h) !important;
}

/* Promo bar — faixa densa, eixo 1280px */
html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar, .top-header.awa-b2b-promo-bar) {
  min-height: var(--awa-header-promo-h) !important;
  max-height: var(--awa-header-promo-h) !important;
  height: var(--awa-header-promo-h) !important;
  padding-block: 8px !important;
  padding-inline: 0 !important;
}

/* Shell wrappers — neutraliza min-height legado (79px / 72px) */
html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.header-container, .header-content) {
  box-sizing: border-box !important;
  height: auto !important;
  margin-block: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  padding-block: 0 !important;
}

html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-container:has(.awa-b2b-promo-bar) {
  height: var(--awa-header-promo-h) !important;
  max-height: var(--awa-header-promo-h) !important;
  min-height: var(--awa-header-promo-h) !important;
}

html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-content:has(.awa-b2b-promo-bar) {
  align-items: center !important;
  display: flex !important;
  height: var(--awa-header-promo-h) !important;
  max-height: var(--awa-header-promo-h) !important;
  min-height: var(--awa-header-promo-h) !important;
  padding-block: 0 !important;
}

html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-wrapper-sticky {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-height: calc(var(--awa-header-main-row-h) + var(--awa-header-nav-h)) !important;
  padding-block: 0 !important;
}

html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
  :is(.container, .awa-b2b-promo-bar__inner, [class*='promo-bar__inner']) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  min-height: 0 !important;
  padding-inline: var(--awa-header-shell-pad) !important;
  width: 100% !important;
}

@media (min-width: 992px) {
  /* Main row wrapper — mata min-height 80px legado */
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header-main, .header_main) {
    height: var(--awa-header-main-row-h) !important;
    max-height: var(--awa-header-main-row-h) !important;
    min-height: var(--awa-header-main-row-h) !important;
    padding-block: 0 !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header-main, .header_main)
    > .container {
    height: 100% !important;
    max-height: var(--awa-header-main-row-h) !important;
    min-height: 0 !important;
    padding-block: 0 !important;
  }

  /* Main row — grid denso brand | search | actions */
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header.awa-main-header
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]),
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    align-items: center !important;
    box-sizing: border-box !important;
    column-gap: var(--awa-header-col-gap) !important;
    display: grid !important;
    gap: 0 var(--awa-header-col-gap) !important;
    grid-template-areas: 'brand search actions' !important;
    grid-template-columns: clamp(128px, 12vw, 168px) minmax(0, 1fr) minmax(280px, max-content) !important;
    height: var(--awa-header-main-row-h) !important;
    justify-content: stretch !important;
    margin-inline: auto !important;
    max-height: var(--awa-header-main-row-h) !important;
    max-width: min(100%, 1280px) !important;
    min-height: var(--awa-header-main-row-h) !important;
    padding-block: 0 !important;
    padding-inline: var(--awa-header-shell-pad) !important;
    row-gap: 0 !important;
    width: 100% !important;
  }

  /* Células — altura ≤ row, alinhamento vertical central */
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-header-brand-cell, .awa-header-search-col, .awa-header-right-col) {
    align-self: center !important;
    box-sizing: border-box !important;
    height: 100% !important;
    margin-block: 0 !important;
    max-height: var(--awa-header-main-row-h) !important;
    min-height: 0 !important;
    padding-block: 0 !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell {
    grid-area: brand !important;
    justify-content: flex-start !important;
    padding-inline: 0 !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell
    :is(.logo, .logo a) {
    align-items: center !important;
    display: inline-flex !important;
    height: auto !important;
    max-height: calc(var(--awa-header-main-row-h) - 8px) !important;
    min-height: 0 !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell
    .logo img {
    display: block !important;
    height: auto !important;
    max-height: 44px !important;
    width: auto !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col {
    grid-area: search !important;
    justify-self: stretch !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-right-col {
    gap: 8px !important;
    grid-area: actions !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    min-width: min(280px, 32vw) !important;
  }

  /* Busca — altura corporativa 40px */
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch) {
    height: var(--awa-header-search-h) !important;
    max-height: var(--awa-header-search-h) !important;
    min-height: var(--awa-header-search-h) !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(input#search, .awa-search-input--clearable) {
    height: var(--awa-header-search-h) !important;
    line-height: var(--awa-header-search-h) !important;
    max-height: var(--awa-header-search-h) !important;
    min-height: var(--awa-header-search-h) !important;
  }

  /* Nav bar — 40px, eixo 1280px */
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header-control.awa-nav-bar, .awa-nav-bar) {
    min-height: var(--awa-header-nav-h) !important;
    max-height: var(--awa-header-nav-h) !important;
    height: var(--awa-header-nav-h) !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header-control.awa-nav-bar, .awa-nav-bar)
    > .container,
  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-nav-bar__inner {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 0 !important;
    margin-inline: auto !important;
    max-width: min(100%, 1280px) !important;
    min-height: var(--awa-header-nav-h) !important;
    padding-inline: var(--awa-header-shell-pad) !important;
    width: 100% !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(
      .menu_primary .level0 > a,
      .awa-header-primary-nav .navigation li.level0 > a,
      .top-menu a.level-top,
      .awa-nav-quick-links__link
    ) {
    font-size: 13px !important;
    height: var(--awa-header-nav-h) !important;
    min-height: var(--awa-header-nav-h) !important;
    padding-block: 0 !important;
    padding-inline: 12px !important;
  }

  html body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(
      button.our_categories.title-category-dropdown,
      h2.our_categories.title-category-dropdown
    ) {
    height: var(--awa-header-nav-h) !important;
    min-height: var(--awa-header-nav-h) !important;
    padding-inline: 12px !important;
  }

  /* Home — neutraliza CLS locks legados (172px / 80px / 48px) */
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    > :is(.awa-site-header, header.awa-site-header)[data-awa-header-mode='default'] {
    height: auto !important;
    max-height: none !important;
    min-height: var(--awa-header-stack-h) !important;
    overflow: visible !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-wrapper-sticky {
    height: auto !important;
    max-height: none !important;
    min-height: calc(var(--awa-header-main-row-h) + var(--awa-header-nav-h)) !important;
    overflow: visible !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    :is(.header-control.header-nav, .header-control.header-nav-global) {
    height: var(--awa-header-nav-h) !important;
    max-height: var(--awa-header-nav-h) !important;
    min-height: var(--awa-header-nav-h) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §27 Corporate density + grid lock (2026-06-12)
   Home shelves, section headers, PLP axis, account hierarchy.
   Escala spacing: 4–16px. Vence super-global / critical / page-containers.
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body {
  --awa-page-pad: 16px;
  --awa-page-pad-catalog: 16px;
  --awa-grid-gap: 12px;
  --awa-grid-gap-tight: 12px;
}

@media (min-width: 768px) {
  html body#html-body#html-body
    .page-wrapper
    :is(
      .page-main.container,
      #maincontent.page-main.container
    ) {
    padding-inline: 16px !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(
      .awa-carousel-section,
      .top-home-content.awa-home-section,
      .top-home-content.awa-carousel-section,
      .awa-hero-b2b-cta
    )
    > .container,
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-hero-b2b-cta__inner.container {
    padding-inline: 0 !important;
  }
}

/* ── Section headers — hierarquia corporativa ── */
html body#html-body#html-body
  .page-wrapper
  :is(.awa-section-header, .awa-shelf__header, header.awa-section-header) {
  align-items: flex-end !important;
  border-block-end: 1px solid var(--awa-border, var(--awa-border)) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: space-between !important;
  margin-block-end: 8px !important;
  padding-block-end: 8px !important;
  padding-inline: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.awa-section-header__title, .awa-shelf__title, .awa-section-header h2) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(17px, 16px + 0.35vw, 20px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.awa-section-header__label, .awa-shelf__label) {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  margin-block-end: 2px !important;
  text-transform: uppercase !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.awa-section-header__link, .awa-shelf__link, .awa-section-header a.action) {
  font-size: 12px !important;
  font-weight: 600 !important;
  gap: 4px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

/* ── Home — ritmo vertical denso ── */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(
    .top-home-content.awa-home-section,
    .top-home-content.awa-carousel-section,
    .awa-home-section
  ):not(.top-home-content--above-fold) {
  margin-block: 0 !important;
  padding-block: 12px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .top-home-content--above-fold {
  margin-block: 8px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta__inner.container {
  gap: 12px !important;
  padding-block: 12px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section--featured
  :is(.awa-section-header__title, .awa-shelf__title, h2) {
  font-size: clamp(17px, 16px + 0.35vw, 20px) !important;
}

/* ── Header account — hierarquia B2B ── */
@media (min-width: 992px) {
  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt {
    gap: 8px !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__icon {
    flex: 0 0 22px !important;
    height: 22px !important;
    width: 22px !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__icon svg {
    height: 22px !important;
    width: 22px !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__line1 {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: var(--awa-text-light, #888) !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__line2,
  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__link {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__separator {
    font-size: 11px !important;
    margin-inline: 2px !important;
  }
}

/* ── PLP / Search — eixo + grid 12px ── */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index) {
  --awa-grid-sidebar-width: 240px;
  --awa-grid-col-gap: 12px;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .page-main.container,
    #maincontent.page-main.container,
    .nav-breadcrumbs
  ) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .nav-breadcrumbs
  :is(.container, .row, .col-sm-12, .breadcrumbs) {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: none !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col {
    column-gap: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 240px) minmax(0, 1fr) !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    row-gap: 0 !important;
  }

  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .sidebar-main {
    align-self: start !important;
    min-width: 0 !important;
    padding-inline: 0 !important;
    width: auto !important;
  }

  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .col-main,
  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .column.main {
    min-width: 0 !important;
    padding-inline: 0 !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products {
    gap: 8px 12px !important;
    margin-block: 8px !important;
    padding-block: 8px !important;
  }

  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-title-wrapper,
  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title {
    margin-block-end: 8px !important;
    padding-block-end: 0 !important;
  }
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-items {
  gap: 12px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product
  :is(.product-info, .product-item-info) {
  gap: 8px !important;
  padding: 8px !important;
}

/* ── PDP — spacing corporativo ── */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  gap: 12px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .page-title-wrapper
  .page-title {
  margin-block-end: 12px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §26 HOME GRID RHYTHM (2026-06-12) — gap 18.8px legado → 4–16px, header shelf
   ════════════════════════════════════════════════════════════════════════ */

/* Neutraliza --awa-f-gap / 1.88rem do gate-polish em seções home */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(
    .top-home-content.awa-home-section,
    .top-home-content.awa-carousel-section,
    .top-home-content--category-carousel,
    .awa-home-section,
    .awa-hero-b2b-cta
  ):not(.top-home-content--above-fold) {
  display: block !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  margin-block: 0 !important;
  padding-block: var(--awa-grid-rhythm-md, 12px) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .ayo-home5-wrapper--template-driven {
  gap: var(--awa-grid-rhythm-md, 12px) !important;
  row-gap: var(--awa-grid-rhythm-md, 12px) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-carousel-section, .top-home-content--category-carousel)
  > .container {
  display: grid !important;
  gap: var(--awa-grid-rhythm-sm, 8px) !important;
  row-gap: var(--awa-grid-rhythm-sm, 8px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Toolbar shelf: título | Ver todos | setas — eixo único 1280px */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-carousel-section, .top-home-content--category-carousel)
  :is(.awa-section-header, .awa-shelf__header) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: var(--awa-grid-rhythm-sm, 8px) !important;
  margin-block: 0 !important;
  padding-block: var(--awa-grid-rhythm-xs, 4px) 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header__left, .awa-shelf__header-left) {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--awa-grid-rhythm-xs, 4px) !important;
  min-width: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header__link, .awa-shelf__view-all, .awa-shelf-view-all) {
  grid-column: 2 !important;
  grid-row: 1 / -1 !important;
  align-self: center !important;
  justify-self: end !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header, .awa-shelf__header)
  > .awa-owl-nav {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  grid-column: 3 !important;
  grid-row: 1 / -1 !important;
  align-self: center !important;
  justify-self: end !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: var(--awa-grid-rhythm-sm, 8px) !important;
  height: 32px !important;
  margin: 0 !important;
  pointer-events: none !important;
  width: auto !important;
  z-index: 2 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header, .awa-shelf__header)
  > .awa-owl-nav
  .awa-owl-nav__btn {
  flex: 0 0 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  pointer-events: auto !important;
  width: 32px !important;
}

/* Fallback pré-JS: setas absolutas alinhadas à faixa do header */
@media (min-width: 768px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    > .container {
    position: relative !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel:not(:has(.awa-owl-nav--header-mounted))
    > .awa-owl-nav {
    position: absolute !important;
    top: 4px !important;
    right: 0 !important;
    height: 32px !important;
  }
}

/* Faixa pricing notice — enxuta (vence padding 25–40px legado) */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice {
  margin-block: 0 !important;
  padding-block: var(--awa-grid-rhythm-md, 12px) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice
  + .awa-carousel-section--featured {
  padding-block-start: var(--awa-grid-rhythm-md, 12px) !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-carousel-section, .top-home-content--category-carousel)
    :is(.awa-section-header, .awa-shelf__header) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-section-header__link, .awa-shelf__view-all) {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-section-header, .awa-shelf__header)
    > .awa-owl-nav {
    grid-column: 1 !important;
    justify-self: end !important;
    margin-block-start: var(--awa-grid-rhythm-xs, 4px) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §28 PLP/Search terminal grid lock (2026-06-12)
   Vence page-containers (pad 24px), plp-distill, super-global .awa-section-header.
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index) {
  --awa-page-pad: 16px !important;
  --awa-page-pad-catalog: 16px !important;
  --awa-grid-gap: 12px !important;
  --awa-grid-gap-loose: 12px !important;
  --awa-grid-gap-tight: 12px !important;
}
/* PIXEL-QA 2026-07-24: PLP/search desktop gutter 24 */
@media (min-width: 1024px) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index) {
    --awa-page-pad: 24px !important;
    --awa-page-pad-catalog: 24px !important;
    --awa-container-gutter: 24px !important;
  }
}

/* Neutraliza margin-bottom 20px (--awa-space-5) do super-global em section headers */
html body#html-body#html-body
  .page-wrapper
  :is(.awa-section-header, .awa-shelf__header) {
  margin-bottom: 8px !important;
  margin-block-end: 8px !important;
  padding-bottom: 8px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .breadcrumbs {
  margin-block: 8px !important;
  padding-block: 4px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero {
  margin-block-end: 8px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .block.filter {
  margin-block-end: 8px !important;
  padding: 8px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .filter-options-item {
  margin-block: 0 !important;
  padding-block: 4px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-thumb {
  padding: 8px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns
  > .sidebar-main {
  grid-column: 1 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns
  > .col-main {
  grid-column: 2 !important;
  min-width: 0 !important;
}

/* PDP related blocks — 24px → 12px */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.awa-pdp-related, .block.related, .block.upsell, .block.crosssell) {
  margin-block-start: 12px !important;
  padding-block-start: 12px !important;
}

html body#html-body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  :is(.awa-order-success__cta, .awa-order-success__cta-secondary) {
  padding-inline: 16px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §28 Visual SSOT — thumb uniforme, cards densos, PLP/carrinho, headers home
   ════════════════════════════════════════════════════════════════════════ */

/* Divider corporativo nos headers home (§27 border + §26 grid) */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-carousel-section, .top-home-content--category-carousel)
  :is(.awa-section-header, .awa-shelf__header) {
  border-block-end: 1px solid var(--awa-border, #e5e7eb) !important;
  margin-block-end: 8px !important;
  padding-block-end: 8px !important;
}

/* Links Ver todos — padding legível (vence §27 padding:0 global) */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header__link, .awa-shelf__view-all) {
  align-items: center !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  gap: 4px !important;
  line-height: 1.2 !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Thumb slot 1:1 — vence home-shell-final min-height fixo */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb {
  aspect-ratio: var(--awa-grid-thumb-ratio, 1 / 1) !important;
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
  block-size: auto !important;
  display: grid !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 8px !important;
  place-items: center !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb
  :is(.product-thumb-link, .product-image-container) {
  aspect-ratio: var(--awa-grid-thumb-ratio, 1 / 1) !important;
  block-size: 100% !important;
  display: block !important;
  height: 100% !important;
  inline-size: 100% !important;
  max-height: 100% !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb
  :is(.product-image-photo, img) {
  block-size: 100% !important;
  height: 100% !important;
  inline-size: 100% !important;
  margin: 0 !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
}

/* Cards home = mesma densidade PLP */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.item-product, .content-item-product)
  :is(.product-info, .product-item-info) {
  gap: 8px !important;
  padding: 8px !important;
}

/* Categorias home — subtítulo compacto */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__subtitle,
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-section-header__subtitle {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* PLP — breadcrumbs + hero compactos */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.nav-breadcrumbs, .breadcrumbs) {
  font-size: 12px !important;
  margin-block-end: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero {
  margin-block-end: 8px !important;
  /* 160px cortava o H1 (overflow:hidden); cabe título + contagem. */
  position: relative !important;
  display: flex !important;
  min-height: 180px !important;
  max-height: 220px !important;
  height: 220px !important;
  overflow: hidden !important;
  align-items: flex-end !important;
  box-sizing: border-box !important;
  padding-block: 16px 20px !important;
}

/* H6: restore absolute cover fill — beats distill/styles-l max-height:132px
   and position:relative that squashed the banner into a thin strip. */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index).catalog-category-view
  .page-wrapper
  .category-view-move
  .awa-category-hero
  .awa-category-hero__bg-image {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 35% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index).catalog-category-view
  .page-wrapper
  .category-view-move
  .awa-category-hero
  .awa-category-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero
  .awa-category-hero__content {
  position: relative !important;
  z-index: 2 !important;
  padding-inline: 16px !important;
  max-width: min(480px, 92%) !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero
  h1.awa-category-hero__title {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-thumb {
  min-height: 0 !important;
  padding: 8px !important;
}

/* Carrinho — eixo 1280 + ritmo denso */
html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.page-main.container, #maincontent.page-main.container, .nav-breadcrumbs, .cart-container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !important;
  width: 100% !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .page-title-wrapper {
  margin-block-end: 12px !important;
  padding-block: 8px 0 !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper {
  margin-block-end: 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-summary {
  gap: 8px !important;
  padding: 12px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §29 Footer + Hero + PDP — densidade terminal (vence gap 40px / pad 32px)
   ════════════════════════════════════════════════════════════════════════ */

/* Footer — coluna densa no eixo 1280px */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container,
html body#html-body#html-body#html-body
  .page-wrapper
  .page_footer
  .footer-container,
html body#html-body#html-body#html-body
  .page-wrapper
  #footer.footer-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-block: 8px 0 !important;
  padding-block: 12px 8px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  > :is(.container, .awa-footer-newsletter, .footer-newsletter) {
  margin-block: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  :is(.row, .vela-content, .container > .rowFlexMargin, .row.rowFlexMargin) {
  gap: 12px !important;
  margin-block: 0 !important;
  row-gap: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter) {
  box-sizing: border-box !important;
  gap: 8px 12px !important;
  margin: 0 !important;
  max-width: 100% !important;
  padding: 12px 16px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  :is(.awa-newsletter-desc, p) {
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom,
html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom-inner {
  gap: 8px !important;
  padding-block: 8px 12px !important;
}

/* Hero home — swiper compacto */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--above-fold {
  margin-block: 8px !important;
  padding-block: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-swiper,
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--above-fold
  .swiper {
  margin-block: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-hero-swiper, .top-home-content--above-fold)
  :is(.swiper-pagination, .awa-hero-swiper__pagination, .swiper-pagination-bullets) {
  align-items: center !important;
  display: flex !important;
  gap: 6px !important;
  justify-content: center !important;
  margin-block-start: 8px !important;
  padding-block: 4px !important;
  position: relative !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-hero-swiper, .top-home-content--above-fold)
  :is(.swiper-pagination-bullet, .swiper-pagination-bullet-active) {
  block-size: 6px !important;
  height: 6px !important;
  inline-size: 6px !important;
  margin: 0 !important;
  width: 6px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta
  .awa-hero-trust-strip {
  gap: 8px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits {
  gap: 8px !important;
}

/* Slot setas no header — reserva visual pré-JS */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-section-header
  > .awa-owl-nav--header-slot {
  display: inline-flex !important;
  gap: 8px !important;
  height: 32px !important;
  opacity: 0.35 !important;
  pointer-events: none !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-section-header
  > .awa-owl-nav--header-slot
  .awa-owl-nav__btn {
  background: var(--awa-bg-muted, #f3f4f6) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 6px !important;
  display: inline-block !important;
  flex: 0 0 32px !important;
  height: 32px !important;
  width: 32px !important;
}

/* PDP — ritmo corporativo 4–16px */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  gap: 12px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .page-title-wrapper
  h1.page-title {
  font-size: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-block-end: 12px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.nav-breadcrumbs, .breadcrumbs) {
  font-size: 12px !important;
  margin-block-end: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.product-info-price, .price-box, .product-info-stock-sku) {
  gap: 8px !important;
  margin-block: 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .box-tocart {
  gap: 8px !important;
  margin-block-start: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product.attribute.description {
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin-block-start: 8px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §29 Tablet shell (768–991) — header desktop compacto + eixo 1280px
   Vence §2 mobile grid, header-fix 52px e CLS impeccable 148px.
   ════════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    --awa-header-main-row-h: 56px;
    --awa-header-search-h: 40px;
    --awa-header-nav-h: 40px;
    --awa-header-stack-h: calc(var(--awa-header-promo-h, 32px) + var(--awa-header-main-row-h) + var(--awa-header-nav-h));
    min-height: var(--awa-header-stack-h) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header.awa-main-header
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]),
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]),
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header
    .header
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    align-items: center !important;
    box-sizing: border-box !important;
    column-gap: 12px !important;
    display: grid !important;
    gap: 0 12px !important;
    grid-template-areas: 'brand search actions' !important;
    grid-template-columns: clamp(112px, 14vw, 148px) minmax(0, 1fr) minmax(220px, max-content) !important;
    grid-template-rows: var(--awa-header-main-row-h, 56px) !important;
    height: var(--awa-header-main-row-h, 56px) !important;
    margin-inline: auto !important;
    max-height: var(--awa-header-main-row-h, 56px) !important;
    max-width: min(100%, 1280px) !important;
    min-height: var(--awa-header-main-row-h, 56px) !important;
    padding-block: 0 !important;
    padding-inline: 16px !important;
    row-gap: 0 !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header-main, .header_main) {
    height: var(--awa-header-main-row-h, 56px) !important;
    max-height: var(--awa-header-main-row-h, 56px) !important;
    min-height: var(--awa-header-main-row-h, 56px) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-mobile-toggle,
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-cart-link {
    display: none !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-right-col {
    display: inline-flex !important;
    gap: 8px !important;
    grid-area: actions !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky {
    min-height: calc(var(--awa-header-main-row-h, 56px) + var(--awa-header-nav-h, 40px)) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    :is(.page-main.container, #maincontent.page-main.container, .content-top-home .awa-carousel-section > .container) {
    box-sizing: border-box !important;
    margin-inline: auto !important;
    max-width: min(100%, 1280px) !important;
    padding-inline: 16px !important;
    width: 100% !important;
  }
}

/* Shelf header — 2 colunas quando não há setas OWL no header */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header, .awa-shelf__header):not(:has(> .awa-owl-nav)) {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §30 PDP + Cart + OPC — galeria, tabela e checkout densos (2026-06-12)
   ════════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {
  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row {
    gap: 12px !important;
  }
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .main-detail {
  gap: 12px !important;
  margin-block: 0 !important;
  padding-block: 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media {
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  margin-block-end: 0 !important;
  overflow: hidden !important;
  padding: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media
  :is(.fotorama__nav, .fotorama__nav-wrap, .fotorama__nav__shaft) {
  gap: 8px !important;
  margin-block-start: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media
  .fotorama__nav__frame {
  border-radius: 6px !important;
  padding: 4px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.page-title, .product-info-name, h1.page-title) {
  border-block-end: 0 !important;
  font-size: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  margin-block: 0 !important;
  padding: 0 !important;
  padding-block: 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .page-title-wrapper {
  border-block-end: 1px solid var(--awa-border, #e2e8f0) !important;
  margin: 0 !important;
  padding-block: 8px 12px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .page-title-wrapper
  .page-title
  .base {
  color: var(--awa-text-primary, oklch(0.32 0.012 27)) !important;
  display: block !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  padding: 0 !important;
  text-wrap: pretty !important;
  word-break: normal !important;
}

/* Carrinho — tabela e summary densos */
html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  :is(th, td) {
  padding: 8px 12px !important;
  vertical-align: middle !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  .product-item-name
  > a {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  .product-item-photo {
  max-width: 72px !important;
  padding: 4px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  .product-image-photo {
  max-height: 64px !important;
  object-fit: contain !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.main.actions {
  gap: 8px !important;
  margin-block: 8px 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-summary
  > .title,
html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-summary
  .summary.title {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
  padding-block: 0 !important;
}

/* OPC — checkout one-page */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.checkout-container, .opc-wrapper) {
  gap: 12px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.step-title, .checkout-shipping-method .step-title, .opc-block-shipping-information .shipping-information-title) {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
  padding-block: 8px 0 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary {
  padding: 12px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary
  .items-in-cart
  .product {
  gap: 8px !important;
  margin-block: 0 8px !important;
  padding-block: 8px 0 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .field,
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .fieldset
  > .field {
  margin-block-end: 8px !important;
}

/* PLP toolbar */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.toolbar-amount, .toolbar .modes, .limiter) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-sorter
  :is(.sorter-label, select, .sorter-options) {
  font-size: 12px !important;
}

/* PDP shelves relacionadas — paridade home */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.block.related, .block.upsell, .awa-pdp-related)
  :is(.awa-section-header, .awa-shelf__header, .block-title, .block-title strong) {
  border-block-end: 1px solid var(--awa-border, #e5e7eb) !important;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem) !important;
  font-weight: 600 !important;
  gap: 8px !important;
  margin-block-end: 8px !important;
  padding-block-end: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-related.awa-shelf--carousel
  .awa-carousel__track {
  gap: 8px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §31 CMS + Account + Mobile 390px — paridade terminal (2026-06-12)
   Vence super-global cms prose 900px/1.85, account title 24px, PLP 1-col ≤479px.
   ════════════════════════════════════════════════════════════════════════ */

/* CMS — eixo 1280 + prose 800 denso (sync com awa-cms-shell-final) */
html body#html-body#html-body:is(.cms-page-view, .cms-noroute-index, .contact-index-index, .curriculo-index-index, .curriculo-index-status)
  .page-wrapper
  :is(#maincontent.page-main.container, .page-main.container, .nav-breadcrumbs) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body.cms-page-view
  .page-wrapper
  .column.main {
  box-sizing: border-box !important;
  line-height: 1.55 !important;
  margin-inline: auto !important;
  max-width: min(100%, 800px) !important;
  width: 100% !important;
}

html body#html-body#html-body.cms-page-view
  .page-wrapper
  .column.main
  .awa-inst {
  max-width: min(100%, 800px) !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.cms-page-view, .cms-noroute-index, .contact-index-index)
  .page-wrapper
  :is(.page-title-wrapper .page-title, .column.main h1) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-block: 0 12px !important;
}

html body#html-body#html-body.cms-page-view
  .page-wrapper
  .column.main
  :is(h2, h3) {
  margin-block: 12px 8px !important;
}

html body#html-body#html-body.cms-page-view
  .page-wrapper
  .column.main
  :is(p, ul, ol) {
  margin-block: 0 8px !important;
}

/* Account / B2B — título e tabelas densos */
html body#html-body#html-body:is(
    .customer-account-index,
    .customer-account-edit,
    .customer-address-index,
    .sales-order-history,
    .sales-order-view,
    .wishlist-index-index,
    .b2b-account-dashboard,
    .b2b-quote-index,
    .b2b-quote-view,
    .b2b-shoppinglist-index,
    .b2b-credit-index,
    .b2b-company-index,
    .b2b-reorder-history,
    .b2b-quickorder-index,
    [class*="b2b-"]
  )
  .page-wrapper
  :is(.page-title, .page-title-wrapper .page-title) {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  margin-block: 0 12px !important;
}

html body#html-body#html-body:is(.customer-account-index, .sales-order-history, .b2b-account-dashboard, [class*="b2b-"])
  .page-wrapper
  .columns {
  gap: 12px !important;
}

html body#html-body#html-body:is(.customer-account-index, .sales-order-history, .b2b-account-dashboard, [class*="b2b-"])
  .page-wrapper
  :is(.box, .box-info, .box-order-billing-address, .box-order-shipping-address, .block-dashboard-info, .block-dashboard-address) {
  margin-block-end: 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body:is(.sales-order-history, .sales-order-view, .b2b-account-dashboard, [class*="b2b-"])
  .page-wrapper
  :is(.data.table, table.data) :is(th, td) {
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.b2b-dashboard-header, .b2b-section, .summary-card, .action-item) {
  gap: 8px !important;
  margin-block-end: 12px !important;
  padding: 12px !important;
}

/* Hero mobile — título sem overflow, slide compacto */
@media (max-width: 575px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    :is(.swiper-slide, .awa-hero-slide)
    :is(h1, h2, .awa-hero-slide__title, .banner-title, strong) {
    font-size: clamp(1rem, 4.5vw, 1.25rem) !important;
    hyphens: auto !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    :is(.swiper-slide, .awa-hero-slide)
    :is(p, .awa-hero-slide__text, .banner-text) {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-block: 4px 0 !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta__inner.container {
    gap: 8px !important;
    padding-block: 8px !important;
  }
}

/* Categorias home — ícones contidos (evita imagem “quebrada”/crop) */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__icon
  :is(img, picture, svg) {
  block-size: auto !important;
  display: block !important;
  height: auto !important;
  inline-size: 100% !important;
  margin-inline: auto !important;
  max-block-size: 100% !important;
  max-height: 100% !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: auto !important;
}

/* Mobile 390px — commerce pass (PLP 2 col, toolbar/PDP/carrinho densos) */
@media (max-width: 479px) {
  /* Mantém grid 2 colunas na PLP (§7 forçava 1 col — regredia densidade B2B) */
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-item-info {
    gap: 4px !important;
    padding: 8px !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar-products {
    gap: 8px !important;
    margin-block: 8px !important;
    padding-block: 4px !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar-products
    :is(.toolbar-amount, .sorter, .limiter, .modes) {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .page-title-wrapper
    .page-title {
    font-size: 1.0625rem !important;
    margin-block-end: 8px !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .main-detail
    > .row {
    gap: 8px !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product.media {
    padding: 8px !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product-info-main {
    gap: 8px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-container {
    gap: 12px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    :is(th, td) {
    font-size: 12px !important;
    padding: 8px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-summary {
    gap: 8px !important;
    padding: 12px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart.item
    .product-item-photo
    img {
    block-size: auto !important;
    height: auto !important;
    max-height: 64px !important;
    max-width: 64px !important;
    width: auto !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §32 Tablet + Cart/Checkout/Auth terminal — vence layout-bundle legado
   (pad 24px, shadow, toolbar 16/24px, summary title 20px)
   ════════════════════════════════════════════════════════════════════════ */

/* Carrinho — flat corporativo (vence awa-layout-bundle pad 24px + shadow) */
html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin-block-end: 12px !important;
  overflow-x: auto !important;
  padding: 8px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-summary {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-summary
  .summary.title {
  border-block-end: 1px solid var(--awa-border, #e5e7eb) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-block: 0 8px !important;
  padding-block: 0 8px !important;
  text-transform: none !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-summary
  .checkout-methods-items
  .action.primary {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  min-height: 44px !important;
  text-transform: none !important;
  width: 100% !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-container {
  gap: 12px !important;
}

/* PLP/Search toolbar — denso (vence pad 16px 24px) */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-products {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  margin-block: 8px !important;
  padding: 8px 12px !important;
}

/* Tablet 768–991 — PLP 3 col, commerce eixo 1280 */
@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-item-info {
    gap: 8px !important;
    padding: 8px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-container {
    gap: 12px !important;
  }

  html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
    .page-wrapper
    :is(.checkout-container, .opc-wrapper) {
    gap: 12px !important;
  }

  html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
    .page-wrapper
    .opc-block-summary {
    margin-block-start: 0 !important;
    order: 2 !important;
  }

  html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
    .page-wrapper
    .opc-wrapper {
    order: 1 !important;
  }
}

/* Carrinho mobile com itens — linhas card, colunas auxiliares ocultas */
@media (max-width: 767px) {
  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart.table-wrapper
    thead {
    display: none !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    tbody
    .cart.item {
    border-block-end: 1px solid var(--awa-border, #e5e7eb) !important;
    display: block !important;
    margin-block-end: 8px !important;
    padding-block: 8px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    tbody
    .cart.item
    > td {
    border: 0 !important;
    display: block !important;
    padding: 4px 0 !important;
    text-align: start !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    .col.item {
    align-items: flex-start !important;
    display: flex !important;
    gap: 8px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    .col.item
    .product-item-photo {
    flex: 0 0 64px !important;
    max-width: 64px !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    .col.price {
    display: none !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #shopping-cart-table
    .col.subtotal {
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-container
    .cart-summary {
    order: 0 !important;
  }

  html body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-container
    .form-cart {
    order: 1 !important;
  }
}

/* OPC — progress rail + sidebar densos */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.opc-progress-bar, .awa-checkout-steps-rail, .awa-opc-step-indicator) {
  gap: 8px !important;
  margin-block: 0 12px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-progress-bar-item
  :is(span, .opc-progress-bar-item-link) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-wrapper
  #checkoutSteps
  > li {
  margin-block: 0 8px !important;
  padding: 12px !important;
}

/* Auth — eixo centralizado (sync awa-b2b-auth-shell-final) */
html body#html-body#html-body:is(.b2b-auth-shell, .b2b-account-login, .customer-account-login, .customer-account-create, .customer-account-forgotpassword)
  .page-wrapper
  :is(.page-main.container, #maincontent.page-main.container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-block: 12px 16px !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.b2b-auth-shell, .customer-account-login, .customer-account-create)
  .page-wrapper
  :is(.login-container, .form-create-account, .b2b-login-page) {
  gap: 12px !important;
  margin-inline: auto !important;
  max-width: min(100%, 480px) !important;
  width: 100% !important;
}

/* Success — padding denso (vence §10b clamp generoso) */
html body#html-body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  :is(.checkout-success.awa-checkout-success-page, .awa-cart-empty--success, .awa-order-success) {
  gap: 12px !important;
  padding-block: 16px !important;
}

html body#html-body#html-body.checkout-onepage-success
  .page-wrapper
  .awa-order-success__categories-heading {
  margin-block: 12px 8px !important;
}

/* Minicart dropdown — densidade corporativa (Impeccable: sem hairline + shadow sutil) */
html body#html-body#html-body
  .page-wrapper
  .minicart-wrapper.active
  .block-minicart,
html body#html-body#html-body
  .page-wrapper
  .minicart-wrapper
  .block-minicart._active {
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px color-mix(in srgb, CanvasText 8%, transparent) !important;
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block-minicart
  :is(.items-total, .subtotal, .amount) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin-block: 0 4px !important;
}

html body#html-body#html-body
  .page-wrapper
  .minicart-items
  .product-item {
  gap: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  .minicart-items
  .product-item-name
  a {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §33 Home tablet + B2B dashboard + breadcrumbs global (2026-06-12)
   Vence dashboard-grid.css pad 24px/40px, hero benefits gap 16px tablet.
   ════════════════════════════════════════════════════════════════════════ */

/* Breadcrumbs — ritmo único em todas as superfícies commerce */
html body#html-body#html-body
  .page-wrapper
  :is(.breadcrumbs, .nav-breadcrumbs, .b2b-breadcrumbs-container) {
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin-block: 8px !important;
  padding-block: 4px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.breadcrumbs, .nav-breadcrumbs)
  :is(a, strong, .item) {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* B2B Dashboard — densidade terminal (vence dashboard-grid.css) */
html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-dashboard {
  box-sizing: border-box !important;
  gap: 12px !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-block: 0 16px !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-summary-cards {
  gap: 12px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
  margin-block: 12px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .summary-card {
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.summary-card__title, .summary-card h3) {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.summary-card__value, .summary-card .value) {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.b2b-section-title, .b2b-block-title, .b2b-dashboard-header h1) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1rem, 0.95rem + 0.35vw, 1.125rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.b2b-quick-actions, .b2b-intelligence-section, .b2b-onboarding-section) {
  margin-block: 12px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-quick-actions
  .actions-grid {
  gap: 8px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 108px), 1fr)) !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .action-item {
  gap: 4px !important;
  min-height: 0 !important;
  padding: 12px 8px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.erp-products-grid, .b2b-rexis-grid, .suggestions-grid) {
  gap: 12px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
}

html body#html-body#html-body:is(.b2b-account-dashboard, [class*="b2b-"])
  .page-wrapper
  :is(.b2b-erp-pending-banner, .b2b-chart-container, .intelligence-card) {
  margin-block: 12px !important;
  padding: 12px !important;
}

/* Home tablet 768–991 — shelves, hero e benefits densos */
@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta
    ul.awa-hero-benefits {
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-b2b-cta
    ul.awa-hero-benefits
    .awa-hero-benefits__item {
    padding: 8px !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
    padding-inline: 4px !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel__track,
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    ul.owl.awa-carousel__track {
    gap: 8px !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-product-card, .content-item-product, .item-product)
    :is(.info-price, .product-info, .product-item-details) {
    gap: 4px !important;
    padding: 8px !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-category-carousel__item, .awa-category-carousel__item--compact) {
    max-width: 104px !important;
    min-width: 88px !important;
  }
}

/* OPC — totais, pagamento e endereço flat */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.table-totals, .opc-block-summary .table-totals)
  :is(th, td) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 4px 0 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .payment-method {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin-block: 0 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .payment-method-title
  label {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.shipping-address-item, .billing-address-details) {
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 12px !important;
}

/* PLP sidebar tablet — filtros compactos */
@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .sidebar-main
    .block.filter {
    padding: 8px !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .sidebar-main
    .filter-options-title {
    font-size: 13px !important;
    min-height: 36px !important;
    padding-block: 8px !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col {
    column-gap: 12px !important;
    grid-template-columns: minmax(200px, 220px) minmax(0, 1fr) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §34 Wishlist + Compare + Paginação + Empty states + B2B flows (2026-06-12)
   Vence gate-polish fluid-space-xl em vazios, compare thead uppercase.
   ════════════════════════════════════════════════════════════════════════ */

/* Wishlist — eixo 1280 + grid conta */
html body#html-body#html-body.wishlist-index-index
  .page-wrapper
  :is(#maincontent.page-main.container, .page-main.container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body.wishlist-index-index
  .page-wrapper
  .columns {
  gap: 12px !important;
}

@media (min-width: 769px) {
  html body#html-body#html-body.wishlist-index-index
    .page-wrapper
    .columns {
    align-items: start !important;
    display: grid !important;
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) !important;
  }
}

html body#html-body#html-body.wishlist-index-index
  .page-wrapper
  .products-grid
  .product-items {
  gap: 12px !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)) !important;
}

html body#html-body#html-body.wishlist-index-index
  .page-wrapper
  .products-grid
  .product-item-info {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  padding: 8px !important;
}

html body#html-body#html-body.wishlist-index-index
  .page-wrapper
  .products-grid
  .product-image-photo {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
}

html body#html-body#html-body.wishlist-index-index
  .page-wrapper
  :is(.wishlist-toolbar, .actions-toolbar) {
  gap: 8px !important;
  margin-block: 8px 12px !important;
}

/* Compare — container + tabela densa corporativa */
html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  :is(#maincontent.page-main.container, .page-main.container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  :is(.page-title, .page-title-wrapper .page-title) {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  margin-block: 0 12px !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .table-wrapper {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin-block: 12px !important;
  overflow-x: auto !important;
  padding: 8px !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .table-comparison
  :is(th, td) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
  vertical-align: middle !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .table-comparison
  thead
  th {
  background: var(--awa-bg-muted, #f9fafb) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .table-comparison
  tbody
  tr:nth-child(even)
  td {
  background: transparent !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .table-comparison
  .product-item-photo
  img {
  max-height: 72px !important;
  max-width: 72px !important;
  object-fit: contain !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .compare.actions {
  gap: 8px !important;
  margin-block: 12px !important;
}

html body#html-body#html-body.catalog-product_compare-index
  .page-wrapper
  .compare.actions
  .action {
  font-size: 13px !important;
  min-height: 44px !important;
  padding-inline: 12px !important;
}

/* Paginação — cluster denso global */
html body#html-body#html-body
  .page-wrapper
  :is(.pages, .toolbar .pages) {
  gap: 8px !important;
  margin-block: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  .pages
  .pages-items {
  gap: 4px !important;
}

html body#html-body#html-body
  .page-wrapper
  .pages
  .pages-items
  :is(.item a, .item strong, .item .page) {
  font-size: 12px !important;
  line-height: 1.35 !important;
  min-height: 32px !important;
  min-width: 32px !important;
  padding: 4px 8px !important;
}

/* Empty states + busca sem resultado — compactos */
html body#html-body#html-body
  .page-wrapper
  :is(
    .cart-empty:not(.awa-cart-empty),
    .wishlist-empty,
    .search-no-result,
    .message.notice,
    .awa-empty-state,
    .b2b-empty-state
  ) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  margin-block: 12px !important;
  padding: 12px 16px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.cart-empty:not(.awa-cart-empty), .wishlist-empty, .search-no-result)
  :is(p, .message) {
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 48ch !important;
}

html body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  .message.notice {
  font-size: 14px !important;
  margin-block: 12px !important;
  padding: 12px 16px !important;
}

/* B2B flows — cotações, listas, crédito, quickorder */
html body#html-body#html-body:is(
    .b2b-quote-index,
    .b2b-quote-view,
    .b2b-quote-create,
    .b2b-shoppinglist-index,
    .b2b-shoppinglist-view,
    .b2b-credit-index,
    .b2b-quickorder-index,
    .b2b-company-index,
    .b2b-reorder-history
  )
  .page-wrapper
  :is(#maincontent.page-main.container, .page-main.container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body:is(
    .b2b-quote-index,
    .b2b-quote-view,
    .b2b-shoppinglist-index,
    .b2b-credit-index,
    .b2b-quickorder-index
  )
  .page-wrapper
  :is(.b2b-page-shell, .b2b-quote-wrapper, .b2b-cotacao-page, .credit-card) {
  gap: 12px !important;
  margin-block: 0 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body:is(.b2b-quote-index, .b2b-shoppinglist-index, .b2b-credit-index)
  .page-wrapper
  :is(.b2b-shortcut-card, .shoppinglist-card, .quote-card) {
  gap: 8px !important;
  padding: 12px !important;
}

/* PDP tabs — densidade corporativa */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.data.items
  > .item.title
  > .switch {
  font-size: 13px !important;
  font-weight: 600 !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.data.items
  > .item.content {
  font-size: 14px !important;
  line-height: 1.55 !important;
  padding: 12px !important;
}

/* Block compare flutuante (barra lateral) */
html body#html-body#html-body
  .page-wrapper
  .block.block-compare {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block.block-compare
  .block-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body.wishlist-index-index
    .page-wrapper
    .products-grid
    .product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body#html-body#html-body.catalog-product_compare-index
    .page-wrapper
    .table-comparison
    :is(th, td) {
    padding: 8px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §32 Redução de ruído visual — PLP/catalog global (2026-06-11)
   Cards flat, filtros sem sombra, reviews vazias ocultas.
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.product-item-info, .item-product) {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border) !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(.product-item-info, .item-product):hover {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--awa-primary, var(--awa-red)) 32%, transparent) !important;
    transform: none !important;
  }
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .block.filter {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  box-shadow: none !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .product-reviews-summary.empty {
  display: none !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-title-wrapper
  .page-title::after {
  display: none !important;
  content: none !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.onsale, .product-label, .sticker, .discount-badge) {
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 3px 6px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .modes-mode {
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §35 Flash messages + Pedidos + Endereços + Filtros ativos (2026-06-12)
   Vence super-global page.messages vars legadas; mensagens no eixo 1280px.
   ════════════════════════════════════════════════════════════════════════ */

/* Container de mensagens — alinhado ao eixo 1280px */
html body#html-body#html-body
  .page-wrapper
  .page.messages {
  box-sizing: border-box !important;
  margin-block: 8px !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

/* SSOT A2: filho estrutural dentro de .page-main (já com gutter) — pad 0.
   Evidência: no carrinho .page.messages vive em #maincontent.page-main → pad duplo. */
html body#html-body#html-body
  .page-wrapper
  .page-main
  .page.messages {
  padding-inline: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  .page.messages
  .messages {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.message, .message-success, .message-error, .message-notice, .message-warning, .message.info) {
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.message, .message-success, .message-error, .message-notice, .message-warning)
  :is(div, span, p) {
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  .message
  a {
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* Checkout — mensagens no mesmo gutter do OPC (token 16/24; sem clamp→12) */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .page.messages {
  margin-block: 8px 12px !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .page-main
  .page.messages {
  padding-inline: 0 !important;
}

/* Pedido (view) — detalhes densos */
html body#html-body#html-body.sales-order-view
  .page-wrapper
  :is(.order-details-items, .block-order-details-view, .block-order-details-comments) {
  margin-block: 0 12px !important;
}

html body#html-body#html-body.sales-order-view
  .page-wrapper
  :is(.order-details-items, .table-order-items)
  .table
  :is(th, td) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
  vertical-align: middle !important;
}

html body#html-body#html-body.sales-order-view
  .page-wrapper
  .order-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-block: 12px 8px !important;
}

html body#html-body#html-body.sales-order-view
  .page-wrapper
  :is(.block-order-details-view, .box-order-shipping-address, .box-order-billing-address, .box-order-shipping-method, .box-order-billing-method) {
  margin-block-end: 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body.sales-order-view
  .page-wrapper
  .block-order-details-view
  .block-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body.sales-order-view
  .page-wrapper
  .actions-toolbar {
  gap: 8px !important;
  margin-block: 12px 0 !important;
}

/* Endereços — formulários densos */
html body#html-body#html-body:is(.customer-address-index, .customer-address-form, .customer-account-edit)
  .page-wrapper
  .form-address-edit,
html body#html-body#html-body:is(.customer-address-index, .customer-address-form)
  .page-wrapper
  .block-addresses-list {
  gap: 12px !important;
}

html body#html-body#html-body:is(.customer-address-index, .customer-address-form, .customer-account-edit)
  .page-wrapper
  .fieldset
  > .field {
  margin-block-end: 8px !important;
}

html body#html-body#html-body:is(.customer-address-index, .customer-address-form, .customer-account-edit)
  .page-wrapper
  .fieldset
  > .field
  > .label {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-block-end: 4px !important;
}

html body#html-body#html-body.customer-address-index
  .page-wrapper
  .block-addresses-list
  .item.actions {
  gap: 8px !important;
  margin-block-start: 8px !important;
}

/* Filtros ativos (chips) — PLP */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.filter-current, .block.filter .filter-current) {
  gap: 8px !important;
  margin-block: 8px 12px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .filter-current
  .items {
  gap: 4px 8px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .filter-current
  .item {
  font-size: 12px !important;
  line-height: 1.35 !important;
  padding: 4px 8px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .filter-current
  .action.remove {
  min-height: 28px !important;
  min-width: 28px !important;
}

/* Erros de formulário — escala corporativa */
html body#html-body#html-body
  .page-wrapper
  :is(.mage-error, .field-error, div.mage-error) {
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin-block-start: 4px !important;
}

html body#html-body#html-body
  .page-wrapper
  .field-note {
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin-block-start: 4px !important;
}

/* Modais genéricos (exceto auth carrinho — §32) */
html body#html-body#html-body:not(.checkout-cart-index)
  .page-wrapper
  .modal-popup
  .modal-inner-wrap {
  border-radius: 8px !important;
  box-shadow: 0 8px 24px color-mix(in srgb, CanvasText 10%, transparent) !important;
  padding: 12px 16px !important;
}

html body#html-body#html-body:not(.checkout-cart-index)
  .page-wrapper
  .modal-popup
  .modal-header {
  margin-block: 0 8px !important;
  padding: 0 !important;
}

html body#html-body#html-body:not(.checkout-cart-index)
  .page-wrapper
  .modal-popup
  .modal-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  /* SSOT A2: gutter mobile = 16 (não 12). Nested .page-main mantém pad 0 acima. */
  html body#html-body#html-body
    .page-wrapper
    .page.messages {
    margin-block: 8px !important;
    padding-inline: var(--awa-grid-container-pad, 16px) !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .page-main
    .page.messages {
    padding-inline: 0 !important;
  }

  html body#html-body#html-body
    .page-wrapper
    :is(.message, .message-success, .message-error, .message-notice) {
    padding: 8px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §36 Paridade terminal 1280px — cookie, shelves SSOT, PDP, OPC (2026-06-12)
   Vence awa-cookie-consent-fix.css thumb 190px; cookie banner densidade 4–16px.
   ════════════════════════════════════════════════════════════════════════ */

/* Cookie LGPD — card flutuante compacto (sync awa-cookie-consent-fix) */
html body#html-body#html-body #awa-cookie-banner {
  border-radius: 8px !important;
  box-shadow: 0 8px 24px color-mix(in srgb, CanvasText 12%, transparent) !important;
  max-width: min(calc(100% - 24px), 640px) !important;
}

html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__inner {
  gap: 8px !important;
  padding: 12px 16px !important;
}

html body#html-body#html-body #awa-cookie-banner p#awa-cookie-desc,
html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__text {
  font-size: 13px !important;
  gap: 4px !important;
  line-height: 1.45 !important;
}

html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__link {
  font-size: 13px !important;
  min-height: 32px !important;
  padding: 4px 0 !important;
}

html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__actions {
  gap: 8px !important;
}

html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__btn {
  border-radius: 8px !important;
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

/* Home shelves — SSOT thumb 1:1 (vence cookie-consent-fix 190px fix legado) */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .item-product
  .product-thumb {
  aspect-ratio: 1 / 1 !important;
  block-size: auto !important;
  display: grid !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 8px !important;
  place-items: center !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .item-product
  .product-thumb
  :is(> a, .first-thumb, img, .product-image-photo) {
  aspect-ratio: 1 / 1 !important;
  block-size: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .item-product
  .product-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 8px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .item-product
  .product-name
  .product-item-link {
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
}

/* Trust strip + pricing notice — home */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-home-pricing-notice, .awa-trust-strip, .top-home-content--trust-and-offers) {
  gap: 8px !important;
  margin-block: 0 !important;
  padding-block: 8px !important;
}

/* PDP — qty, add-to-cart, addto links densos */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .box-tocart {
  gap: 8px !important;
  margin-block: 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .box-tocart
  .fieldset {
  gap: 8px !important;
  margin: 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.control.awa-qty-stepper, .awa-qty-stepper) {
  gap: 4px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-addto-links {
  gap: 8px !important;
  margin-block: 8px 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-addto-links
  .action {
  font-size: 13px !important;
  min-height: 36px !important;
  padding: 4px 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .action.tocart {
  font-size: 14px !important;
  min-height: 44px !important;
  padding-inline: 16px !important;
}

/* PDP — compra sem fieldsets/cartões aninhados.
   Especificidade terminal necessária para vencer os locks globais que tratam
   qualquer .fieldset e qualquer .qty como superfícies independentes. */
html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  form#product_addtocart_form {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  .box-tocart {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  .box-tocart
  .fieldset {
  align-items: end !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(84px, 96px) minmax(0, 1fr) !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  .box-tocart
  .field.qty {
  align-items: stretch !important;
  align-self: end !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 96px !important;
}

html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  .box-tocart
  .field.qty
  > .label {
  align-self: stretch !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}

html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  .box-tocart
  .field.qty
  > .control {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form
  .box-tocart
  :is(.field.qty input.qty, .actions) {
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product-info-main
    .product-add-form
    .box-tocart
    .fieldset {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product-info-main
    .product-add-form
    .box-tocart
    .field.qty {
    width: 100% !important;
  }
}

/* OPC — métodos de envio + sidebar itens */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .table-checkout-shipping-method
  :is(th, td) {
  font-size: 13px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary
  .minicart-items
  .product-item {
  gap: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary
  .minicart-items
  .product-image-container {
  max-width: 56px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary
  .minicart-items
  .product-item-name {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Anti double-padding — column.main sem inset extra no eixo 1280 */
html body#html-body#html-body:is(
    .catalog-category-view,
    .catalogsearch-result-index,
    .catalog-product-view,
    .checkout-cart-index,
    .customer-account-index,
    .sales-order-history,
    .sales-order-view,
    .wishlist-index-index,
    .b2b-account-dashboard,
    [class*="b2b-"]
  )
  .page-wrapper
  .page-main
  > .columns
  > .column.main {
  padding-inline: 0 !important;
}

/* Footer margin top — paridade home/commerce */
html body#html-body#html-body
  .page-wrapper
  :is(.page-footer, .page_footer) {
  margin-block-start: 12px !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__inner {
    padding: 12px !important;
  }

  html body#html-body#html-body #awa-cookie-banner .awa-cookie-banner__btn {
    min-height: 44px !important;
    width: 100% !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §37 Paridade PLP ↔ Home + mobile nav + hero/footer densos (2026-06-12)
   SSOT cards commerce; vence super-global hero pad 24px e PLP thumb clamp.
   ════════════════════════════════════════════════════════════════════════ */

/* PLP/Search — thumb 1:1 sem min-height legado */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-thumb {
  aspect-ratio: 1 / 1 !important;
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
  block-size: auto !important;
  display: grid !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 8px !important;
  place-items: center !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-thumb
  :is(.product-thumb-link, .product-image-container, > a) {
  aspect-ratio: 1 / 1 !important;
  block-size: 100% !important;
  display: block !important;
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .product-thumb
  :is(.product-image-photo, img) {
  block-size: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

/* PLP card — mesma densidade das shelves home */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.product-item-info, .item-product) {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 8px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.product-item-name, .product-name)
  .product-item-link {
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.awa-b2b-sku, .product-item-sku, .product-sku) {
  align-self: flex-start !important;
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 4px !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
}

/* NÃO incluir .b2b-login-to-see-price.price-box — essa regra (2x #html-body)
   vencia o gate guest: padding:0 + min-height:32px (debug cc2a40 / Playwright). */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.info-price:not(:has(.b2b-login-to-see-price)), .price-box:not(.b2b-login-to-see-price)) {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: space-between !important;
  margin-block-start: auto !important;
  min-height: 32px !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .price-box
  .price {
  color: var(--awa-primary, var(--awa-primary)) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.price-label, .b2b-login-link) {
  align-items: center !important;
  background: var(--awa-red-10, rgb(183 51 55 / 8%)) !important;
  border: 1px solid var(--awa-red-15, rgb(183 51 55 / 15%)) !important;
  border-radius: 999px !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  min-height: 24px !important;
  padding: 3px 8px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Category hero — overlay denso (vence super-global pad 24px) */
html body#html-body#html-body.catalog-category-view
  .page-wrapper
  .awa-category-hero__content {
  padding: 12px 16px !important;
}

html body#html-body#html-body.catalog-category-view
  .page-wrapper
  .awa-category-hero__title {
  /* px (não rem): html root é 10px, rem renderizava ~62% do alvo 18-22px */
  font-size: clamp(18px, 1.15rem + 0.6vw, 22px) !important;
  margin-block: 0 4px !important;
}

html body#html-body#html-body.catalog-category-view
  .page-wrapper
  .awa-category-hero__count {
  font-size: 12px !important;
}

/* Filtros sidebar — títulos e opções densos */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .filter-options-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  min-height: 36px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .filter-options-content
  a {
  font-size: 13px !important;
  min-height: 32px !important;
  padding: 4px 8px !important;
}

/* Search autocomplete — dropdown corporativo (distill: shadow-only) */
html body#html-body#html-body
  .page-wrapper
  :is(#search_autocomplete, .search-autocomplete, .searchsuite-autocomplete, .mst-searchautocomplete__autocomplete, .amsearch-results-block) {
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgb(15 23 42 / 12%) !important;
  font-size: 13px !important;
  gap: 4px !important;
  padding: 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.search-autocomplete, .mst-searchautocomplete__autocomplete)
  :is(.amount, .title, .suggest) {
  font-size: 12px !important;
  line-height: 1.35 !important;
  padding: 4px 8px !important;
}

/* Footer newsletter — denso no eixo 1280 */
html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.block.newsletter, .footer-newsletter, .newsletter) {
  gap: 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.block.newsletter, .footer-newsletter)
  :is(input[type="email"], .control input) {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.block.newsletter, .footer-newsletter)
  .action.subscribe {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 16px !important;
}

/* Mobile bottom nav — compacto B2B (vence home-body-end 84px)
 * H24A (2026-07-17): reserva de espaço só em ≤767 — nav some em tablet */
@media (max-width: 767px) {
  html body#html-body#html-body {
    --awa-mobile-bottom-nav-h: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body#html-body#html-body .page-wrapper {
    padding-bottom: calc(var(--awa-mobile-bottom-nav-h, 64px) + 8px) !important;
  }

  html body#html-body#html-body .page-wrapper :is(.page-footer, .page_footer) {
    padding-bottom: calc(var(--awa-mobile-bottom-nav-h, 64px) + 12px) !important;
  }

  html body#html-body#html-body nav.fixed-bottom .mobile-bottom-link > li > a,
  html body#html-body#html-body nav.fixed-bottom .mobile-bottom-link > li > button,
  html body#html-body#html-body nav.fixed-bottom .mobile-bottom-link li a,
  html body#html-body#html-body nav.fixed-bottom .mobile-bottom-link li button {
    font-size: 11px !important;
    gap: 2px !important;
    min-height: 44px !important;
    min-width: 44px !important;
    padding-block: 4px !important;
  }

  html body#html-body#html-body nav.fixed-bottom .mobile-bottom-link {
    gap: 0 !important;
    padding-block: 4px !important;
  }

  html body#html-body#html-body.awa-cookie-banner-active:has(#awa-cookie-banner.awa-cookie-banner--visible)
    .page-wrapper {
    padding-bottom: calc(
      var(--awa-mobile-bottom-nav-h, 64px)
      + var(--awa-cookie-banner-height, 72px)
      + 12px
    ) !important;
  }

  html body#html-body#html-body
    #awa-cookie-banner.awa-cookie-banner--visible {
    inset-block-end: calc(var(--awa-mobile-bottom-nav-h, 64px) + 12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* PDP related/upsell — paridade thumb 1:1 com PLP */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.block.related, .block.upsell, .block.crosssell, .awa-pdp-related)
  .product-thumb {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.block.related, .block.upsell, .block.crosssell)
  :is(.product-item-info, .product-info) {
  gap: 4px !important;
  padding: 8px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §38 OPC + Carrinho + CMS forms + Home shelf SSOT final (2026-06-12)
   Vence §550 clamp shelf, super-global form.contact pad 32px, toolbar shadow.
   ════════════════════════════════════════════════════════════════════════ */

/* Home shelves — SSOT thumb 1:1 definitivo (vence §550 clamp 132–168px) */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb {
  aspect-ratio: 1 / 1 !important;
  block-size: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 8px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb
  :is(.product-image-photo, img) {
  max-height: 100% !important;
  object-fit: contain !important;
}

/* OPC — campos, CTA e summary title densos */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.field, .fieldset > .field)
  > .label {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-block-end: 4px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary
  > .title {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
  padding-block: 0 8px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(.action.primary.checkout, .checkout-payment-method .action.primary, button.action-checkout) {
  font-size: 14px !important;
  font-weight: 700 !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-wrapper
  #checkoutSteps
  > li {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-block-summary {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
}

/* Carrinho — cupom, crosssell, qty */
html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.block.discount, .cart-discount, #block-discount) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  margin-block: 0 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.block.discount, .cart-discount)
  :is(.title, .block-title) {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.block.discount, .cart-discount)
  :is(input, .input-text) {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.block.discount, .cart-discount)
  .action.apply {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.cart-container .block.crosssell, .cart-container .block.upsell) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin-block: 12px 0 !important;
  padding: 12px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty, .cart-empty.awa-cart-empty) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  max-width: min(100%, 36rem) !important;
  margin-inline: auto !important;
  padding: clamp(20px, 3vw, 28px) clamp(16px, 3vw, 24px) !important;
  box-shadow: 0 4px 18px color-mix(in srgb, var(--awa-text-primary, var(--awa-text)) 6%, transparent) !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-cart-empty__hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__title, .awa-cart-empty h2) {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  font-weight: 600 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__subtitle, .awa-cart-empty p:not(.awa-cart-empty__trust)) {
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 auto !important;
  max-width: 40ch !important;
  text-align: center !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__actions, .awa-order-success__actions) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 17.5rem !important;
  margin-inline: auto !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-cart-empty__cta.action.primary {
  width: 100% !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-cart-empty__categories {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 4%, var(--awa-bg, var(--awa-bg))) !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .column.main:has(.awa-cart-empty) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-block: 16px 24px !important;
}

/* CMS / Contato / Currículo — forms densos (vence super-global pad 32px) */
html body#html-body#html-body:is(.cms-page-view, .contact-index-index, .curriculo-index-index, .curriculo-index-status)
  .page-wrapper
  :is(.form.contact, .aw-aw-careers-form) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 12px !important;
  margin-block: 12px 0 !important;
  max-width: min(100%, 640px) !important;
  padding: 16px !important;
}

html body#html-body#html-body:is(.cms-page-view, .contact-index-index, .curriculo-index-index)
  .page-wrapper
  :is(.form.contact, .aw-aw-careers-form)
  .fieldset
  > .field {
  margin-block-end: 8px !important;
}

html body#html-body#html-body:is(.cms-page-view, .contact-index-index, .curriculo-index-index)
  .page-wrapper
  :is(.form.contact, .aw-aw-careers-form)
  .fieldset
  > .field
  > .label {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-block-end: 4px !important;
}

html body#html-body#html-body:is(.cms-page-view, .contact-index-index, .curriculo-index-index)
  .page-wrapper
  :is(.form.contact, .aw-aw-careers-form)
  :is(input, select, textarea) {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body:is(.cms-page-view, .contact-index-index, .curriculo-index-index)
  .page-wrapper
  :is(.form.contact, .aw-aw-careers-form)
  .action.submit {
  font-size: 14px !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
}

/* 404 — card centralizado denso */
html body#html-body#html-body.cms-noroute-index
  .page-wrapper
  .column.main {
  margin-inline: auto !important;
  max-width: min(100%, 640px) !important;
  padding-block: 16px !important;
  text-align: center !important;
}

html body#html-body#html-body.cms-noroute-index
  .page-wrapper
  .column.main
  :is(h1, .page-title) {
  font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem) !important;
  margin-block: 0 8px !important;
}

/* PLP — botão add-to-cart compacto */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.product-item-actions, .actions-primary)
  .action.tocart {
  font-size: 12px !important;
  min-height: 36px !important;
  padding: 4px 8px !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .awa-catalog-qty-box
  .awa-qty-stepper {
  gap: 4px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .awa-catalog-qty-box
  .awa-qty-stepper
  :is(.awa-qty-btn, input.qty) {
  min-height: 36px !important;
}

/* Mobile PLP toolbar — flat, sem shadow sticky legado */
@media (max-width: 767px) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar-products {
    border-block-end: 1px solid var(--awa-border, #e5e7eb) !important;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--awa-primary, var(--awa-red)) 32%, transparent) !important;
    margin-block: 8px 0 !important;
    top: 0 !important;
  }
}

/* B2B quickorder — tabela densa */
html body#html-body#html-body.b2b-quickorder-index
  .page-wrapper
  :is(.quickorder-form, .b2b-quickorder-form, table.data) {
  font-size: 13px !important;
}

html body#html-body#html-body.b2b-quickorder-index
  .page-wrapper
  table.data
  :is(th, td) {
  padding: 8px 12px !important;
}

html body#html-body#html-body.b2b-quickorder-index
  .page-wrapper
  :is(.quickorder-form, .b2b-quickorder-form)
  :is(input, select) {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

/* PDP/Auth leak — o bloco de login do Magento/AjaxSuite deve existir apenas em
   modal, checkout ou páginas de autenticação. Quando renderiza solto após o
   footer, cria a "segunda página" vista no print. */
html body#html-body#html-body
  #ajaxsuite-popup-wrapper[aria-hidden="true"],
html body#html-body#html-body
  #ajaxsuite-popup-wrapper[aria-hidden="true"]
  #ajaxsuite-popup-content,
html body#html-body#html-body
  #ajaxsuite-popup-wrapper[aria-hidden="true"]
  .block-authentication {
  block-size: 0 !important;
  display: none !important;
  max-block-size: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

html body#html-body#html-body
  #ajaxsuite-popup-wrapper:not([aria-hidden="false"])
  .block-authentication[style*="display: none"] {
  display: none !important;
}

/* Shell KO #authenticationPopup — nunca card inline na PDP/PLP (modal-only) */
html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login)
  #authenticationPopup {
  block-size: 0 !important;
  display: none !important;
  margin: 0 !important;
  max-block-size: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  visibility: hidden !important;
}

html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login)
  #authenticationPopup
  .block-authentication {
  display: none !important;
}

/* Auth modal — fechado por padrão; visível só com ._show (evita login inline na PLP/PDP) */
html body#html-body#html-body .modal-popup.popup-authentication:not(._show) {
  block-size: 0 !important;
  display: none !important;
  max-block-size: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html body#html-body#html-body._has-modal .modal-popup.popup-authentication._show {
  block-size: auto !important;
  display: block !important;
  inset: 0 !important;
  max-block-size: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  position: fixed !important;
  visibility: visible !important;
  z-index: 100006 !important;
}

html body#html-body#html-body._has-modal .modal-popup.popup-authentication._show .block-authentication {
  block-size: auto !important;
  display: block !important;
  max-block-size: none !important;
  overflow: visible !important;
  visibility: visible !important;
}

html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login)
  #authenticationPopup
  .block.block-customer-login {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login):not(.checkout-index-index):not(.checkout-cart-index)
  .page-wrapper
  > :is(.block-authentication, .login-container, .block.block-customer-login),
html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login):not(.checkout-index-index):not(.checkout-cart-index)
  .page-wrapper
  > .page-footer
  ~ :is(.block-authentication, .login-container, .block.block-customer-login),
html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login):not(.checkout-index-index):not(.checkout-cart-index)
  .page-wrapper
  > .page_footer
  ~ :is(.block-authentication, .login-container, .block.block-customer-login),
html body#html-body#html-body:not(.customer-account-login):not(.customer-account-create):not(.b2b-account-login):not(.checkout-index-index):not(.checkout-cart-index)
  .page-wrapper
  :is(.page-footer, .page_footer)
  + :is(.block-authentication, .login-container, .block.block-customer-login) {
  display: none !important;
}

/* Success / carrinho pós-pedido — padding denso (vence §10b clamp) */
html body#html-body#html-body:is(.checkout-onepage-success, .checkout-cart-index)
  .page-wrapper
  :is(.checkout-success.awa-checkout-success-page, .awa-cart-empty--success, .awa-order-success) {
  padding-block: 16px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §39 OPC polish lock + Dashboard B2B + Auth + PDP meta (2026-06-12)
   Vence awa-checkout-polish step-title 20px/800, header 1440px, dashboard-grid.
   ════════════════════════════════════════════════════════════════════════ */

/* Checkout — vence awa-checkout-polish.css (async, carrega antes do align-grid) */
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index) {
  background-color: var(--awa-bg, var(--awa-bg)) !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(
    #header .header-container,
    #header.header-container,
    .awa-checkout-header-shell .awa-checkout-header-content,
    .awa-checkout-header-content,
    .header-content.awa-checkout-header-content
  ) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .awa-checkout-header-bar {
  align-items: center !important;
  gap: 8px !important;
  min-height: 56px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .awa-checkout-header-support {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .checkout-container
  .opc-progress-bar {
  margin-block: 0 8px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-wrapper
  .step-title {
  border-block-end: 0 !important;
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-block: 0 8px !important;
  padding-block: 0 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-progress-bar-item
  :is(span, .opc-progress-bar-item-link) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-progress-bar-item
  > span::before {
  block-size: 28px !important;
  height: 28px !important;
  inline-size: 28px !important;
  width: 28px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  :is(#opc-sidebar, .opc-sidebar) {
  padding: 12px !important;
}

html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  #opc-sidebar
  .opc-block-summary,
html body#html-body#html-body:is(.checkout-index-index, .rokanthemes-onepagecheckout, .onepagecheckout-index-index)
  .page-wrapper
  .opc-sidebar
  .opc-block-summary {
  padding: 12px !important;
}

/* Auth — título denso (vence §2150 clamp 1.75rem / margin 24px) */
html body#html-body#html-body:is(
    .customer-account-login,
    .customer-account-create,
    .customer-account-forgotpassword,
    .b2b-account-login,
    .b2b-register-index,
    .b2b-auth-shell
  )
  .page-wrapper
  :is(.page-title, .page-title-wrapper .page-title) {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  margin-block: 0 12px !important;
}

/* B2B Dashboard — vence dashboard-grid.css radius 16px, shadow, value 800 */
html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-summary-cards
  .summary-card {
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 12px !important;
  transform: none !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-summary-cards
  .summary-card:hover {
  box-shadow: none !important;
  transform: none !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .summary-card__label {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  margin-block: 0 4px !important;
  text-transform: uppercase !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .summary-card__value {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.suggestion-card, .erp-product-card, .b2b-rexis-card, .intelligence-card) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.suggestion-card, .erp-product-card, .b2b-rexis-card)
  :is(.product-name, .product-title, h3, h4) {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.suggestion-card, .erp-product-card, .b2b-rexis-card)
  :is(.product-meta, .product-sku, .meta) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-quick-actions
  .action-item {
  border-radius: 8px !important;
  font-size: 12px !important;
  min-height: 40px !important;
  padding: 8px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.checklist-item, .b2b-onboarding-step) {
  border-radius: 8px !important;
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .category-chip {
  border-radius: 999px !important;
  font-size: 12px !important;
  min-height: 32px !important;
  padding: 4px 12px !important;
}

/* PDP — SKU, estoque e atributos adicionais */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-info-stock-sku {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.product.attribute.sku, .awa-b2b-sku, .product-info-sku) {
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 4px !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .stock.available,
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .stock.unavailable {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.info.detailed
  .additional-attributes
  :is(th, td) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.info.detailed
  .additional-attributes
  tbody
  th {
  font-weight: 600 !important;
  width: 40% !important;
}

/* Carrinho vazio — chips de categoria densos */
html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__categories, .awa-order-success__categories) {
  gap: 8px !important;
}

html body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__category-chip, .awa-order-success__category-chip) {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: 12px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
}

/* Account mobile — sidebar antes do main, nav colapsável denso */
@media (max-width: 768px) {
  html body#html-body#html-body:is(.account, .b2b-account-dashboard, [class*="b2b-"])
    .page-wrapper
    .page-main
    > .columns
    > :is(.sidebar-main, .sidebar.sidebar-main) {
    margin-block-end: 8px !important;
    order: -1 !important;
  }

  html body#html-body#html-body:is(.account, [class*="b2b-"])
    .page-wrapper
    .block-collapsible-nav
    .title {
    font-size: 13px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
  }

  html body#html-body#html-body:is(.account, [class*="b2b-"])
    .page-wrapper
    .account-nav
    :is(a, strong) {
    font-size: 13px !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §40 Compare + Footer + Promo + Reorder + Toolbar modes (2026-06-12)
   ════════════════════════════════════════════════════════════════════════ */

/* Widget compare flutuante / sidebar */
html body#html-body#html-body
  .page-wrapper
  :is(.sidebar .block.block-compare, .sidebar-additional .block.block-compare) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  margin-block: 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block.block-compare
  .product-items {
  gap: 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block.block-compare
  .product-items
  .product-item {
  font-size: 12px !important;
  gap: 4px !important;
  line-height: 1.35 !important;
  padding: 4px 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  .block.block-compare
  .actions
  .action.compare {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  width: 100% !important;
}

html body#html-body#html-body
  .page-wrapper
  .compare.wrapper
  .action.compare {
  font-size: 12px !important;
  min-height: 36px !important;
  padding: 4px 8px !important;
}

/* Reorder sidebar — denso */
html body#html-body#html-body
  .page-wrapper
  .block-reorder {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  margin-block: 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block-reorder
  :is(.block-title, .block-title strong) {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block-reorder
  .product-item {
  font-size: 13px !important;
  gap: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  .block-reorder
  .action.tocart {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

/* Promo bar header — tipografia densa */
html body#html-body#html-body
  .page-wrapper
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
  :is(.awa-b2b-promo-bar__text, .promo-text, p, span:not(.awa-b2b-promo-bar__cta *)) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
  :is(a.awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__cta) {
  font-size: 13px !important;
  display: inline !important;
  align-items: unset !important;
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  margin-block: 0 !important;
  box-sizing: border-box !important;
  line-height: 1.25 !important;
}

/* Footer — colunas densas no eixo 1280 */
html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-col {
  gap: 8px !important;
  margin-block-end: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-col-title, .footer-title, h3, h4) {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-col, .footer-container)
  :is(li, p, a) {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom {
  font-size: 12px !important;
  gap: 8px !important;
  padding-block: 12px !important;
}

/* PLP toolbar — modes grid/list compactos */
html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-products
  .modes
  .modes-mode {
  border-radius: 4px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  padding: 4px !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-products
  .limiter
  :is(label, select) {
  font-size: 12px !important;
  min-height: 32px !important;
}

/* Actions toolbar global — cluster denso */
html body#html-body#html-body
  .page-wrapper
  .actions-toolbar {
  gap: 8px !important;
  margin-block: 12px 0 !important;
}

html body#html-body#html-body
  .page-wrapper
  .actions-toolbar
  :is(.primary, .secondary)
  .action {
  font-size: 13px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

/* Hero benefits — ícones e labels compactos mobile */
@media (max-width: 767px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    ul.awa-hero-benefits
    .awa-hero-benefits__icon {
    block-size: 32px !important;
    height: 32px !important;
    width: 32px !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    ul.awa-hero-benefits
    .awa-hero-benefits__label {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §41 Search landing + Pedidos + B2B flows + PDP mobile (2026-06-12)
   ════════════════════════════════════════════════════════════════════════ */

/* Busca — landing e resultados densos */
html body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  :is(.mst-search-landing__description, .search.results .note) {
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin-block-end: 12px !important;
}

html body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  .search.results
  .toolbar-amount {
  font-size: 12px !important;
}

html body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  .mst-search__highlight {
  border-radius: 2px !important;
  padding: 0 2px !important;
}

/* Histórico de pedidos — status e linhas densas */
html body#html-body#html-body.sales-order-history
  .page-wrapper
  .data.table
  tbody
  tr {
  font-size: 13px !important;
}

html body#html-body#html-body.sales-order-history
  .page-wrapper
  .data.table
  :is(.col.status, .status) {
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body#html-body#html-body.sales-order-history
  .page-wrapper
  .data.table
  .action.view {
  font-size: 12px !important;
  min-height: 32px !important;
  padding: 4px 8px !important;
}

/* B2B cotações / crédito / listas — cards e tabelas */
html body#html-body#html-body:is(.b2b-quote-index, .b2b-shoppinglist-index, .b2b-credit-index, .b2b-company-index, .b2b-approval-index)
  .page-wrapper
  :is(.quote-card, .shoppinglist-card, .credit-card, .b2b-shortcut-card, .approval-card) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body:is(.b2b-quote-index, .b2b-shoppinglist-index, .b2b-credit-index)
  .page-wrapper
  :is(.quote-card, .shoppinglist-card, .credit-card)
  :is(h3, h4, .card-title) {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

html body#html-body#html-body:is(.b2b-quote-view, .b2b-shoppinglist-view)
  .page-wrapper
  :is(.data.table, table.data)
  :is(th, td) {
  font-size: 13px !important;
  padding: 8px 12px !important;
}

html body#html-body#html-body:is(.b2b-quote-view, .b2b-shoppinglist-view)
  .page-wrapper
  .actions-toolbar
  .action {
  min-height: 40px !important;
}

/* PDP mobile — stack media + info denso */
@media (max-width: 767px) {
  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .main-detail {
    gap: 8px !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product.media {
    margin-block-end: 8px !important;
    padding: 8px !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product-info-main {
    gap: 8px !important;
    padding-block: 0 !important;
  }

  html body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product.data.items {
    margin-block-start: 8px !important;
  }
}

/* Badges promo — paridade home/PLP/PDP */
html body#html-body#html-body
  .page-wrapper
  :is(.products-grid, .awa-shelf--carousel, .product-info-main)
  :is(.onsale, .discount-badge, .sticker.discount, .product-label) {
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  padding: 4px 8px !important;
  text-transform: uppercase !important;
}

/* PLP mobile SSOT final — 2 col em ≤479px (anti-regressão §7 legado) */
@media (max-width: 479px) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(
      .products-grid .product-items,
      .products-grid ul.row.product-grid,
      .products-grid ul.container-products-switch,
      ul.row.product-grid.container-products-switch
    ) {
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §42 Sidebar widgets + B2B onboarding + Compare mobile (2026-06-12)
   ════════════════════════════════════════════════════════════════════════ */

/* Sidebar additional — blocos genéricos flat */
html body#html-body#html-body
  .page-wrapper
  .sidebar-additional
  :is(.block, .block-wishlist, .block-compare, .block-reorder, .block-viewed) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  gap: 8px !important;
  margin-block: 0 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body
  .page-wrapper
  .sidebar-additional
  .block
  :is(.block-title, .block-title strong) {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.block-wishlist, .block-viewed)
  .product-item {
  font-size: 13px !important;
  gap: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body
  .page-wrapper
  :is(.block-wishlist, .block-viewed)
  .product-item-photo
  img {
  max-height: 48px !important;
  max-width: 48px !important;
  object-fit: contain !important;
}

/* B2B onboarding + ERP reorder — dashboard */
html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  :is(.b2b-onboarding-section, .b2b-intelligence-section) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  gap: 12px !important;
  padding: 12px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-onboarding-section
  :is(h2, h3, .b2b-section-title) {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .erp-reorder-list
  :is(.erp-reorder-item, .reorder-item, li) {
  border-block-end: 1px solid var(--awa-border, #e5e7eb) !important;
  font-size: 13px !important;
  gap: 8px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body.b2b-account-dashboard
  .page-wrapper
  .b2b-chart-container
  :is(h3, h4, .chart-title) {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
}

/* Compare widget mobile — acima da nav inferior */
@media (max-width: 991px) {
  html body#html-body#html-body
    .page-wrapper
    .sidebar
    .block.block-compare {
    margin-block-end: 8px !important;
  }

  html body#html-body#html-body:not(:is(.checkout-index-index, .onepagecheckout-index-index))
    .page-wrapper
    .block.block-compare
    .actions
    .action.compare {
    min-height: 44px !important;
  }
}

/* Compatibilidade PDP — bloco inline denso */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.awa-compatibility, .awa-product-compatibility, [class*="compatibility"]) {
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  gap: 8px !important;
  line-height: 1.45 !important;
  margin-block: 8px 0 !important;
  padding: 12px !important;
}

/* Tier price / bulk — se presente no PDP */
html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.prices-tier, .tier-price, .bulk-price) {
  font-size: 13px !important;
  gap: 4px !important;
  margin-block: 8px 0 !important;
}

html body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .prices-tier
  :is(.item, li) {
  padding: 4px 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §HPOL Header Polish Terminal (2026-06-12)
   /impeccable polish header — vence §26 search 40px e lacunas home/tablet/mobile.
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default'] {
  --awa-header-search-h: 44px;
  --awa-search-h: 44px;
  --awa-search-btn-w: 44px;
  --awa-search-radius: var(--awa-radius-md, 8px);
}

/* FIX 2026-07-06 (Impeccable "nested cards" div.header-wrapper-sticky.is-sticky): position:sticky
   nunca funcionava aqui porque .page-wrapper e <html> tem overflow-x:clip !important (fix anti-scroll
   horizontal em awa-visual-fixes-2026-06-29-final.css) — qualquer ancestral com overflow != visible
   quebra position:sticky por spec. O header ficava position:static de fato, rolando junto com a
   pagina só com o "olhar" condensado (classe is-sticky) aplicado, sem nunca fixar no topo — lido pelo
   Impeccable como um cartão (bg+shadow) flutuando desalinhado sobre o conteúdo abaixo. position:fixed
   não depende do overflow dos ancestrais (só de transform/filter/contain neles, ausentes aqui), então
   resolve sem precisar tocar no fix de overflow horizontal. */
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-wrapper-sticky.is-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  overflow: visible !important;
  contain: none !important;
}

@media (max-width: 991px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky {
    z-index: 900 !important;
  }
}

/* Busca unificada: 44px, borda, radius — todas as superfícies incl. home */
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(form#search_mini_form, form.minisearch) {
  display: flex !important;
  align-items: stretch !important;
  height: var(--awa-header-search-h, 44px) !important;
  min-height: var(--awa-header-search-h, 44px) !important;
  max-height: var(--awa-header-search-h, 44px) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: var(--awa-search-radius, 8px) !important;
  background: var(--awa-bg, var(--awa-bg)) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  input#search {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(button.action.search, form#search_mini_form button.action.search) {
  flex: 0 0 var(--awa-search-btn-w, 44px) !important;
  width: var(--awa-search-btn-w, 44px) !important;
  min-width: var(--awa-search-btn-w, 44px) !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  button.action.search svg,
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  button.action.search svg path {
  stroke: var(--awa-primary, var(--awa-primary)) !important;
}

/* Nav bar — fundo soft consistente */
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.header-control.awa-nav-bar, .header-control.header-nav.awa-nav-bar) {
  background: var(--awa-header-nav-bg, #fff) !important;
  background-color: var(--awa-header-nav-bg, #fff) !important;
  background-image: none !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar
  > .container,
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar
  .awa-nav-bar__inner {
  background: var(--awa-header-nav-bg, #fff) !important;
}

/* Tablet — minicart + conta compactos (vence home-light-lock drift) */
@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-right-col {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    height: var(--awa-header-main-row-h, 56px) !important;
    max-height: var(--awa-header-main-row-h, 56px) !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-account-prompt {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-minicart,
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-minicart
    :is(.minicart-wrapper, .action.showcart, .awa-header-cart-fallback) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Mobile — grid padrão e reset busca/PLP */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    :is(.awa-main-header__inner[data-awa-header-row], .awa-main-header__inner.wp-header) {
    display: grid !important;
    grid-template-areas: 'toggle brand cart' 'search search search' !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    grid-template-rows: 40px 44px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body:is(.catalogsearch-result-index, .catalog-category-view):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    :is(.awa-main-header__inner[data-awa-header-row], .awa-main-header__inner.wp-header) {
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    grid-template-rows: 40px 44px !important;
    grid-template-areas: 'toggle brand cart' 'search search search' !important;
    height: 88px !important;
    max-height: 88px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    .awa-header-minicart {
    grid-area: cart !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §HPOL2 Header Polish Pass 2 — modernização visual (2026-06-12)
   Final-wins: sticky shadow, shell 1280px, tipografia conta, focus busca
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default'] {
  --awa-header-shell-max: 1280px;
  --awa-header-shell-pad: 16px;
  --awa-header-nav-bg: #fff;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky {
  background: var(--awa-bg, var(--awa-bg)) !important;
  transition: box-shadow 180ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky,
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header.awa-header-is-sticky
  .header-wrapper-sticky {
  box-shadow: var(--awa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08)) !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header.awa-main-header {
  border-block-end: 1px solid var(--awa-border) !important;
  background: var(--awa-bg, var(--awa-bg)) !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    :is(.awa-main-header__inner[data-awa-header-row], .awa-main-header__inner.wp-header) {
    max-width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
    margin-inline: auto !important;
    padding-inline: var(--awa-header-shell-pad, 16px) !important;
  }
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt {
  gap: 8px !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt
  .awa-header-account-prompt__icon {
  color: var(--awa-primary) !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt
  .awa-header-account-prompt__line1 {
  color: var(--awa-text-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt
  :is(.awa-header-account-prompt__line2, .awa-header-account-prompt__link) {
  color: var(--awa-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(form#search_mini_form, form.minisearch) {
  transition: border-color 120ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 120ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  form#search_mini_form:focus-within {
  border-color: var(--awa-primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--awa-primary) 25%, transparent) !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-minicart
  .counter.qty:not(.empty) {
  position: absolute !important;
  inset-block-end: 2px !important;
  inset-inline-end: 0 !important;
  min-width: 14px !important;
  height: 14px !important;
  padding: 0 4px !important;
  border: 1px solid var(--awa-primary) !important;
  border-radius: 999px !important;
  background: var(--awa-bg, var(--awa-bg)) !important;
  color: var(--awa-primary) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--awa-primary) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-mobile-toggle:focus-visible {
    outline: 2px solid var(--awa-primary) !important;
    outline-offset: 2px !important;
  }
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    :is(
      button.our_categories.title-category-dropdown[data-role='awa-vertical-menu-trigger'],
      h2.our_categories.title-category-dropdown
    ) {
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    :is(
      button.our_categories.title-category-dropdown[data-role='awa-vertical-menu-trigger'],
      h2.our_categories.title-category-dropdown
    ):focus-visible {
    outline: 2px solid var(--awa-text-inverse, var(--awa-bg)) !important;
    outline-offset: -2px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(
      .menu_primary .level0 > a,
      .awa-header-primary-nav .navigation li.level0 > a,
      .top-menu a.level-top,
      .awa-nav-quick-links__link
    ) {
    padding-inline: 12px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header
    .header-wrapper-sticky,
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch) {
    transition: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §HPOL3 Header grid axis lock (2026-06-12)
   Vence preload critical (clamp 42px / 1440px) + padding assimétrico nav.
   Escala spacing 4–16px. Eixo único: 1280px + pad 16px (mobile 12px).
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default'] {
  --awa-header-col-gap: 12px;
  --awa-header-actions-gap: 8px;
  --awa-header-search-h: 44px;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    --awa-header-shell-pad: 12px;
  }
}

/* Neutraliza .container legado Magento no header — padding só no inner */
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.header-main, .header_main)
  > .container,
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar
  > .container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  padding-block: 0 !important;
}

/* Nav inner — mesmo eixo que main row (vence awa-head-preload line 272) */
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar
  > .container .awa-nav-bar__inner,
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .header-control.awa-nav-bar
  .awa-nav-bar__inner,
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header
  .awa-nav-bar__inner {
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
  margin-inline: auto !important;
  padding-inline: var(--awa-header-shell-pad, 16px) !important;
  padding-block: 0 !important;
  gap: 0 !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    column-gap: var(--awa-header-col-gap, 12px) !important;
    gap: 0 var(--awa-header-col-gap, 12px) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-right-col {
    gap: var(--awa-header-actions-gap, 8px) !important;
    min-width: min(252px, 28vw) !important;
    max-width: min(360px, 36vw) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(
      .menu_primary .level0 > a,
      .awa-header-primary-nav .navigation li.level0 > a,
      .top-menu a.level-top,
      .awa-nav-quick-links__link
    ) {
    padding-inline: 12px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-primary-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links {
    flex: 0 0 auto !important;
    margin-inline-start: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    :is(.awa-main-header__inner[data-awa-header-row], .awa-main-header__inner.wp-header) {
    margin-inline: auto !important;
    max-width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
    padding-inline: var(--awa-header-shell-pad, 16px) !important;
    gap: 0 var(--awa-header-col-gap, 12px) !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    :is(.awa-main-header__inner[data-awa-header-row], .awa-main-header__inner.wp-header) {
    margin-inline: auto !important;
    max-width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
    padding-inline: var(--awa-header-shell-pad, 12px) !important;
    gap: 4px var(--awa-header-col-gap, 12px) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §HPOL4 Densidade vertical + eixo commerce + hierarquia nav (2026-06-12)
   Vence header-container 56px home, breadcrumbs double-pad, toolbar inset.
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-container:has(.awa-b2b-promo-bar) {
  height: var(--awa-header-promo-h, 32px) !important;
  min-height: var(--awa-header-promo-h, 32px) !important;
  max-height: var(--awa-header-promo-h, 32px) !important;
  padding-block: 0 !important;
  overflow: hidden !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-container:has(.awa-b2b-promo-bar)
  .header-content {
  height: var(--awa-header-promo-h, 32px) !important;
  min-height: var(--awa-header-promo-h, 32px) !important;
  max-height: var(--awa-header-promo-h, 32px) !important;
  padding-block: 0 !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
  :is(.container, .awa-b2b-promo-bar__inner, [class*='promo-bar__inner']) {
  max-width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
  margin-inline: auto !important;
  padding-inline: var(--awa-header-shell-pad, 16px) !important;
  gap: 8px !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-brand-cell
  :is(.logo, .logo a, .logo img) {
  margin: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-brand-cell
  :is(.logo, .logo a) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  text-align: left !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-brand-cell
  .logo img {
  object-position: left center !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links__link {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--awa-text-muted, var(--awa-text-secondary)) !important;
    padding-inline: 8px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links__link:hover {
    color: var(--awa-primary) !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    /* BUG-SHELL-ALIGN-GRID-88-001: SSOT mobile main=96 (não 88) */
    --awa-header-main-row-h: 96px;
    --awa-header-stack-h: calc(var(--awa-header-promo-h, 0px) + var(--awa-header-main-row-h));
  }
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index, .catalog-product-view):not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .nav-breadcrumbs
  .breadcrumbs,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index):not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .page-main.container
  > :is(.nav-breadcrumbs, .breadcrumbs),
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index):not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .nav-breadcrumbs
  .breadcrumbs {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index):not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .nav-breadcrumbs {
  margin-block: 4px 8px !important;
  padding-block: 4px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index):not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .toolbar.toolbar-products {
  margin-block: 4px 8px !important;
  padding-inline: 0 !important;
  padding-block: 4px !important;
  gap: 8px 12px !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky {
    min-height: var(--awa-header-main-row-h, 96px) !important;
    height: auto !important;
    max-height: none !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header.awa-main-header {
    height: var(--awa-header-main-row-h, 96px) !important;
    min-height: var(--awa-header-main-row-h, 96px) !important;
    max-height: var(--awa-header-main-row-h, 96px) !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §36 Corporate grid + densidade commerce (2026-06-12)
   Escala 4–16px, eixo 1280px, hierarquia B2B. PLP + busca + PDP shell.
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index, .catalog-product-view) {
  --awa-axis-gap: 12px;
  --awa-commerce-section-gap: 12px;
}

/* PLP — banner B2B + grid produtos alinhados ao eixo columns */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-plp-b2b-gate-banner {
  gap: 8px !important;
  margin-block: 0 8px !important;
  /* H-redundant-chrome: sem caixa ao redor dos CTAs */
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main.container
  > .columns.layout.layout-2-col {
  column-gap: 12px !important;
  row-gap: 8px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(ul.row.product-grid, ul.container-products-switch, .products-grid .product-items) {
  gap: 12px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product {
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.page-title-wrapper, .category-view-move) {
  margin-block: 0 8px !important;
  padding-block: 0 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.page-title, .page-title-wrapper .page-title, .category-title) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
  font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .block.filter {
  gap: 8px !important;
  padding: 12px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .sidebar-main
  .block.filter
  .block-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-block: 0 8px !important;
  padding-block: 0 8px !important;
}

/* PDP — shell container + blocos densos */
html body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  gap: 12px !important;
}

html body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .page-title-wrapper
  .page-title {
  font-size: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-block: 0 !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-plp-b2b-gate-banner {
    /* H-redundant-chrome: zero padding da caixa */
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .wrapper.grid.products-grid
    .item-product {
    padding: 12px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §HPOL5 Mobile compact — SSOT: promo 0 (fechada) / 44 (:has aberta) + main 96
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  .awa-site-header[data-awa-header-mode='default'] {
    --awa-header-promo-h: 0px;
    --awa-header-main-row-h: 96px;
    --awa-header-shell-pad: 12px;
    --awa-header-stack-h: calc(var(--awa-header-promo-h) + var(--awa-header-main-row-h));
  }

  .awa-site-header[data-awa-header-mode='default']:has(#awa-b2b-promo-bar:not([aria-hidden='true'])) {
    --awa-header-promo-h: 44px;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-container:has(.awa-b2b-promo-bar),
  .awa-site-header[data-awa-header-mode='default'] .header-container:has(.awa-b2b-promo-bar) .header-content {
    height: var(--awa-header-promo-h);
    min-height: var(--awa-header-promo-h);
    max-height: var(--awa-header-promo-h);
    padding-block: 0;
    margin-block: 0;
    box-sizing: border-box;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky {
    min-height: var(--awa-header-main-row-h);
    height: auto;
    max-height: none;
    padding-block: 0;
    margin-block: 0;
    box-sizing: border-box;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky
    :is(.header.awa-main-header, .header-main, .header_main, .header-main > .container, .header_main > .container) {
    display: block;
    height: var(--awa-header-main-row-h);
    min-height: var(--awa-header-main-row-h);
    max-height: var(--awa-header-main-row-h);
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    display: grid;
    grid-template-areas: 'toggle brand cart' 'search search search';
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-rows: 40px 44px;
    gap: 4px;
    width: 100%;
    max-width: min(100%, 1280px);
    margin-inline: auto;
    padding-inline: var(--awa-header-shell-pad);
    padding-block: 0;
    height: var(--awa-header-main-row-h);
    min-height: var(--awa-header-main-row-h);
    max-height: var(--awa-header-main-row-h);
    box-sizing: border-box;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky .awa-header-primary-row,
  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky .awa-header-right-col {
    display: contents;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky .awa-header-search-col {
    grid-area: search;
    grid-column: 1 / -1;
    width: 100%;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    margin: 0;
    padding: 0;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-wrapper-sticky .awa-header-search-col form#search_mini_form {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    margin: 0;
    padding: 0;
  }

  .awa-site-header[data-awa-header-mode='default'] .header-control.awa-nav-bar {
    height: 0;
    min-height: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §41 Home audit terminal — nav, header mobile, promo, FAB (2026-06-12)
   Vence impeccable-critical + hero-ui-lock ellipsis Departamentos.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories.menu_left_home1 {
    flex: 0 0 206px !important;
    max-width: 206px !important;
    min-width: 206px !important;
    width: 206px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    :is(
      button.our_categories.title-category-dropdown[data-role='awa-vertical-menu-trigger'],
      h2.our_categories.title-category-dropdown
    ) {
    max-width: 206px !important;
    min-width: 206px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    width: 206px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    .awa-vmenu-trigger-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Home — gap nav/hero + eixo page-main 16px mobile */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.header-control.header-nav, .header-control.awa-nav-bar) {
  margin-block-end: 0 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .top-home-content--above-fold {
  margin-block-start: 0 !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    --awa-grid-container-pad: 16px;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    :is(.page-main.container, #maincontent.page-main.container) {
    padding-inline: 16px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    --awa-header-shell-pad: 16px;
  }

  /* Promo bar — largura total (corrige bloco vermelho deslocado l=28) */
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
    :is(.container, .awa-b2b-promo-bar__inner, [class*='promo-bar__inner']) {
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding-inline: 16px !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .top-header
    .awa-b2b-promo-bar__inner {
    margin-inline: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Header mobile — toggle não sobrepõe busca; minicart contido */
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky
    :is(.awa-main-header__inner[data-awa-header-row], .awa-main-header__inner.wp-header) {
    contain: layout style !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-mobile-toggle {
    grid-area: toggle !important;
    position: relative !important;
    z-index: 1 !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col {
    grid-area: search !important;
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
    position: relative !important;
    width: 100% !important;
    z-index: 2 !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch, .control, input) {
    max-width: 100% !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.minicart-wrapper, .showcart) {
    grid-area: cart !important;
    justify-self: end !important;
    max-width: 40px !important;
    overflow: hidden !important;
    position: relative !important;
    width: 40px !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-primary-row > .awa-header-cart-link {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell {
    grid-area: brand !important;
    justify-self: center !important;
    max-width: calc(100% - 88px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    overflow-x: clip !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper {
    overflow-x: clip !important;
  }
}

/* WhatsApp FAB — acima da bottom nav mobile */
@media (max-width: 991px) {
  html body#html-body#html-body#html-body
    :is(.awa-whatsapp-fab__link, #awa-whatsapp-fab, .awa-whatsapp-fab a) {
    inset-block-end: calc(var(--awa-mobile-bottom-nav-h, 64px) + 12px + env(safe-area-inset-bottom, 0px)) !important;
    inset-inline-end: 16px !important;
    z-index: 997 !important;
  }
}

/* §HPOL6 — busca mobile 44px + scroll 112px (polish 2026-06-12, touch WCAG) */
@media (max-width: 767px) {
  html body#html-body .page-wrapper .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch) {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body#html-body .page-wrapper .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch)
    :is(.field.search, .field.search .control) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    display: flex !important;
  }

  html body#html-body .page-wrapper .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch)
    :is(input#search, input[name='q']) {
    height: 100% !important;
    min-height: 44px !important;
    max-height: none !important;
    line-height: 1.35 !important;
    font-size: max(16px, 1rem) !important;
  }

  html body#html-body .page-wrapper .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch)
    .actions {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body#html-body .page-wrapper .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch)
    .action.search {
    width: 100% !important;
    min-width: 44px !important;
    height: 100% !important;
    min-height: 44px !important;
    max-height: none !important;
    align-self: stretch !important;
    line-height: 1 !important;
  }

  html {
    scroll-padding-top: 112px !important;
  }

  html body#html-body:has(.awa-site-header) {
    scroll-padding-block-start: 112px !important;
  }

  :root {
    --awa-header-scroll-offset: 112px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §H38 Home desktop header readability fix (2026-06-12)
   Escopo: home only. Objetivo: reduzir compressão visual no topo (ticker/promo,
   busca, conta e navegação) sem impactar checkout/B2B account shell.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    --awa-header-main-row-h: 68px;
    --awa-header-search-h: 44px;
    --awa-header-nav-h: 44px;
    --awa-header-promo-h: 36px;
    --awa-header-col-gap: 16px;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    > .notification-home5-inner[data-awa-home-notification] {
    max-height: 36px !important;
    min-height: 36px !important;
    padding-block: 7px !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    > .notification-home5-inner[data-awa-home-notification]
    > p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar, .top-header.awa-b2b-promo-bar) {
    height: var(--awa-header-promo-h, 36px) !important;
    min-height: var(--awa-header-promo-h, 36px) !important;
    max-height: var(--awa-header-promo-h, 36px) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-bar, #awa-b2b-promo-bar)
    :is(.awa-b2b-promo-bar__text, .awa-b2b-promo-bar__lead, .awa-b2b-promo-bar__tail) {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(input#search, input[name='q'], .awa-search-input--clearable) {
    height: var(--awa-header-search-h, 44px) !important;
    min-height: var(--awa-header-search-h, 44px) !important;
    max-height: var(--awa-header-search-h, 44px) !important;
    line-height: var(--awa-header-search-h, 44px) !important;
    padding-block: 0 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-account-prompt
    .awa-header-account-prompt__line1 {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-account-prompt
    :is(.awa-header-account-prompt__line2, .awa-header-account-prompt__link) {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    :is(
      button.our_categories.title-category-dropdown[data-role='awa-vertical-menu-trigger'],
      h2.our_categories.title-category-dropdown
    ) {
    min-height: 44px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .our_categories.title-category-dropdown {
    min-height: 44px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .our_categories.title-category-dropdown
    :is(.awa-vmenu-trigger-text, span) {
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    .awa-vmenu-trigger-text {
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(
      .menu_primary .level0 > a,
      .awa-header-primary-nav .navigation li.level0 > a,
      .top-menu a.level-top
    ) {
    min-height: 44px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links__link {
    min-height: 44px !important;
    padding-inline: 12px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links__link:hover {
    color: var(--awa-primary, var(--awa-primary)) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §H39 Home visual recovery — header, hero, shelves, footer (2026-06-12)
   Corrige a auditoria visual da home sem tocar em PHTML: eixo único, texto
   legível, cards consistentes e footer compacto.
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-home-terminal-shell: min(100%, var(--awa-home-shell-max, 1280px));
  --awa-home-terminal-pad: clamp(16px, 2.4vw, 24px);
  --awa-home-terminal-gap: clamp(14px, 1.4vw, 18px);
  --awa-home-terminal-section: clamp(22px, 2.5vw, 34px);
  --awa-home-terminal-card-min: clamp(292px, 24vw, 330px);
  --awa-home-terminal-thumb-min: clamp(148px, 13vw, 184px);
}

/* Header desktop: mais leitura sem voltar ao header alto antigo. */
@media (min-width: 992px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    --awa-header-main-row-h: 72px;
    --awa-header-search-h: 46px;
    --awa-header-nav-h: 46px;
    --awa-header-promo-h: 36px;
    --awa-header-col-gap: 18px;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    grid-template-columns: clamp(142px, 12vw, 176px) minmax(420px, 1fr) minmax(300px, max-content) !important;
    height: var(--awa-header-main-row-h, 72px) !important;
    min-height: var(--awa-header-main-row-h, 72px) !important;
    max-height: var(--awa-header-main-row-h, 72px) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell
    .logo img {
    max-height: 46px !important;
    min-width: 126px !important;
    width: clamp(126px, 10vw, 154px) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5):not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-right-col {
    gap: 12px !important;
  }
}

/* Hero: largura total do rail (100%) — sem cap de shell nem padding lateral. */
@media (min-width: 768px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    > .top-home-content--above-fold
    > .banner-slider.banner-slider2 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .banner-slider.banner-slider2
    :is(.wrapper_slider.hidden-xs, .wrapper_slider.visible-xs, .awa-hero-swiper, .swiper-wrapper, .swiper-slide) {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .banner-slider.banner-slider2
    :is(.wrapper_slider.hidden-xs, .wrapper_slider.visible-xs, .banner_item_bg, .awa-hero-swiper) {
    border-radius: 0 !important;
    overflow: hidden !important;
  }
}

/* Benefícios e categorias: touch/legibilidade sem inflar a home. */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefits-container {
  gap: 12px !important;
  padding-block: 16px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefit-item {
  border: 1px solid var(--awa-border) !important;
  border-radius: var(--awa-radius-sm) !important;
  padding: 12px 14px !important;
  background: var(--awa-bg) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  :is(.awa-benefit-title, strong) {
  color: var(--awa-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  :is(.awa-benefit-text, span, p) {
  color: var(--awa-text-secondary) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-category-carousel__item, .awa-category-carousel__item--compact) {
  min-width: clamp(112px, 10vw, 148px) !important;
  max-width: 148px !important;
  padding: 12px !important;
  border: 1px solid var(--awa-border) !important;
  border-radius: var(--awa-radius-sm) !important;
  background: var(--awa-bg) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__label {
  color: var(--awa-text) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* Seções e cards: altura visual única, imagem centralizada e textos legíveis. */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section):not(.top-home-content--above-fold) {
  padding-block: var(--awa-home-terminal-section) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section):not(.top-home-content--above-fold)
  > .container {
  max-width: var(--awa-home-terminal-shell) !important;
  padding-inline: var(--awa-home-terminal-pad) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header, .awa-shelf__header) {
  margin-block-end: 18px !important;
  min-height: 28px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header__title, .awa-shelf__title, .awa-section-header h2, .awa-shelf__header h2) {
  color: var(--awa-ink) !important;
  font-size: clamp(19px, 1.2vw, 22px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.item-product, .content-item-product, .awa-carousel-card-slot) {
  border: 1px solid var(--awa-border) !important;
  border-radius: var(--awa-radius-md) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-height: var(--awa-home-terminal-card-min) !important;
  padding: 12px !important;
  background: var(--awa-bg) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb {
  min-height: var(--awa-home-terminal-thumb-min) !important;
  border-radius: var(--awa-radius-sm) !important;
  background: var(--awa-bg-soft) !important;
  margin-block-end: 0 !important;
  padding: 10px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-name, .product-item-name, .product-name a, .product-item-link) {
  color: var(--awa-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  min-height: calc(2 * 1.35em) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-b2b-sku {
  font-size: 11px !important;
  min-height: 22px !important;
  padding: 3px 7px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.onsale, .discount-badge, .sticker.discount) {
  border-radius: var(--awa-radius-sm) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  > .awa-owl-nav
  .awa-owl-nav__btn {
  border: 1px solid var(--awa-border) !important;
  color: var(--awa-primary) !important;
  background: var(--awa-bg) !important;
}

/* Footer: remove divisor escuro, fecha o grid e melhora contraste/tamanho. */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer) {
  border-top: 0 !important;
  margin-top: 24px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)::before,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)::after {
  display: none !important;
  content: none !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(#footer.footer-container, #footer .footer-container, .footer-container) {
  max-width: var(--awa-home-terminal-shell, min(100%, 1280px)) !important;
  margin-inline: auto !important;
  padding-inline: 16px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter) {
  align-items: center !important;
  border-radius: var(--awa-radius-md) !important;
  display: grid !important;
  gap: 12px 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin-block: 0 20px !important;
  padding: 18px 22px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  .row.rowFlexMargin {
  align-items: start !important;
  display: grid !important;
  gap: 16px 24px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Colunas internas: stack vertical — NÃO herdar grid 3-col do row */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  .vela-content.velaFooterMenu {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  grid-template-columns: none !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-block-title, .footer-title, .velaFooterTitle, h3, h4) {
  color: var(--awa-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-block: 0 10px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(li, p, a, span) {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom {
  border-top: 1px solid var(--awa-border) !important;
  margin-top: 18px !important;
  padding-block: 18px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom-inner {
  max-width: var(--awa-home-terminal-shell, min(100%, 1280px)) !important;
  margin-inline: auto !important;
}

@media (max-width: 991px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    --awa-home-terminal-section: 20px;
    --awa-home-terminal-card-min: 282px;
    --awa-home-terminal-thumb-min: 142px;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-benefits-bar
    .awa-benefits-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin
    > [class*="col-"] {
    padding-block: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterTitle:has(.awa-footer-section__toggle) {
    border-bottom: 1px solid var(--awa-border, var(--awa-border)) !important;
    margin-block: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §H40 Home depollution — quieter chrome, hero no-crop, footer calm (2026-06-12)
   Remove competição visual: menos bordas pesadas, badges discretos, newsletter
   clara e hero sem cortar lettering do banner.
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-home-quiet-border: color-mix(in srgb, var(--awa-border, var(--awa-border)) 72%, transparent);
  --awa-home-quiet-surface: color-mix(in srgb, var(--awa-bg-soft, var(--awa-bg-subtle)) 45%, var(--awa-bg, var(--awa-bg)));
  --awa-home-quiet-red: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 10%, var(--awa-bg, var(--awa-bg)));
}

/* Hero: banner promocional é arte com texto, então nunca deve usar crop visual. */
@media (min-width: 768px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    > .top-home-content--above-fold
    > .banner-slider.banner-slider2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .banner-slider.banner-slider2
    :is(.banner_item, .banner_item_bg, .awa-hero-swiper, .swiper-slide) {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .banner-slider.banner-slider2
    :is(.banner_item_bg picture, .banner_item_bg img, .awa-hero-swiper img) {
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
  }
}

/* Topo e benefícios: menos micro-caixas competindo com o hero. */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefit-item {
  border-color: var(--awa-home-quiet-border) !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  .awa-benefit-icon {
  color: var(--awa-primary) !important;
  opacity: 0.86 !important;
}

/* Categorias: cards mais limpos e clicáveis, sem aparência de grade quebrada. */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-category-carousel__item, .awa-category-carousel__item--compact) {
  border-color: var(--awa-home-quiet-border) !important;
  box-shadow: none !important;
  min-width: clamp(118px, 10vw, 144px) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__icon {
  background: transparent !important;
  border: 0 !important;
}

/* Vitrines: reduz ruído de contorno, melhora leitura e deixa badge menos gritante. */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.item-product, .content-item-product, .awa-carousel-card-slot) {
  border-color: var(--awa-home-quiet-border) !important;
  box-shadow: none !important;
  gap: 9px !important;
  min-height: clamp(276px, 22vw, 312px) !important;
  padding: 10px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb {
  background: var(--awa-home-quiet-surface) !important;
  min-height: clamp(138px, 12vw, 168px) !important;
  padding: 8px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-name, .product-item-name, .product-name a, .product-item-link) {
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-b2b-sku {
  background: transparent !important;
  border-color: var(--awa-home-quiet-border) !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-weight: 600 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.onsale, .discount-badge, .sticker.discount) {
  background: var(--awa-home-quiet-red) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 18%, transparent) !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header__link, .awa-shelf__view-all, .awa-section-header a[href]) {
  color: var(--awa-primary, var(--awa-primary)) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Footer: transforma a faixa vermelha em bloco calmo e reduz competição do rodapé. */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer) {
  background: var(--awa-bg, var(--awa-bg)) !important;
  margin-top: 16px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter) {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 20%, var(--awa-border, var(--awa-border))) !important;
  color: var(--awa-text, var(--awa-text)) !important;
  margin-block: 0 18px !important;
  padding: 16px 20px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter)
  :is(p, span, strong, .awa-newsletter-desc) {
  color: var(--awa-text, var(--awa-text)) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter)
  :is(.action.primary, .action.subscribe, button, a.action) {
  background: var(--awa-primary, var(--awa-primary)) !important;
  border-color: var(--awa-primary, var(--awa-primary)) !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  .row.rowFlexMargin {
  gap: 16px 24px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-block-title, .footer-title, .velaFooterTitle, h3, h4) {
  font-size: 13px !important;
  letter-spacing: 0 !important;
  margin-block: 0 8px !important;
  text-transform: none !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(li, p, a, span) {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 12.5px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.social-icons, .social-links) {
  opacity: 0.86 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom {
  background: var(--awa-bg-soft, var(--awa-bg-subtle)) !important;
  border-top: 1px solid var(--awa-home-quiet-border, var(--awa-border)) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-copyright__disclaimer {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  max-width: 74ch !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    :is(.item-product, .content-item-product, .awa-carousel-card-slot) {
    min-height: 268px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    :is(.awa-footer-newsletter, .footer-newsletter, .footer-container .awa-footer-newsletter) {
    padding: 14px 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §H41 Home product-card contract — one surface only (2026-06-12)
   Dono do card: item externo do carrossel. Filhos internos viram layout puro.
   Corrige borda dupla causada por .item-product + .content-item-product/
   .product-item-info + .product-thumb recebendo chrome ao mesmo tempo.
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .item-product.awa-carousel-card-slot > .content-item-product,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  .item-product.awa-carousel-card-slot > .content-item-product {
  display: contents !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(
    .item-product,
    .awa-carousel-card-slot,
    .owl-item > .content-item-product,
    .awa-carousel__slide > .content-item-product,
    li.item > .content-item-product
  ) {
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-home-quiet-border, var(--awa-border, var(--awa-border))) !important;
  border-radius: var(--awa-radius-md, 10px) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-height: clamp(276px, 22vw, 312px) !important;
  overflow: hidden !important;
  padding: 10px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(
    .item-product,
    .awa-carousel-card-slot,
    .owl-item > .content-item-product,
    .awa-carousel__slide > .content-item-product,
    li.item > .content-item-product
  ):hover {
  border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 18%, var(--awa-border, var(--awa-border))) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(
    .item-product > .content-item-product,
    .item-product .product-item-info,
    .item-product .product-item-details,
    .awa-carousel-card-slot > .content-item-product,
    .awa-carousel-card-slot .product-item-info,
    .awa-carousel-card-slot .product-item-details
  ) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(
    .product-thumb,
    .product-image-container,
    .product-image-wrapper,
    .product-thumb-link,
    .first-thumb,
    .second-thumb
  ) {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .product-thumb {
  background: var(--awa-home-quiet-surface, var(--awa-bg-soft, var(--awa-bg-subtle))) !important;
  border-radius: var(--awa-radius-sm, 8px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  min-height: clamp(138px, 12vw, 168px) !important;
  overflow: hidden !important;
  padding: 8px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-info, .product-item-info, .product-item-details) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 7px !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-name, .product-item-name) {
  margin: 0 !important;
  min-height: 0 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.info-price, .price-box) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-block-start: auto !important;
  padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §H42 Home carousel modern card rhythm — image ratio + stable footer
   (2026-06-12)
   Reduz espaço morto das fotos, impede corte do rodapé e deixa o movimento
   percebido mais calmo com snap/scroll suave apenas por ação do usuário.
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(
    .item-product,
    .awa-carousel-card-slot,
    .owl-item > .content-item-product,
    .awa-carousel__slide > .content-item-product,
    li.item > .content-item-product
  ) {
  height: 100% !important;
  min-height: clamp(258px, 20vw, 292px) !important;
  overflow: visible !important;
  padding: 12px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-shelf--carousel, .awa-grid-section, .awa-home-niche-shelves, #awa-home-niche-shelves)
  .product-thumb {
  aspect-ratio: var(--awa-grid-thumb-ratio, 1 / 1) !important;
  display: grid !important;
  min-height: 0 !important;
  max-height: none !important;
  place-items: center !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-shelf--carousel, .awa-grid-section, .awa-home-niche-shelves, #awa-home-niche-shelves)
  .product-thumb
  :is(.product-thumb-link, .product-image-container, .product-image-wrapper, .first-thumb, .second-thumb) {
  align-items: center !important;
  aspect-ratio: var(--awa-grid-thumb-ratio, 1 / 1) !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  max-height: 100% !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-shelf--carousel, .awa-grid-section, .awa-home-niche-shelves, #awa-home-niche-shelves)
  .product-thumb
  :is(.product-image-photo, img) {
  height: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  width: auto !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-info, .product-item-info, .product-item-details) {
  min-height: 118px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.product-name a, .product-item-link) {
  min-height: calc(2 * 1.35em) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  :is(.info-price, .price-box, .product-info-cart, .product-item-actions, .actions-primary) {
  flex-shrink: 0 !important;
  margin-block-start: auto !important;
  min-height: 30px !important;
  overflow: visible !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel__viewport {
  scroll-behavior: smooth !important;
  /* BUG-2463a2: scroll-padding-inline>0 deslocava o snap (offset-gap) e clipava o último card. */
  scroll-padding-inline: 0 !important;
  overscroll-behavior-inline: contain !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel__track {
  align-items: stretch !important;
  transition: none !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel.is-user-controlling
  .awa-carousel__viewport {
  scroll-snap-type: x mandatory !important;
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel__viewport {
    scroll-behavior: auto !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .product-thumb {
    max-height: 132px !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .product-thumb
    :is(.product-image-photo, img) {
    max-height: min(110px, 88%) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §H43 Home carousel 5-up desktop contract (2026-06-12)
   A home agora entrega 5 produtos por vitrine. Mantem 4-up no desktop menor
   para preservar leitura e aplica 5-up apenas quando ha largura real.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) and (max-width: 1199px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
    flex-basis: 25% !important;
    inline-size: 25% !important;
    max-inline-size: 25% !important;
  }
}

@media (min-width: 1200px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
    flex-basis: 20% !important;
    inline-size: 20% !important;
    max-inline-size: 20% !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    :is(.owl-item, ul.owl.awa-carousel__track > li.item, .awa-carousel__slide) {
    padding-inline: 5px !important;
  }
}

/* §APF-T — busca desktop .actions stretch (polish 2026-06-12) */
@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .awa-header-search-col
    form#search_mini_form
    .actions {
    max-height: none !important;
    height: auto !important;
    align-self: stretch !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
  }

  html body#html-body#html-body#html-body#html-body .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .awa-header-search-col
    form#search_mini_form
    .action.search {
    height: 100% !important;
    min-height: 44px !important;
    max-height: none !important;
    align-self: stretch !important;
  }
}

/* §APF-MOBILE-FINAL 2026-06-12: trava final do header mobile 112px */
@media (max-width:767px){
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .header-wrapper-sticky,
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .header-wrapper-sticky .header.awa-main-header,
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .header-wrapper-sticky :is(.header-main,.header_main,.container){height:80px!important;min-height:80px!important;max-height:80px!important;padding-block:0!important;margin-block:0!important;overflow:hidden!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) :is(.awa-main-header__inner.wp-header,.awa-main-header__inner[data-awa-header-row]){display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:40px 40px!important;grid-template-areas:"toggle brand cart" "search search search"!important;gap:8px!important;row-gap:8px!important;column-gap:8px!important;align-items:stretch!important;align-content:start!important;height:80px!important;min-height:80px!important;max-height:80px!important;padding:0 12px!important;overflow:hidden!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col,
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col :is(.block-search,.block-content){grid-area:search!important;align-self:stretch!important;display:block!important;height:40px!important;min-height:40px!important;max-height:40px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;position:static!important;top:auto!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col :is(form#search_mini_form,form.minisearch){display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;height:40px!important;min-height:40px!important;max-height:40px!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col form#search_mini_form :is(.field.search,.field.search .control){display:flex!important;flex:1 1 auto!important;min-width:0!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col form#search_mini_form input#search{height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col form#search_mini_form .actions{position:static!important;display:flex!important;align-self:stretch!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col form#search_mini_form .action.search{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-width:48px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper .awa-b2b-promo-bar__cta{display:inline!important;align-items:unset!important;position:relative!important;min-height:0!important;height:auto!important;padding-block:0!important;margin-block:0!important;box-sizing:border-box!important}
}
/* §APF-B2B-LINK-FINAL 2026-06-12: alvo de toque Ver preços */
@media (max-width:767px){html body#html-body#html-body#html-body .page-wrapper a.b2b-login-link{min-height:40px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}}
/* §AG-PLP-LOCK 2026-06-12 — card/chrome 8px sem plp-distill */html body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper{--awa-plp-card-radius:8px;--awa-plp-chrome-radius:8px;--awa-modern-card-radius:8px}html body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product{border-radius:8px!important}html body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper :is(.shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim),#layered-ajax-filter-block.block.filter,.awa-plp-b2b-gate-banner){border-radius:8px!important}
@media (min-width:992px){html body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim){min-height:52px!important;max-height:56px!important;padding-block:8px!important;align-items:center!important;box-sizing:border-box!important}}
/* §AG-PLP-PAGER-LOCK */html body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim .pages .items.pages-items .item a,html body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim .pages .item a,html body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim .pages .item.current strong{min-width:44px!important;min-height:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0 8px!important}
/* §H13A-vmenu-search: linha de busca do menu departamentos compacta (≤52px).
 * Causa: label.sr-only + input → margin-top 8px (visual-fixes) + padding 8px no li. */
html body#html-body#html-body#html-body
  .page-wrapper
  .navigation.verticalmenu
  :is(.awa-vmenu-search-li, [data-role='awa-vmenu-search-row']) {
  box-sizing: border-box !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
html body#html-body#html-body#html-body
  .page-wrapper
  .navigation.verticalmenu
  .awa-vmenu-search-wrap {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body#html-body#html-body#html-body
  .page-wrapper
  .navigation.verticalmenu
  .awa-vmenu-search-input {
  box-sizing: border-box !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-block: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
}

/* §H12A-footer-cols: footer claro — sem card vermelho nas .vela-content (styles-l/header-stack) */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(
    .vela-content,
    .vela-content.velaFooterMenu,
    .vela-content.awa-footer-atendimento,
    #footer.footer-container,
    .footer-container
  ) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--awa-text, CanvasText) !important;
}
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(
    .velaFooterTitle,
    h4.velaFooterTitle,
    .velaFooterLinks a,
    .awa-footer-atendimento p,
    .awa-footer-atendimento__label,
    .awa-footer-atendimento__phone,
    .awa-footer-atendimento__email,
    .awa-footer-atendimento__email a
  ) {
  color: var(--awa-text, CanvasText) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-atendimento__store {
  background: var(--awa-bg, Canvas) !important;
  background-color: var(--awa-bg, Canvas) !important;
  color: var(--awa-text, CanvasText) !important;
}
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-atendimento__store
  :is(p, a, span, strong, .awa-footer-atendimento__store-name, .awa-footer-atendimento__store-address) {
  color: var(--awa-text, CanvasText) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* §H11A-bottom-slim-pager: zera padding-block 24px (styles-l/_plp.less) + margin-block 12px (align-grid :is(.pages)) que inchavam a coluna ~138px */
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim .pages,
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim .pages.pages {
  box-sizing: border-box !important;
  padding: 0 !important;
  padding-block: 0 !important;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  margin: 0 !important;
  margin-block: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  gap: 4px !important;
  min-height: 0 !important;
  height: auto !important;
}
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
  box-sizing: border-box !important;
  padding-block: 4px !important;
  margin-block: 8px 0 !important;
  gap: 4px !important;
  min-height: 0 !important;
  height: auto !important;
}

/* §H41b Home carousel — uma única caixa mensurável por card (cardDiff e2e) */
html body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-carousel-section, .content-top-home .awa-shelf--carousel)
  .item-product.awa-carousel-card-slot
  > .content-item-product.awa-product-card {
  display: contents !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* §HDR-VIS-FIX 2026-06-15 — account prompt + busca mobile/tablet (final-wins) */
@media (min-width: 992px) {
  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt {
    max-width: none !important;
    overflow: visible !important;
    flex-shrink: 1 !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link--register {
    display: inline !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--awa-primary, var(--awa-primary)) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-minicart {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] .awa-header-right-col .awa-header-account-prompt {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    justify-self: end !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt :is(
    .awa-header-account-prompt__icon,
    .awa-header-account-prompt__text,
    .awa-header-account-prompt__guest
  ) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__mobile-link {
    display: inline-flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content:flex-start!important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    color: var(--awa-primary, var(--awa-primary)) !important;
  }

  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link--register {
    background: transparent !important;
    color: var(--awa-primary, var(--awa-primary)) !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col.top-search {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col.top-search > .mini-cart-wrapper {
    display: none !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col :is(
    .block-search,
    .block-content,
    form#search_mini_form,
    form.minisearch
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form .field.search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form input#search {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col .awa-search-helper-copy {
    display: none !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-brand-cell,
  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .col-md-2.awa-header-brand {
    min-width: 56px !important;
    width: auto !important;
    overflow: visible !important;
  }
}

/* §HDR-REFINE 2026-06-15 — carrinho único + fallback KO-only */
@media (max-width: 991px) {
  html body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header-wrapper-sticky .header .header_main .wp-header[data-awa-header-row]
    > .awa-header-primary-row > .awa-header-cart-link,
  html body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header .header_main .wp-header[data-awa-header-row]
    > .awa-header-primary-row > .awa-header-cart-link {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  html body#html-body#html-body .page-wrapper .awa-site-header
    .awa-header-minicart:has(.minicart-wrapper .showcart)
    :is(.awa-header-cart-fallback, .awa-header-cart-fallback__icon) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  html body#html-body#html-body .page-wrapper .awa-site-header
    .awa-header-account-prompt
    :is(.awa-header-account-prompt__link--register, .awa-header-account-prompt__line2 .awa-header-account-prompt__link) {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
}

/* §HDR-ALIGN 2026-06-15 — shell 1280 + toggle/busca/logo alinhados */
@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header-wrapper-sticky :is(.header_main.awa-main-header-inner-wrap, .header.awa-main-header)
    :is(.header-main, .header_main) > .container,
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header-wrapper-sticky .header-main > .container,
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]),
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header-control.awa-nav-bar > .container,
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header-control.awa-nav-bar .awa-nav-bar__inner,
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    :is(.awa-b2b-promo-bar__inner, .top-header .container) {
    max-width: 1280px !important;
    width: 100% !important;
    margin-inline: auto !important;
    padding-inline: var(--awa-header-shell-pad, 16px) !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col,
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .awa-header-search-col .block-content {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* BUG-MOB-SEARCH-001 (2026-07-04, evidência CDP): a regra acima incluía
     form#search_mini_form no :is(), o que forçava display:block no formulário
     e vencia (maior especificidade + ordem) a regra display:flex de
     form#search_mini_form definida acima nesta mesma media query, quebrando
     o alinhamento input+botão apenas nas rotas catalog_* /catalogsearch_*
     (a Home tem override próprio que mascarava o problema). */
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .awa-header-search-col form#search_mini_form {
    display: flex !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-search-helper-copy {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-search-col,
  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .awa-header-search-col .block-content {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .awa-header-search-col :is(form#search_mini_form, form.minisearch) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-search-helper-copy {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body .page-wrapper .awa-site-header
    .header-wrapper-sticky :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    align-items: center !important;
    contain: none !important;
    overflow: visible !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    grid-template-rows: 44px 44px !important;
    gap: 8px !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header
    :is(.awa-header-mobile-toggle, .action.nav-toggle, [data-action="toggle-nav"]) {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header
    :is(.awa-header-brand-cell, .col-md-2.awa-header-brand, .awa-header-minicart) {
    align-self: center !important;
    justify-self: center !important;
  }

  html body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper {
    position: static !important;
    top: auto !important;
    right: auto !important;
  }
}

/* ── § HOME COMPACT SPACING (2026-06-15) — final-wins sobre §33 density ── */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section):not(.top-home-content--above-fold),
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .ayo-home5-wrapper--template-driven
  > :is(
    .top-home-content--category-carousel,
    .awa-carousel-section--featured,
    .awa-carousel-section--standard,
    .awa-carousel-section--super-offers,
    .awa-carousel-section--compact,
    .awa-hero-b2b-cta
  ) {
  padding-block: 6px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar {
  padding-block: 6px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta__inner.container {
  padding-block: 8px !important;
  gap: 6px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  header.awa-section-header.awa-shelf__header {
  margin-bottom: 4px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .page-main.container {
  padding-block: 6px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(
    .page-main.container,
    .awa-home-pricing-notice :is(.container, .awa-home-pricing-notice__inner)
  ) {
  padding-inline: var(--awa-grid-container-pad, 16px) !important;
}

/* Home: rail único no wrapper — .container interno não duplica gutter */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(
    .awa-carousel-section,
    .top-home-content--category-carousel,
    .awa-home-recent-orders,
    .awa-grid-section,
    .awa-home-niche-shelves,
    .awa-hero-b2b-cta
  )
  > .container,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .ayo-home5-wrapper--template-driven
  :is(.top-home-content, .awa-home-section)
  > .container,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .ayo-home5-wrapper--template-driven
  .container {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

/* Footer newsletter: sem recuo extra (footer-container já tem gutter 16px) */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter {
  padding-inline: 0 !important;
}

/* ── § FOOTER GRID FIX (2026-06-15) — colunas só no .row.rowFlexMargin ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  :is(.vela-content.velaFooterMenu, .vela-content.awa-footer-atendimento) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  .row.rowFlexMargin
  > [class*="col-"] {
  float: none !important;
  max-width: none !important;
  width: auto !important;
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  .awa-footer-newsletter
  .awa-newsletter-wrapper {
  display: grid !important;
  gap: 12px 16px !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px) !important;
  align-items: center !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .awa-footer-newsletter
    .awa-newsletter-wrapper {
    grid-template-columns: 1fr !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .awa-newsletter-form-container
    :is(form, .form.subscribe) {
    width: 100% !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .awa-newsletter-form-container
    :is(input[type="email"], .control) {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ── § FOOTER TITLE FIX (2026-06-15) — velaFooterTitle light-mode terminal wins ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  #footer
  .footer-container
  .velaFooterTitle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--awa-text, var(--awa-text)) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  text-transform: none !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  #footer
  .footer-container
  .velaFooterTitle
  .awa-footer-section__toggle {
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--awa-text, var(--awa-text)) !important;
  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: start !important;
  text-transform: none !important;
  width: 100% !important;
}

/* Magento button{} defaults pintam toggles de cinza — neutralizar */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  #footer
  .footer-container
  button.awa-footer-section__toggle,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  #footer
  .footer-container
  button.awa-footer-section__toggle:focus,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  #footer
  .footer-container
  button.awa-footer-section__toggle:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--awa-text, var(--awa-text)) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  #footer
  .footer-container
  .awa-footer-newsletter
  .awa-newsletter-form-container
  :is(.action.subscribe, button.action.subscribe) {
  background: var(--awa-primary, var(--awa-primary)) !important;
  border-color: var(--awa-primary, var(--awa-primary)) !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer):not(.awa-footer--dark)
    #footer
    .footer-container
    .velaFooterTitle {
    border-bottom: 2px solid var(--awa-primary, var(--awa-primary)) !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer):not(.awa-footer--dark)
    #footer
    .footer-container
    .velaFooterTitle
    .awa-footer-section__toggle {
    cursor: default !important;
    min-height: 0 !important;
    pointer-events: none !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer):not(.awa-footer--dark)
    #footer
    .footer-container
    .row.rowFlexMargin {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer):not(.awa-footer--dark)
    #footer
    .footer-container
    .velaFooterTitle:has(.awa-footer-section__toggle) {
    border-bottom: 1px solid var(--awa-border, var(--awa-border)) !important;
    margin: 0 !important;
    min-height: 44px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer):not(.awa-footer--dark)
    #footer
    .footer-container
    .velaFooterTitle
    .awa-footer-section__toggle {
    cursor: pointer !important;
    min-height: 44px !important;
    pointer-events: auto !important;
  }
}

/* ── § FOOTER HARDEN (2026-06-15) — touch targets + logo hit area ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__logo-col > a {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding-block: 6px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-categories-list a {
  align-items: center !important;
  display: inline-flex !important;
  min-height: 44px !important;
  padding-block: 8px !important;
}

/* ── § FOOTER ADAPT (2026-06-15) — mobile / tablet / touch / safe-area ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer) {
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  .awa-newsletter-title {
  text-wrap: balance !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-copyright__disclaimer {
  font-size: max(12px, 0.8125rem) !important;
  line-height: 1.5 !important;
  max-width: 72ch !important;
  text-wrap: pretty !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-trust-copy {
  min-width: 0 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-trust-copy
  :is(strong, span) {
  overflow-wrap: anywhere !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  section.awa-footer-categories-expand
  .awa-footer-categories-expand__inner {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  section.awa-footer-categories-expand
  .awa-footer-categories-expand__toggle {
  align-items: center !important;
  gap: 8px !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  touch-action: manipulation !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    section.awa-footer-categories-expand
    .awa-footer-categories-expand__toggle {
    display: inline-flex !important;
  }
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom
  .awa-footer-bottom__row {
  align-items: center !important;
  display: grid !important;
  gap: 16px 20px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom
  .awa-footer-bottom__row
  > [class*="col-"] {
  float: none !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .velaFooterLinks
  a,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-atendimento__actions
  a,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.awa-footer-atendimento__phone a, .awa-footer-atendimento__email a) {
  align-items: center !important;
  display: inline-flex !important;
  min-height: 30px !important;
  padding-block: 3px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-pro__social-link {
  align-items: center !important;
  display: inline-grid !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  touch-action: manipulation !important;
}

@media (min-width: 480px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    ul.awa-footer-categories-list {
    display: grid !important;
    gap: 4px 16px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Grid cell preenche largura; pill/link centralizado e clicável em toda a célula */
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    ul.awa-footer-categories-list > li {
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    ul.awa-footer-categories-list > li > a {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    min-height: 44px !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin
    > :last-child {
    grid-column: 1 / -1 !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-newsletter
    .awa-newsletter-form-container
    :is(form, .form.subscribe, .field.newsletter) {
    flex-direction: row !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    section.awa-footer-categories-expand
    .awa-footer-categories-expand__inner {
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .footer-bottom
    .awa-footer-bottom__row {
    grid-template-columns: minmax(120px, 0.75fr) minmax(240px, 1.25fr) minmax(200px, 1fr) !important;
  }
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .row.rowFlexMargin
    > :last-child {
    grid-column: auto !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    ul.awa-footer-categories-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .velaContent[aria-hidden="true"],
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .velaContent[hidden] {
    display: none !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .velaContent[aria-hidden="false"] {
    display: block !important;
    padding-block: 8px 12px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    section.awa-footer-categories-expand
    .awa-footer-categories-expand__toggle {
    inline-size: 100% !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-newsletter
    .awa-newsletter-form-container
    .field.newsletter {
    flex-direction: column !important;
    gap: 8px !important;
    inline-size: 100% !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-newsletter
    .awa-newsletter-form-container
    :is(.control, .actions, .action.subscribe) {
    inline-size: 100% !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-newsletter
    .awa-newsletter-form-container
    .action.subscribe {
    border-radius: var(--awa-radius-sm, 4px) !important;
    justify-content: center !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .footer-bottom
    .awa-footer-pay-logos {
    display: grid !important;
    gap: 8px 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .footer-bottom
    .awa-footer-bottom__logo-col {
    justify-self: center !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .footer-bottom
    .awa-footer-sec-seals {
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }
}

@media (pointer: coarse) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterTitle:has(.awa-footer-section__toggle) {
    min-height: 44px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterTitle
    .awa-footer-section__toggle {
    align-items: center !important;
    display: flex !important;
    min-height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    #footer
    .footer-container
    .velaContent {
    transition: none !important;
  }
}

/* AWA FOOTER CONTAINMENT — fixed overlays stay viewport-bound 2026-07-16
   FIX 2026-07-19 F7: este bloco estava acidentalmente comentado (comentario
   CSS malformado). Runtime: footer.page-footer content-visibility:auto +
   cis~400px colapsava a altura (~403px) com filho .page_footer ~1600px. */
html body#html-body#html-body#html-body
  .page-wrapper
  > footer.page-footer,
html body#html-body#html-body#html-body
  .page-wrapper
  footer.page-footer,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer) {
  content-visibility: visible !important;
  contain: none !important;
  contain-intrinsic-size: none !important;
}

/* ── § FOOTER OPTIMIZE (2026-06-15) — payload, paint, lazy runtime ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-seal__img {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-bottom, .awa-footer-devby, section.awa-footer-categories-expand) {
  /* Filhos abaixo da dobra: auto OK desde que o <footer> pai NÃO use auto. */
  content-visibility: auto !important;
  contain-intrinsic-size: auto 180px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-devby {
  contain-intrinsic-size: auto 64px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .footer-container
  .row.rowFlexMargin {
  content-visibility: auto !important;
  contain-intrinsic-size: auto 320px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-pay-logos
  img,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__logo-img,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-devby__logo {
  content-visibility: auto !important;
}

/* ── § FOOTER POLISH (2026-06-15) — contrast, focus, seals img, rhythm ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom
  .awa-footer-muted-label {
  color: var(--awa-text, var(--awa-text)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  margin-block: 0 8px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom
  :is(.awa-footer-pay-logos, .awa-footer-sec-seals) {
  opacity: 1 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom
  .awa-footer-sec-seals {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-sec-seals
  .awa-seal {
  align-items: center !important;
  background: var(--awa-bg, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: var(--awa-radius-sm, 4px) !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 6px 10px !important;
  text-decoration: none !important;
  transition:
    border-color 180ms cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 180ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-sec-seals
  .awa-seal:hover {
  border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 45%, var(--awa-border, var(--awa-border))) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-sec-seals
  .awa-seal:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 22%, transparent) !important;
  outline: 2px solid var(--awa-primary, var(--awa-primary)) !important;
  outline-offset: 2px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(
    button.awa-footer-section__toggle,
    .awa-footer-categories-expand__toggle,
    .awa-footer-devby__link
  ):focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 22%, transparent) !important;
  outline: 2px solid var(--awa-primary, var(--awa-primary)) !important;
  outline-offset: 2px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-categories-expand__toggle
  .awa-footer-categories-expand__icon {
  display: inline-flex !important;
  transition: transform 200ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-categories-expand__toggle.is-expanded
  .awa-footer-categories-expand__icon {
  transform: rotate(180deg) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__copyright {
  border-top: 1px solid var(--awa-border, var(--awa-border)) !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  text-align: center !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-copyright__legal {
  color: var(--awa-text, var(--awa-text)) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  margin: 0 0 6px !important;
  text-wrap: pretty !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-copyright__disclaimer {
  color: color-mix(in srgb, var(--awa-text, var(--awa-text)) 78%, transparent) !important;
  text-wrap: pretty !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-devby {
  border-top: 1px solid var(--awa-border, var(--awa-border)) !important;
  padding-block: 10px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-devby__inner {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  justify-content: center !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-pay-logos {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-pay-logo {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-pay-logos {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-items: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-sec-seals
    .awa-seal,
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-categories-expand__toggle
    .awa-footer-categories-expand__icon {
    transition: none !important;
  }
}

/* ── § FOOTER ALIGN (2026-06-15) — eixo 1280px único, sem .container duplo ── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container {
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  > .container,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  .awa-footer-newsletter
  > .container {
  margin-inline: 0 !important;
  max-width: none !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  > .container,
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  .awa-footer-newsletter
  > .container {
  margin-inline: 0 !important;
  max-width: none !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(
    section.awa-footer-categories-expand > .container,
    .footer-bottom > .container,
    .footer-bottom .footer-bottom-inner
  ) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-home-terminal-shell, min(100%, 1280px)) !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer
  .row.rowFlexMargin {
  gap: 16px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  section.awa-footer-categories-expand {
  margin-top: 12px !important;
  padding-top: 12px !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterLinks li {
    margin: 0 !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterLinks a {
    min-height: 0 !important;
    padding-block: 4px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-atendimento
    .velaContent {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterTitle {
    width: 100% !important;
  }
}

/* ── BUG-SHELL-FOOTER/TYPE terminal — PLP/PDP não carregam impeccable-refine ── */
html body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(#footer.footer-container, #footer .footer-container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  .row.rowFlexMargin
  > :is([class*="col-"], [class*="col_"]) {
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  .vela-content.awa-footer-atendimento {
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper {
  font-family: var(--awa-font-family, "Source Sans 3", system-ui, sans-serif) !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(
    h1, h2, h3, h4, h5,
    .page-title,
    .awa-section-header__title,
    .velaFooterTitle
  ) {
  font-family: var(--awa-font-heading, "Rubik", system-ui, sans-serif) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §GRID-CONTAINER-STANDARD — 2026-06-16
   Fix: centering do home wrapper + padronização grid/colunas/containers
   ═══════════════════════════════════════════════════════════════════════════ */

/* Fix-1: Centralizar ayo-home5-wrapper dentro do content-top-home
   Bug: wrapper estava left=0 sem margin auto enquanto page-main é centrado
   Resultado: todo conteúdo home desalinhado 43px (1366px) ou 320px (1920px) */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.content-top-home
> .ayo-home5-wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Fix-2: Garantir que top-home-content (seção interna) não quebre o centering */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.content-top-home
> .ayo-home5-wrapper
> :is(.top-home-content, .awa-home-section, .awa-carousel-section) {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix-3: Feature bar (velaServices) — 4 colunas iguais no desktop, altura uniforme */
@media (min-width: 992px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .velaServicesInner.velaServicesInner--home5 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .velaServicesInner.velaServicesInner--home5
  .rowFlex.rowFlexMargin.flexJustifyCenter {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .velaServicesInner.velaServicesInner--home5
  .rowFlex.rowFlexMargin.flexJustifyCenter
  > [class*="col-"] {
    flex: none !important;
    max-width: none !important;
    width: 100% !important;
    padding-inline: 0 !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .velaServicesInner.velaServicesInner--home5
  .boxService {
    height: 100% !important;
    min-height: 80px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    border-right: 1px solid var(--awa-border, var(--awa-border)) !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .velaServicesInner.velaServicesInner--home5
  .rowFlex.rowFlexMargin.flexJustifyCenter
  > [class*="col-"]:last-child
  .boxService {
    border-right: none !important;
  }
}

/* Fix-4: Home shelf cards — altura uniforme via flex column no item */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.awa-shelf--carousel
.awa-carousel__track {
  align-items: stretch !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.awa-shelf--carousel
:is(li.item, .awa-carousel__slide) {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.awa-shelf--carousel
:is(.item-product, .content-item-product, .awa-carousel-card-slot) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.awa-shelf--carousel
:is(.item-product, .content-item-product)
:is(.product-info, .product-item-info) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.awa-shelf--carousel
:is(.item-product, .content-item-product)
:is(.product-name, .product-item-name) {
  flex: 1 1 auto !important;
}

/* Fix-5: PLP — toolbar acima do grid 2 colunas (sidebar + main), sem sobreposição */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
.page-wrapper
.page-main
> .columns.layout.layout-2-col {
  grid-template-rows: auto 1fr !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
.page-wrapper
.page-main
> .columns.layout.layout-2-col
> :is(.toolbar.toolbar-products, .awa-category-hero, .awa-b2b-gate,
      .block.awa-b2b-gate-banner, .awa-category-hero-wrapper) {
  grid-column: 1 / -1 !important;
}

/* Fix-6: PLP produto grid — cards com altura 100% para botão alinhado */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
.page-wrapper
.products-grid
:is(ul.product-items, ol.product-items, .product-items) {
  align-items: stretch !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
.page-wrapper
.products-grid
.product-items
> :is(li.product-item, li.item) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
.page-wrapper
.products-grid
.product-items
> :is(li.product-item, li.item)
:is(.product-item-info, .product-info, .product-item-details) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
.page-wrapper
.products-grid
.product-items
> :is(li.product-item, li.item)
.product-item-actions {
  margin-top: auto !important;
}

/* Fix-7: Padronizar seção "awa-shelf" com padding lateral consistente */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.content-top-home
.awa-section-header.awa-shelf__header {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}

/* Fix-8: Garantir max-width + centering em qualquer container da home */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper
.content-top-home
:is(.awa-benefits-bar, .awa-benefits-container) {
  max-width: var(--awa-grid-shell-max) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* §31 terminal-wins: hero tablet 768–991 — desktop slider (vence body-end legado max-width:991) */
@media (min-width: 768px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.hidden-xs {
    display: block !important;
    visibility: visible !important;
    height: clamp(160px, 24.5vw, 470px) !important;
    min-height: clamp(160px, 24.5vw, 470px) !important;
    max-height: clamp(160px, 24.5vw, 470px) !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.hidden-xs
    .banner_item_bg
    :is(picture, img) {
    display: block !important;
    width: 100% !important;
    height: clamp(160px, 24.5vw, 470px) !important;
    min-height: clamp(160px, 24.5vw, 470px) !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.visible-xs {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* §31 terminal-wins: hero mobile ≤767 — altura mínima + cover (vence critical inline contain) */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    :is(.banner-slider.banner-slider2, .wrapper_slider.visible-xs) {
    min-height: clamp(160px, 42vw, 240px) !important;
    height: clamp(160px, 42vw, 240px) !important;
    max-height: clamp(160px, 42vw, 240px) !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.visible-xs
    :is(.awa-hero-swiper, .swiper-wrapper, .swiper-slide:first-child, .banner_item:first-child, .banner_item_bg) {
    min-height: clamp(160px, 42vw, 240px) !important;
    height: clamp(160px, 42vw, 240px) !important;
    max-height: clamp(160px, 42vw, 240px) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .wrapper_slider.visible-xs
    .banner_item_bg
    :is(picture, img) {
    display: block !important;
    width: 100% !important;
    height: clamp(160px, 42vw, 240px) !important;
    min-height: clamp(160px, 42vw, 240px) !important;
    max-height: clamp(160px, 42vw, 240px) !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* §32 Home polish: ícones categoria + placeholder produto Lançamentos */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__icon
  :is(img, picture img) {
  object-fit: contain !important;
  object-position: center !important;
  background: var(--awa-bg-soft, var(--awa-color-bg-soft, var(--awa-bg-subtle))) !important;
  border-radius: var(--awa-radius-sm, 8px) !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  .product-image-photo[src*="placeholder"] {
  object-fit: contain !important;
  object-position: center !important;
  background: var(--awa-bg-soft, var(--awa-color-bg-soft, var(--awa-bg-subtle))) !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  .awa-shelf--carousel
  .product-item,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-grid-section
  .product-item {
  min-height: var(--awa-home-card-min-h, 240px) !important;
}

/* ============================================================
   §34 Impeccable polish — home terminal wins (2026-06-16)
   ============================================================ */

/* Minicart — fechado sem superfície; aberto com sombra leve (sem hairline/24px blur) */
html body#html-body#html-body#html-body
  .page-wrapper
  .block-minicart:not(._active) {
  border: none !important;
  box-shadow: none !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(
    .minicart-wrapper.active .block-minicart,
    .minicart-wrapper.is-open .block-minicart,
    .minicart-wrapper .block-minicart._active,
    .awa-site-header .minicart-wrapper.active .block-minicart
  ) {
  border: none !important;
  box-shadow: 0 2px 8px color-mix(in srgb, CanvasText 8%, transparent) !important;
}

/* Progress bar — scaleX evita animar largura. */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-owl-progress__bar {
  width: 100% !important;
  transform: scaleX(var(--awa-progress, 0.08)) !important;
  transform-origin: left center !important;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  transition-property: transform !important;
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-owl-progress__bar {
    transition: none !important;
  }
}

/* Cramped padding — promo bar + header desktop + footer copyright */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-b2b-promo-bar__inner {
  padding-block: var(--awa-grid-rhythm-sm, 8px) !important;
}

@media (min-width: 992px) {
  /* Autopilot 2026-07-15: padding só no main header — NÃO no .header-content (promo shell).
     Antes: padding-block 8px em .header-content criava faixas creme (#header 49px vs promo 32px). */
  html body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header
    .header.awa-main-header {
    /* FIX 2026-07-16 H4: padding-block 8px + row 68px derrama na nav sticky. */
    padding-block: 0 !important;
  }

  html body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header
    :is(#header.header-container, #header.header-container > .header-content, .header-content[data-awa-header-content='true']) {
    padding-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__copyright {
  padding-block: 14px 16px !important;
}

/* Menu vertical — line-height legível (Impeccable typeset) */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(#menu\.vertical\.extra, .awa-vertical-extra) {
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(#menu\.vertical\.extra, .awa-vertical-extra)
  :is(a, button, li) {
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  .navigation.verticalmenu
  .title-category-dropdown.our_categories,
html body#html-body#html-body#html-body
  .page-wrapper
  .navigation.verticalmenu
  .title-category-dropdown.our_categories
  .awa-vmenu-trigger-text {
  line-height: 1.35 !important;
}

/* Menu extra CMS — vence inline <style> line-height 1.1 */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(#menu\.vertical\.extra, .awa-vertical-extra)
  :is(*, a, li, span, p) {
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  .navigation.verticalmenu
  ul.awa-vem-list {
  padding-top: 10px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__copyright {
  padding-inline: 16px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__copyright
  :is(p, span, div) {
  padding-block: 4px !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .product-info {
  padding: 8px !important;
  box-sizing: border-box !important;
}

/* WhatsApp float — label sr-only (Impeccable overflow) */
html body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-whatsapp-float {
  max-width: calc(100vw - 48px) !important;
  overflow: hidden !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-whatsapp-float__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §PLP-IMPECCABLE 2026-06-16 — hero contraste, card único, header sticky
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero--has-image
  :is(.awa-category-hero__title, .awa-category-hero__count, .awa-category-hero__eyebrow) {
  color: var(--awa-text) !important;
  text-shadow: none !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero--has-image
  .awa-category-hero__count {
  color: var(--awa-text-secondary) !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero--has-image
  .awa-category-hero__content {
  background: var(--awa-surface, var(--awa-bg)) !important;
  background-color: var(--awa-surface, var(--awa-bg)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero--has-image
  .awa-category-hero__content
  :is(.awa-category-hero__title, .awa-category-hero__count, .awa-category-hero__eyebrow) {
  background: transparent !important;
  color: var(--awa-text) !important;
  text-shadow: none !important;
}

html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero--has-image
  .awa-category-hero__content
  .awa-category-hero__count {
  color: var(--awa-text-secondary) !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .product-thumb,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product:hover
  .product-thumb {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .product-thumb
  :is(img, .product-image-photo) {
  filter: none !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product:hover {
  box-shadow: none !important;
  transform: none !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index):not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky {
  box-shadow: none !important;
  /* 2026-07-17 Round3: sem border no wrap — sticky-h = 68+48; borda fica na nav */
  border: 0 !important;
  border-block-end: 0 !important;
  border-radius: 0 !important;
  /* FIX H8D: padding 8px estourava a row sticky */
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index):not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky
  :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap, .awa-main-header__inner) {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Cramped padding — PLP toolbar, header shell, minicart, paginação sr-only */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar, .top-header.awa-b2b-promo-bar) {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-b2b-promo-bar__inner {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    #header,
    #header.header-container,
    .header.awa-main-header,
    .header_main.awa-main-header-inner-wrap,
    .awa-main-header__inner.wp-header
  ) {
  /* FIX 2026-07-16 H4: sem padding-block — geometria 68/48 do sticky. */
  padding-block: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  :is(.header-control.header-nav.awa-nav-bar, .header-control.awa-nav-bar, .header-control.header-nav) {
  padding-block: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  :is(.header-control.header-nav.awa-nav-bar, .header-control.awa-nav-bar)
  > .container {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.header-control.header-nav, .header-control.awa-nav-bar) {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.header-control.header-nav, .header-control.awa-nav-bar)
  > .container {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-header-categories.menu_left_home1 {
  /* HEADER-P0-002: padding-block 8px empurrava o trigger Departamentos 8px abaixo da nav bar */
  padding-inline: 8px !important;
  padding-block: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .category-view-move {
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(#layered-ajax-filter-block, .block.filter) {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index):not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky {
  /* FIX 2026-07-15: padding 8px abria gap sob a promo em PDP/PLP */
  padding: 0 !important;
  padding-block: 0 !important;
  box-sizing: border-box !important;
}

/* Category search (PLP body) — keep modest padding; header search zeroed below */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .block.block-search:not(.awa-professional-search)
  > .block-content {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .block.block-search
  > .block-content {
  padding: 0 !important;
  padding-block: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.toolbar-sorter.sorter, .field.limiter > .control) {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  .block-minicart
  .awa-minicart-empty__hint {
  padding-block: 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky
  .header.awa-main-header {
  /* FIX 2026-07-16 H4: padding-block 8px + row 68px derramava 16px na nav (sticky).
     2026-07-17: overflow:visible — padding já é 0; hidden vencia PLP lock e
     cortava autocomplete/dropdowns sob a row (guerra align-grid vs plp-terminal-lock). */
  padding: 0 !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  height: var(--awa-header-main-row-h, 68px) !important;
  max-height: var(--awa-header-main-row-h, 68px) !important;
  min-height: var(--awa-header-main-row-h, 68px) !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky
  .header_main.awa-main-header-inner-wrap {
  padding: 0 8px !important;
  padding-block: 0 !important;
  padding-inline: 8px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky
  .header_main.awa-main-header-inner-wrap
  > :is(.header-main, .header_main) {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-height: var(--awa-header-main-row-h, 56px) !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header
    .header-wrapper-sticky
    .header_main.awa-main-header-inner-wrap
    > :is(.header-main, .header_main) {
    /* FIX 2026-07-16 H4: margin 8px empurrava inner 8px para dentro da nav. */
    margin: 0 !important;
    height: var(--awa-header-main-row-h, 68px) !important;
    max-height: var(--awa-header-main-row-h, 68px) !important;
    min-height: var(--awa-header-main-row-h, 68px) !important;
  }
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky
  :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
  height: auto !important;
  max-height: none !important;
  min-height: var(--awa-header-main-row-h, 56px) !important;
  box-sizing: border-box !important;
}

/* FIX 2026-07-16 H8D: padding 8px + min-height 60px empurrava a busca ~10px
   abaixo do logo/conta na row 68px (sticky condensed e estado normal). */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  :is(.block.block-search > .block-content, .awa-header-search-col .block-content) {
  padding: 0 !important;
  padding-block: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .awa-header-search-col
  :is(.block-search, form#search_mini_form) {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  box-sizing: border-box !important;
}

/* FIX 2026-07-16 H8F: borda 1px em .block-search + form empurrava #search
   2px abaixo do minicart (input top=14 vs cart top=12). Wrapper sem borda;
   só o form carrega o chrome. */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .awa-header-search-col
  :is(.block.block-search, .block-search.awa-professional-search) {
  border: 0 !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .awa-header-search-col
  .block-content {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  border: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .awa-header-search-col
  form#search_mini_form {
  margin: 0 !important;
  align-self: center !important;
  width: 100% !important;
}

/* Nav: border-top 1px fazia .awa-nav-bar__inner parecer 1px abaixo da row (69 vs 68).
   Mantém só border-bottom; o sticky já tem separador. */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .header-control.header-nav.awa-nav-bar {
  border-top: 0 !important;
  border-block-start: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  .awa-search-helper-copy {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header
    .header-wrapper-sticky
    .header.awa-main-header {
    display: block !important;
    align-items: stretch !important;
    height: var(--awa-header-main-row-h, 68px) !important;
    min-height: var(--awa-header-main-row-h, 68px) !important;
    max-height: var(--awa-header-main-row-h, 68px) !important;
    /* Alinha com PLP lock (visible); altura já trava o spill sem clip. */
    overflow: visible !important;
    padding-block: 0 !important;
    margin-block: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header
    .header-wrapper-sticky
    .header_main.awa-main-header-inner-wrap {
    height: var(--awa-header-main-row-h, 68px) !important;
    min-height: var(--awa-header-main-row-h, 68px) !important;
    max-height: var(--awa-header-main-row-h, 68px) !important;
    overflow: visible !important;
    padding: 0 !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
  }
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .pages :is(span.label, .label, strong.label.pages-label, #paging-label-bottom),
    .toolbar .modes-mode > span,
    button.action.search .awa-sr-only,
    a.action.showcart .awa-sr-only,
    .minicart-wrapper .action.showcart .awa-sr-only,
    :is(.page_footer, .page-footer) label.visually-hidden,
    .awa-whatsapp-float__label
  ) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  color: transparent !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  button.action.search {
  overflow: visible !important;
  position: relative !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  a.action.showcart {
  overflow: visible !important;
  position: relative !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.page-main > .columns, .columns.layout, .columns.layout.layout-2-col) {
  /* FIX 2026-07-19 H6: esta regra (padding:8px) anulava §L2740 (padding-inline:0)
     e somava 8px ao shell do .page-main (16px) → doubleGutterPx=24 no runtime PLP.
     Mesmo padrão H-C da PDP: padding do columns fica 0; ritmo interno fica nos filhos. */
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* H9A: badge compacto — padding só no wrapper (filhos com 8px → SKU ~52px) */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .awa-b2b-sku {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: auto !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  :is(.awa-b2b-sku__label, .awa-b2b-sku__value) {
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  min-height: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index):not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap) {
  /* FIX 2026-07-15: zero vertical — row 68px sem espremimento */
  padding-block: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header
  :is(.header-control.header-nav, .header-control.awa-nav-bar)
  .ui-menu-item.navigation__item {
  /* DS: padding só no <a> — evita padding duplo li+a no menu vertical */
  padding: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header
    .header-wrapper-sticky
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    /* FIX 2026-07-15: padding-block 8px desalinhava logo/busca/B2B */
    padding-block: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Overflow seletivo — search, minicart, promo (sem alterar crop de thumb) */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    #search_mini_form,
    #search_mini_form .field.search,
    .mst-searchautocomplete__autocomplete,
    #awa-b2b-promo-bar,
    .awa-b2b-promo-bar__inner,
    .block-minicart,
    .block-minicart.ui-dialog-content
  ) {
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  .vela-content.velaFooterMenu {
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body
  :is(.page-wrapper, .awa-ks-trigger-hint, #awa-shortcuts-modal)
  kbd {
  padding-block: 8px !important;
  padding-inline: 6px !important;
  box-sizing: border-box !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
  background: var(--awa-bg-muted, #f3f4f6) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
}

/* Impeccable polish 2026-06-17 — hero nav focus + touch terminal wins (super-global 36px override) */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--above-fold
  .awa-hero-swiper
  :is(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next):focus-visible {
  outline: 2px solid var(--awa-primary, var(--awa-primary)) !important;
  outline-offset: 2px !important;
}

@media (pointer: coarse) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .awa-hero-swiper
    :is(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next) {
    block-size: var(--awa-home-touch-target, 44px) !important;
    height: var(--awa-home-touch-target, 44px) !important;
    inline-size: var(--awa-home-touch-target, 44px) !important;
    min-block-size: var(--awa-home-touch-target, 44px) !important;
    min-height: var(--awa-home-touch-target, 44px) !important;
    min-inline-size: var(--awa-home-touch-target, 44px) !important;
    min-width: var(--awa-home-touch-target, 44px) !important;
    width: var(--awa-home-touch-target, 44px) !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--above-fold
    .awa-hero-swiper
    :is(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next) {
    block-size: var(--awa-home-touch-target, 44px) !important;
    height: var(--awa-home-touch-target, 44px) !important;
    inline-size: var(--awa-home-touch-target, 44px) !important;
    min-block-size: var(--awa-home-touch-target, 44px) !important;
    min-height: var(--awa-home-touch-target, 44px) !important;
    min-inline-size: var(--awa-home-touch-target, 44px) !important;
    min-width: var(--awa-home-touch-target, 44px) !important;
    width: var(--awa-home-touch-target, 44px) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §PLP-IMPECCABLE-PASS2 2026-06-16 — 10px inline noise, overflow, Inter nav
   ═══════════════════════════════════════════════════════════════════════════ */

:is(
  #awa-plp-terminal-lock-inline,
  #awa-critical-inline-site,
  #awa-cls-nav-fix,
  #awa-bugfix-terminal-inline,
  #awa-cookie-consent-critical,
  head > style,
  head > noscript,
  title
) {
  font-size: 0 !important;
  line-height: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index) {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    #layered-ajax-filter-block,
    .block.filter,
    .awa-category-hero,
    #layered-ajax-list-products,
    .product-content-right,
    footer.page-footer,
    .page_footer,
    #footer,
    .footer-container,
    a.awa-whatsapp-float,
    .awa-header-categories.menu_left_home1,
    ul.togge-menu.list-category-dropdown,
    [id^="awa-vertical-menu-"],
    [id^="submenu-menu-"],
    .navigation__submenu,
    .navigation__inner-list
  ) {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-site-header
  :is(.header-control.header-nav.awa-nav-bar, .header-control.awa-nav-bar) {
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product,
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  .item-product
  .product-thumb,
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .products-grid
  :is(.product-image-container, .product-image-wrapper) {
  overflow: visible !important;
  contain: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .navigation.verticalmenu.side-verticalmenu {
  --vm-font: "Source Sans 3", system-ui, -apple-system, sans-serif !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .navigation.verticalmenu,
    .our_categories.title-category-dropdown,
    .awa-vmenu-trigger-text,
    .navigation__link,
    .navigation__label,
    .navigation__inner-link,
    ul.togge-menu.list-category-dropdown,
    [id^="submenu-menu-"] *
  ) {
  font-family: "Source Sans 3", system-ui, -apple-system, sans-serif !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §HDR-FIX-HOME 2026-06-16 — promo full-width, mobile stack, nav visível
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-content {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: min(100%, 1280px) !important;
    margin-inline: auto !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-container:has(.awa-b2b-promo-bar) {
    height: auto !important;
    max-height: none !important;
    min-height: var(--awa-header-promo-h, 32px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
  :is(.top-header.awa-b2b-promo-bar, .top-header, .awa-b2b-promo-bar, #awa-b2b-promo-bar) {
    align-self: stretch !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-block: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-bar__inner, .top-header .awa-b2b-promo-bar__inner) {
    box-sizing: border-box !important;
    margin-inline: auto !important;
    max-width: min(100%, 1280px) !important;
    padding-inline: var(--awa-header-shell-pad, 16px) !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-control.header-nav {
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-control.header-nav
    :is(> .container, .nav-sections, .navigation) {
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: center !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-control.header-nav
    .navigation.verticalmenu
    .title-category-dropdown.our_categories {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 44px !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky
    :is(.header-main, .header_main) {
    box-sizing: border-box !important;
    height: 104px !important;
    max-height: 104px !important;
    min-height: 104px !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-block: 0 !important;
    margin-block: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky {
    height: 104px !important;
    max-height: 104px !important;
    min-height: 104px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed) {
    height: auto !important;
    max-height: none !important;
    min-height: 148px !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-control.header-nav {
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.top-header, .awa-b2b-promo-bar, #awa-b2b-promo-bar)
    :is(.awa-b2b-promo-bar__inner, .container) {
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding-inline: 16px !important;
    width: 100% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §PDP-IMPECCABLE 2026-06-16 — terminal wins PDP (bauleto audit)
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .attr-product {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.product.attribute, .product-info-stock-sku .product.attribute) {
  padding-block: 8px !important;
  padding-inline: 12px !important;
  box-sizing: border-box !important;
}

/* Justified description intro has no hyphenation upstream (themes.css .detailed p),
   which leaves ragged word-spacing at narrower widths; pt-BR hyphenation closes the gaps. */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-desc-intro {
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-price
  .price-label {
  box-sizing: border-box !important;
  padding: 4px 8px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.columns, .column.main) {
  box-sizing: border-box !important;
  /* FIX 2026-07-19 H-C: era padding:8px em columns E column.main — somava 16px
     extra ao shell do page-main (16px). Runtime: padSum 64 (16+8+8 por lado). */
  padding: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.product-view, .column.main) {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media {
  box-sizing: border-box !important;
  isolation: isolate !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  isolation: isolate !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .main-detail
  > .row
  > .col-md-6:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .main-detail
  > .row
  > .col-md-6:last-child {
  min-width: 0 !important;
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .gallery-placeholder {
  /* H-pdp-gallery-shell: borda/padding só no .product.media (evita moldura dupla) */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.awa-carousel__viewport, [class*='awa-carousel__viewport']) {
  box-sizing: border-box !important;
  padding-inline: 8px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .item-product.awa-carousel-card-slot {
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding-block: 8px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .item-product.awa-carousel-card-slot
  .product-thumb {
  overflow: clip !important;
  padding: 8px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(#menu\.vertical\.extra, .awa-vertical-extra) {
  padding-block-start: 8px !important;
  box-sizing: border-box !important;
}

/* Autopilot 2026-07-15: promo shell flush — #header = 32px (sem padding 8px que gerava 49px) */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-site-header
  :is(#header.header-container, #header.header-container > .header-content, .header-content) {
  box-sizing: border-box !important;
  padding-block: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-site-header
  #header.header-container {
  position: relative !important;
  inset-block-start: auto !important;
  top: auto !important;
  z-index: 100 !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-content:has(.awa-b2b-promo-bar) {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    max-width: min(100%, 1280px) !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.top-header.awa-b2b-promo-bar, .top-header, .awa-b2b-promo-bar) {
    align-self: stretch !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-site-header
    :is(.awa-b2b-promo-bar__inner, .top-header .awa-b2b-promo-bar__inner) {
    box-sizing: border-box !important;
    margin-inline: auto !important;
    max-width: min(100%, 1280px) !important;
    padding-inline: var(--awa-header-shell-pad, 16px) !important;
    width: 100% !important;
  }
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-site-header
  .awa-header-search-col
  :is(.block-content, .block-search) {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-site-header
  :is(
    #search_mini_form,
    .mst-searchautocomplete__autocomplete,
    button.action.search,
    #awa-b2b-promo-bar,
    .awa-b2b-promo-bar__inner
  ) {
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(
    button.action.search .awa-sr-only,
    a.action.showcart .awa-sr-only,
    label.visually-hidden,
    .awa-whatsapp-float__label
  ) {
  background: transparent !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  color: transparent !important;
  display: none !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
  white-space: nowrap !important;
  width: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(
    .navigation.verticalmenu,
    .our_categories.title-category-dropdown,
    .awa-vmenu-trigger-text,
    .navigation__link,
    .navigation__label,
    ul.togge-menu.list-category-dropdown,
    [id^='submenu-menu-'] *
  ) {
  font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .navigation.verticalmenu.side-verticalmenu {
  --vm-font: 'Source Sans 3', system-ui, -apple-system, sans-serif !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(
    #awa-b2b-promo-bar,
    .awa-b2b-promo-bar,
    .awa-b2b-promo-bar__inner,
    #search_mini_form,
    .mst-searchautocomplete__autocomplete,
    ul.togge-menu.list-category-dropdown,
    [id^='awa-vertical-menu-'],
    [id^='submenu-menu-'],
    .navigation__submenu,
    .navigation__inner-list,
    .attr-product,
    footer.page-footer,
    .page_footer,
    #footer,
    .footer-container,
    a.awa-whatsapp-float,
    .awa-header-categories.menu_left_home1,
    .block.block-reorder,
    .sidebar-additional
    li.product-item
  ) {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* Fotorama — manter clip obrigatório (slides inativos não podem vazar) */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(
    .gallery-placeholder,
    .fotorama-item,
    .fotorama__wrap,
    .fotorama__stage,
    .fotorama__stage__shaft,
    .fotorama__stage__frame,
    .fotorama__nav-wrap,
    .fotorama__nav,
    .fotorama__nav__shaft,
    .fotorama__nav__frame,
    .fotorama__thumb
  ) {
  overflow: hidden !important;
}

/* Carrossel related — viewport clipa slides; cards com padding interno */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.awa-carousel__viewport, [class*='awa-carousel__viewport']) {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-related
  .awa-carousel__viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.fotorama__stage__shaft, .fotorama__nav__shaft, .fotorama__thumb-border) {
  transition-property: opacity, transform !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(
    #awa-pdp-terminal-lock-inline,
    #awa-plp-terminal-lock-inline,
    #awa-critical-inline-site,
    #awa-cls-nav-fix,
    #awa-bugfix-terminal-inline,
    #awa-cookie-consent-critical,
    head > style,
    head > noscript,
    title
  ) {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* ── §PDP-IMPECCABLE R2 2026-06-17 — bauleto audit (Impeccable) ───────────
   Vence awa-pdp-final-polish (1px + 18px shadow) e awa-round3-pdp-conversion
   (sticky-cta 1px + 28px shadow). Carrega por último no body da PDP.
   ─────────────────────────────────────────────────────────────────────────── */

/* AI tell: product-add-form — hairline border + wide shadow */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .product-add-form {
  border: 1.5px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 12px !important;
}

/* AI tell + cramped: awa-pdp-sticky-cta__inner */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-sticky-cta__inner {
  border: 1.5px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgb(0 0 0 / 6%), 0 1px 3px rgb(0 0 0 / 4%) !important;
  box-sizing: border-box !important;
  padding-block: 12px !important;
  padding-inline: clamp(14px, 3vw, 20px) !important;
}

/* Cramped: additional-attributes-wrapper sem inset */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .additional-attributes-wrapper.table-wrapper {
  box-sizing: border-box !important;
  padding: 12px !important;
}

/* Carrossel related — badges via padding, sem vazar do viewport */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-related
  .awa-carousel__slide
  .item-product.awa-carousel-card-slot
  .product-thumb,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-related
  .awa-carousel__slide
  .item-product.awa-carousel-card-slot
  .product-thumb
  :is(.product-thumb-link, .product-image-container, .product-image-wrapper) {
  contain: none !important;
  overflow: clip !important;
  padding: 8px !important;
}

/* Clip: sidebar reorder + product-item genérico */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .block.block-reorder,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .block.block-reorder
  .product-item,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .sidebar-additional
  li.product-item {
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .block.block-reorder {
  box-sizing: border-box !important;
  padding: 12px !important;
}

/* ── §PDP-IMPECCABLE R3 2026-06-17 — ghost gallery + vence ui-promax ───────
   ui-promax força overflow:visible na galeria; Fotorama shaft vaza p/ buy box.
   ─────────────────────────────────────────────────────────────────────────── */

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .main-detail
  > .row
  > .col-md-6:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media {
  box-sizing: border-box !important;
  contain: layout paint style !important;
  isolation: isolate !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media
  :is(
    .gallery-placeholder,
    .fotorama-item,
    .fotorama,
    .fotorama__wrap,
    .fotorama__stage,
    .fotorama__stage__shaft,
    .fotorama__stage__frame,
    .fotorama__nav-wrap,
    .fotorama__nav,
    .fotorama__nav__shaft
  ) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .gallery-placeholder:has(.fotorama__img)
  > :is(img.gallery-placeholder__image, .gallery-placeholder__image) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  width: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media
  .fotorama__stage:hover
  .fotorama__img {
  transform: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  isolation: isolate !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Specs table — células com respiro */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  table.data.table.additional-attributes
  :is(th, td) {
  box-sizing: border-box !important;
  padding: 8px 12px !important;
}

/* Related carousel — card interno */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-related
  .item-product.awa-carousel-card-slot {
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 8px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .awa-pdp-related
  .item-product.awa-carousel-card-slot
  .product-item-info {
  box-sizing: border-box !important;
  padding: 4px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §HOME-IMPECCABLE 2026-06-17 — terminal wins home (carousel sr-only, chrome)
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5),
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* Autopilot 2026-07-15: home — promo shell sem padding-block 8px (evita faixa creme) */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(#header.header-container, #header.header-container > .header-content, .header-content) {
  box-sizing: border-box !important;
  padding-block: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(
    #search_mini_form,
    .mst-searchautocomplete__autocomplete,
    #awa-b2b-promo-bar,
    .awa-b2b-promo-bar,
    .awa-b2b-promo-bar__inner,
    .columns,
    .column.main,
    #maincontent,
    footer.page-footer,
    .page_footer,
    #footer,
    .footer-container,
    a.awa-whatsapp-float,
    .awa-carousel-section,
    .top-home-content.awa-home-section
  ) {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(#search_mini_form, button.action.search, a.action.showcart) {
  overflow: visible !important;
  position: relative !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(
    button.action.search .awa-sr-only,
    a.action.showcart .awa-sr-only,
    .minicart-wrapper .action.showcart .awa-sr-only,
    .awa-category-carousel__count.awa-sr-only,
    label.visually-hidden,
    .awa-whatsapp-float__label
  ) {
  background: transparent !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  color: transparent !important;
  display: none !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
  white-space: nowrap !important;
  width: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(
    #awa-home-terminal-lock-inline,
    #awa-pdp-terminal-lock-inline,
    #awa-plp-terminal-lock-inline,
    #awa-critical-inline-site,
    head > style,
    head > noscript,
    title
  ) {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* §HDR-FIX-HOME mobile nav — terminal (vence super-global overflow:hidden) */
@media (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-control.header-nav,
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .header-control.header-nav
    :is(> .container, .nav-sections, .navigation, .menu_left_home1) {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §CATALOG-MOBILE-HDR 2026-06-17 — header_main escapava sticky (112px > 96px)
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  /* PIXEL-QA 2026-07-25: gutter 16 no sticky (eixo = page-main); não zerar padding-inline */
  html body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-product-view,
      .catalog-category-view,
      .catalogsearch-result-index,
      .checkout-cart-index
    )
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky {
    box-sizing: border-box !important;
    height: 96px !important;
    max-height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    padding-block: 0 !important;
    padding-inline: 16px !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-product-view,
      .catalog-category-view,
      .catalogsearch-result-index,
      .checkout-cart-index
    )
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky
    .header_main.awa-main-header-inner-wrap
    > :is(.header-main, .header_main) {
    margin: 0 !important;
    padding: 0 !important;
    height: 96px !important;
    max-height: 96px !important;
    min-height: 96px !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-product-view,
      .catalog-category-view,
      .catalogsearch-result-index,
      .checkout-cart-index
    )
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky
    :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap, .header-main, .header_main) {
    box-sizing: border-box !important;
    height: 96px !important;
    max-height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-product-view,
      .catalog-category-view,
      .catalogsearch-result-index,
      .checkout-cart-index
    )
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky
    .header.awa-main-header {
    box-sizing: border-box !important;
    height: 96px !important;
    max-height: 96px !important;
    min-height: 96px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-product-view,
      .catalog-category-view,
      .catalogsearch-result-index,
      .checkout-cart-index
    )
    .page-wrapper
    .awa-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky
    :is(.header-main .container, .header_main .container) {
    box-sizing: border-box !important;
    height: 96px !important;
    max-height: 96px !important;
    min-height: 96px !important;
    overflow: hidden !important;
    padding-block: 0 !important;
  }
}

/* §PLP-TOOLBAR-TYPE 2026-06-17 — vence --m-text-sm (8.125px com html 62.5%) */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  :is(.toolbar-sorter, .sorter, .field.limiter, .modes, .toolbar-amount) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  /* FIX 2026-07-19 H-A: Magento Luma float:left/right em filhos de toolbar flex.
     Flex ignora float no layout, mas o computed float:right/left permanece e
     quebra se display mudar. Neutraliza no shell flex. */
  float: none !important;
}

/* FIX 2026-07-19 H-A2: float NÃO herda — .modes-mode / .modes-label / .pages
   ainda vinham float:left do Luma (runtime bagageiros: floatCount=4). */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  :is(
    .modes-mode,
    .modes-label,
    .pages,
    .pages-items,
    .limiter-label,
    .sorter-label,
    .toolbar-amount,
    .field.limiter .label,
    .field.limiter .control,
    .sorter-options,
    .limiter-options
  ) {
  float: none !important;
}

/* §PLP-THUMB-STATIC 2026-06-17 — vence awa-shimmer translateX do layout-bundle */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .product-thumb
  :is(.product-image-wrapper, .product-image-container, img.product-image-photo, img) {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .product-thumb
  .product-image-wrapper:has(img.awa-loaded) {
  background: var(--awa-bg-muted, var(--awa-bg-subtle)) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §CHECKOUT-IMPECCABLE 2026-06-17 — terminal wins cart/OPC (sr-only, touch 44px)
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-cart-index,
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index,
    .checkout-onepage-success
  ),
html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-cart-index,
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index,
    .checkout-onepage-success
  )
  .page-wrapper {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-cart-index,
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index,
    .checkout-onepage-success
  )
  .page-wrapper
  :is(
    #search_mini_form,
    .mst-searchautocomplete__autocomplete,
    #awa-b2b-promo-bar,
    .awa-b2b-promo-bar,
    .awa-b2b-promo-bar__inner,
    .cart-container,
    .cart-summary,
    .checkout-container,
    .opc-wrapper,
    #checkout,
    footer.page-footer,
    .page_footer,
    #footer,
    .footer-container,
    a.awa-whatsapp-float
  ) {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-cart-index,
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index,
    .checkout-onepage-success
  )
  .page-wrapper
  .awa-site-header
  :is(#search_mini_form, button.action.search, a.action.showcart) {
  overflow: visible !important;
  position: relative !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-cart-index,
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index,
    .checkout-onepage-success
  )
  .page-wrapper
  :is(
    button.action.search .awa-sr-only,
    a.action.showcart .awa-sr-only,
    .minicart-wrapper .action.showcart .awa-sr-only,
    label.visually-hidden,
    .awa-whatsapp-float__label
  ) {
  background: transparent !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  color: transparent !important;
  display: none !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
  white-space: nowrap !important;
  width: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__category-chip, .awa-order-success__category-chip) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-height: 44px !important;
  padding-block: 10px !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index
  )
  .opc-progress-bar-item
  > span::before {
  box-sizing: border-box !important;
  height: 44px !important;
  line-height: 40px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  width: 44px !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(
    .checkout-index-index,
    .rokanthemes-onepagecheckout,
    .onepagecheckout-index-index
  )
  .opc-wrapper
  .step-title {
  font-weight: 700 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-site-header
  .awa-header-account-prompt
  :is(a, .awa-header-account-prompt__link) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-height: 44px !important;
  padding-block: 8px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-site-header
  .awa-header-account-prompt
  .awa-header-account-prompt__icon {
  flex: 0 0 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  width: 44px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §FOOTER-CONTRAST-IMPECCABLE 2026-06-17 — corrige contraste no footer dark
   Problema: h2.awa-newsletter-title (#111111 em #212529 → 1.2:1 FAIL)
             .awa-footer-atendimento__label (#6b7280 em #212529 → 3.2:1 FAIL)
   Causa: super-global cobre h3/h4 mas não h2; awa-header-stack override c/#6b7280
   Fix: elevar especificidade dentro de .footer-container (bg sempre dark)
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer).awa-footer--dark
  .footer-container
  :is(
    h2:not(.awa-newsletter-title),
    .velaFooterTitle
  ) {
  color: var(--awa-gray-50, #f9f9f9) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer):not(.awa-footer--dark)
  .footer-container
  :is(
    p.awa-footer-atendimento__label,
    .awa-footer-atendimento__label,
    .awa-footer-atendimento__label--social
  ) {
  color: var(--awa-text-muted, var(--awa-text-secondary)) !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer).awa-footer--dark
  .footer-container
  :is(
    .awa-footer-atendimento__label,
    .awa-footer-atendimento__label--social
  ) {
  color: var(--awa-gray-300, #cccccc) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §IMPECCABLE-POLISH 2026-06-17 — carrossel track não clipa filhos posicionados
   Causa: preinit/CLS rules aplicavam overflow:hidden no ul.awa-carousel__track
   Fix: track visible; viewport mantém scroll horizontal
   ═══════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-shelf--carousel
  .awa-carousel__viewport
  > :is(ul.owl.awa-carousel__track, .awa-carousel__track) {
  max-block-size: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-carousel-section
  .awa-carousel__viewport
  > :is(ul.owl.awa-carousel__track, .awa-carousel__track) {
  overflow: visible !important;
}

/* §IMPECCABLE-POLISH-R2 2026-06-17 — terminal win absoluto: track nunca clipa badges */
html body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-shelf--carousel, .content-top-home .awa-carousel-section)
  :is(ul.owl.awa-carousel__track, .awa-carousel__track) {
  max-block-size: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* §IMPECCABLE-POLISH-R3 2026-06-17 — shelf não clipa badges (.hot-onsale) acima dos cards */
html body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.rokan-bestseller, .rokan-newproduct, .rokan-featuredproduct, .rokan-onsaleproduct, .rokan-toprate, .rokan-mostviewed).awa-shelf.awa-shelf--carousel {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* §IMPECCABLE-POLISH-R3 — B2B dropdown terminal win sobre home-terminal-bundle */
html body#html-body#html-body#html-body#html-body .page-wrapper
  :is(#b2b-status-dropdown, .b2b-status-dropdown) {
  border: 1px solid var(--b2b-panel-border, var(--awa-border, #e5e7eb)) !important;
  box-shadow: var(--awa-shadow-sm, 0 2px 8px rgb(15 23 42 / 8%)) !important;
}
/* VQA terminal PDP title — 4× #html-body vence §29 shell; margem só no wrapper */
html body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .page-title-wrapper
  :is(h1.page-title, .page-title) {
  font-size: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-block: 0 !important;
}

/* VQA mobile PLP — thumb clip + equal card rows */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-items {
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(.item-product, .product-item) {
    min-height: 346px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-thumb {
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    max-height: 165px !important;
    position: relative !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(.product-image-container, span.product-image-container) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .product-info {
    flex: 1 1 auto !important;
    margin-block-start: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* ── CORPORATE GRID FINAL (2026-06-18) — 5× #html-body, última palavra home ── */
/* PIXEL-QA 2026-07-24: mobile 16 / desktop 24 (contrato eixo único) */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-home-shell-gutter: 16px;
  --awa-home-shell-max: min(100%, 1280px);
}
@media (min-width: 1024px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    --awa-home-shell-gutter: 24px;
  }
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .top-home-content--above-fold {
  /* SSOT: hero full-bleed — sem gutter lateral (vence pad 24 content-box que estourava ~1478px) */
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .ayo-home5-wrapper--template-driven,
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .ayo-home5-wrapper--template-driven {
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(
    .top-home-content > .container,
    .awa-carousel-section > .container,
    .top-home-content.awa-carousel-section > .container,
    .top-home-content.awa-home-section > .container,
    .top-home-content--category-carousel > .container,
    .ayo-home5-wrapper--template-driven .container,
    .awa-hero-b2b-cta__inner.container
  ) {
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

/* ── HOME HEADER RAIL (2026-06-18) — logo/nav no eixo 16px (elimina 8px×4 aninhados) ── */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(
    .header-wrapper-sticky:not(.is-sticky),
    .header.awa-main-header,
    .header_main.awa-main-header-inner-wrap,
    .header-main,
    .header-main > .container
  ) {
  padding: 0 !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(
    .awa-main-header__inner,
    .awa-main-header__inner.wp-header,
    .awa-main-header__inner[data-awa-header-row]
  ) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  padding-block: 0 !important;
  padding-inline: var(--awa-home-shell-gutter, 16px) !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(.header-control.awa-nav-bar, .header-control.header-nav) {
  padding: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(.header-control.awa-nav-bar, .header-control.header-nav)
  > .container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .awa-nav-bar__inner {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  padding-inline: var(--awa-home-shell-gutter, 16px) !important;
  width: 100% !important;
}

/* is-sticky — só zera cascos externos; inner mantém rail 16px (Impeccable cramped fix) */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky
  :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap) {
  padding: 0 !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky
  :is(.awa-main-header__inner, .awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
  box-sizing: border-box !important;
  padding-inline: var(--awa-home-shell-gutter, 16px) !important;
}

/* ── HOME HERO RAIL (2026-06-18) — hero no gutter, sem full-bleed 100vw ── */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .top-home-content--above-fold
  > .banner-slider.banner-slider2 {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  margin-left: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .top-home-content--above-fold
  > .banner-slider.banner-slider2
  :is(.wrapper_slider, .awa-hero-swiper, .swiper-wrapper) {
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

/* ── HOME MOBILE HEADER (2026-06-18) — logo start + inner 16px (vence §APF 12px / center) ── */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    padding-inline: var(--awa-home-shell-gutter, 16px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header
    .awa-header-brand-cell {
    justify-self: start !important;
    max-width: none !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header
    .awa-header-brand-cell
    :is(.logo, .logo a) {
    justify-content: flex-start !important;
  }
}

/* ── HOME SHELL CENTER (2026-06-18) — centraliza shell 1280 vs nav/footer em viewports >1280px ──
   Causa: §2 zera margin em .header-main>.container; .content-top-home nunca entrou no eixo 1280.
   Fix: shell cap + margin auto no content-top-home e no container do header (gutter 16px nos filhos). */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(.header-main > .container, .header_main > .container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(
    .awa-main-header__inner,
    .awa-main-header__inner.wp-header,
    .awa-main-header__inner[data-awa-header-row]
  ) {
  margin-inline: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ── HOME IMPECCABLE POLISH (2026-06-18) — cramped padding + overflow clip ── */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky {
  box-sizing: border-box !important;
  padding-block-start: var(--awa-home-space-1, 4px) !important;
  padding-inline: max(var(--awa-home-shell-gutter, 16px), calc((100% - min(100%, var(--awa-home-shell-max, 1280px))) / 2)) !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap) {
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .ayo-home5-wrapper--template-driven {
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(
    .awa-hero-b2b-cta,
    .awa-home-pricing-notice,
    .ayo-home5-wrapper--template-driven > :is(.top-home-content, .awa-home-section, .awa-carousel-section, #awa-home-niche-shelves)
  ) {
  box-sizing: border-box !important;
  padding-inline: var(--awa-home-shell-gutter, 16px) !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  .header-control.awa-nav-bar
  .awa-nav-bar__inner {
  box-sizing: border-box !important;
  padding-block: var(--awa-home-space-2, 8px) !important;
  padding-inline: var(--awa-home-shell-gutter, 16px) !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .top-home-content--above-fold
  > .banner-slider.banner-slider2 {
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  > .top-home-content--above-fold
  > .banner-slider.banner-slider2
  :is(.wrapper_slider, .owl-wrapper-outer, .swiper, .awa-hero-swiper) {
  overflow: hidden !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter {
  box-sizing: border-box !important;
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  > .container {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

/* POST-AUDIT TERMINAL (2026-06-18): final visual override; !important required to beat late Magento/theme bundles. */
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .top-home-content--above-fold
  .banner-slider.banner-slider2
  .wrapper_slider.visible-xs
  .banner_item_bg
  :is(picture, img) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(58vh, 430px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: var(--awa-bg) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer) {
  background: var(--awa-primary) !important;
  color: var(--awa-text-inverse, var(--awa-white)) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(h2, h3, h4, .footer-title, .awa-footer-title) {
  color: var(--awa-text-inverse, var(--awa-white)) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(a, p, li, span, .footer.links a, .footer-content a):not(.awa-footer-atendimento__store-badge) {
  color: oklch(96% .006 20 / .92) !important;
}

/* POST-AUDIT TERMINAL (2026-07-06): Impeccable a11y contrast audit — PDP footer.
   Root cause: .footer-bottom / .awa-footer-devby / .awa-footer-newsletter /
   .awa-footer-categories-expand are light (near-white) subsections nested
   inside a footer that still has dark-theme white-text locks (7x #html-body).
   Restore dark ink. 8x #html-body + extra class beats the 7x white-text rules.
   2026-08-17: categories pills were oklch(96%) on #fff (~1.03:1). */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-bottom, .awa-footer-devby, .awa-footer-newsletter, .awa-footer-categories-expand)
  :is(h2, h3, h4, .footer-title, .awa-footer-title, .awa-footer-categories-expand__heading) {
  color: var(--awa-text, var(--awa-text)) !important;
  -webkit-text-fill-color: var(--awa-text, CanvasText) !important;
}

/* 8x #html-body (not 7x): the generic near-white text rule above has a compound
   ".footer.links a" branch inside its :is() (2 classes + 1 type), which raises
   its specificity above a flat 7x-ID match — confirmed live via computed style
   still showing the old oklch value with only 7x. 8x wins outright. */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.footer-bottom, .awa-footer-devby, .awa-footer-newsletter)
  :is(a, p, li, span) {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-categories-expand
  :is(a, p, li, span, h2, h3, h4, .awa-footer-categories-expand__heading) {
  color: var(--awa-text, CanvasText) !important;
  -webkit-text-fill-color: var(--awa-text, CanvasText) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom {
  background: var(--awa-bg) !important;
  color: var(--awa-text) !important;
  border-radius: 12px !important;
  margin-inline: clamp(12px, 3vw, 32px) !important;
  padding: 16px !important;
  box-shadow: 0 2px 10px color-mix(in srgb, CanvasText 10%, transparent) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-section-header, .awa-category-carousel__header) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-section-header, .awa-category-carousel__header) {
    grid-template-columns: 1fr !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-section-header__link, .awa-category-carousel__cta-link, .awa-shelf__view-all) {
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* ── GLOBAL GRID/CONTAINER POLISH (2026-06-19)
   Final-wins layer. !important is required because legacy theme bundles and
   Rokanthemes grid utilities define page columns, bootstrap widths and carousel
   overflow late with equal/higher specificity. */
html body#html-body {
  --awa-shell-max: min(100%, 1280px);
  --awa-shell-pad: clamp(16px, 3vw, 24px);
  --awa-shell-gap: 12px;
  --awa-shell-gap-wide: 16px;
  --awa-sidebar-w: clamp(236px, 20vw, 260px);
}

html body#html-body#html-body
  .page-wrapper
  :is(.page-main, main.page-main, .page-main.container) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--awa-shell-max) !important;
  padding-inline: var(--awa-shell-pad) !important;
  width: 100% !important;
}

html body#html-body#html-body
  .page-wrapper
  .page-main
  > .columns {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body
  .page-wrapper
  .page-main
  > .columns
  > :is(.column.main, .col-main, [class*='col-main']) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout-2-col {
  align-items: start !important;
  display: grid !important;
  gap: var(--awa-shell-gap-wide) !important;
  grid-template-columns: var(--awa-sidebar-w) minmax(0, 1fr) !important;
  grid-template-areas:
    "plp-banner plp-banner"
    "plp-head plp-head"
    "plp-b2b plp-b2b"
    "plp-side plp-toolbar"
    "plp-side plp-main"
    "plp-side plp-foot" !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout-2-col
  > :is([class*='col-sm-3'], [class*='col-md-3'], [class*='col-lg-2']) {
  box-sizing: border-box !important;
  grid-area: plp-side !important;
  grid-column: plp-side !important;
  max-width: var(--awa-sidebar-w) !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  width: var(--awa-sidebar-w) !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout-2-col
  > :is(.col-main, [class*='col-main']) {
  box-sizing: border-box !important;
  grid-area: plp-main !important;
  grid-column: plp-main !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout-2-col
  > :is(.col-main, [class*='col-main'])
  > :is(.toolbar-products, .products.wrapper, .products-grid, .product-items, .message, .pages) {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout-2-col:not(:has(> :is([class*='col-sm-3'], [class*='col-md-3'], [class*='col-lg-2'], .sidebar, [class*='sidebar']))) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "plp-banner"
    "plp-head"
    "plp-b2b"
    "plp-toolbar"
    "plp-main"
    "plp-foot" !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .page-main
  > .columns.layout-2-col:not(:has(> :is([class*='col-sm-3'], [class*='col-md-3'], [class*='col-lg-2'], .sidebar, [class*='sidebar'])))
  > :is(.col-main, [class*='col-main']) {
  grid-column: 1 !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.sidebar, .sidebar-main-1, .sidebar-main, .sidebar-left, .filter-content) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.toolbar-products, .products.wrapper, .products-grid, .product-items) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body#html-body#html-body:is(.catalog-product-view)
  .page-wrapper
  .page-main
  > .columns
  > .column.main
  :is(.product.media, .product-info-main, .detail-info-product-view) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 1023px) {
  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
  > .columns.layout-2-col {
    display: grid !important;
    gap: var(--awa-shell-gap) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "plp-banner"
      "plp-head"
      "plp-b2b"
      "plp-side"
      "plp-toolbar"
      "plp-main"
      "plp-foot" !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout-2-col
    > :is([class*='col-sm-3'], [class*='col-md-3'], [class*='col-lg-2']) {
    grid-column: 1 !important;
    max-width: 100% !important;
    position: static !important;
    width: 100% !important;
  }

  html body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout-2-col
    > :is(.col-main, [class*='col-main']) {
    grid-column: 1 !important;
    grid-area: plp-main !important;
    width: 100% !important;
  }

}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__viewport-clip {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__viewport {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-x: auto !important; /* r2e: não clipar o scroll container */
  overflow-y: hidden !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__track {
  max-width: 100% !important;
}

@media (max-width: 1023px) {
  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    overflow-x: hidden !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__track {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-padding-inline: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body .page-wrapper .page-main {
    padding-inline: 16px !important;
  }

  html body#html-body#html-body
    .page-wrapper
    .page-main
    > .columns {
    gap: var(--awa-shell-gap) !important;
  }
}

/* PLP/search final grid lock.
   !important is required to beat legacy high-specificity blocks in this same
   terminal bundle that still assign `.col-main` to grid-column: 2. */
@media (min-width: 992px) {
  /* H5: category search must occupy plp-head (full band). Without this,
     auto-placement leaves a ~280px empty gutter beside the input. */
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col.row
    .mst_categorySearch {
    box-sizing: border-box !important;
    grid-area: plp-head !important;
    grid-column: plp-head !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  /* H7: Bootstrap .row clearfix (::before/::after display:table) becomes
     anonymous CSS Grid items on ul.products.row — steals col-1 and shifts
     the first product into column 2 (~231px empty gap). */
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(
      ul.products.row,
      ul.product-grid.row,
      ul.row.product-grid,
      ul.container-products-switch.products
    )::before,
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(
      ul.products.row,
      ul.product-grid.row,
      ul.row.product-grid,
      ul.container-products-switch.products
    )::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    grid-area: auto !important;
    grid-column: unset !important;
    grid-row: unset !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col.row
    .shop-tab-title {
    box-sizing: border-box !important;
    grid-area: plp-toolbar !important;
    grid-column: plp-toolbar !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col.row
    .shop-tab-title
    .toolbar.toolbar-products {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col.row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .page-main
    > .columns.layout.layout-2-col.row
    > .col-main.col-xs-12.col-sm-9.col-md-9.col-lg-10 {
    grid-area: plp-main !important;
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Home carousel overflow lock.
   !important is required because older home polish sections later in this
   bundle explicitly restore overflow-x: visible on body/wrappers. */
@media (max-width: 1023px) {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5),
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .content-top-home {
    overflow-x: hidden !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .content-top-home
    :is(.awa-carousel-section, .awa-carousel-section > .container, .awa-shelf--carousel, .awa-carousel) {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .content-top-home
    .awa-carousel__viewport {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
  }
}

/* Visual bugfix pass (2026-06-19 v4).
   !important is required because header/cart, PLP toolbar and B2B register
   controls are restyled by multiple late legacy bundles with equal specificity. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  .awa-header-minicart--ready
  > .awa-header-cart-fallback {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  .awa-header-right-col {
  gap: 8px !important;
  min-width: 0 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(.awa-header-cart, .mini-cart-wrapper, .minicart-wrapper, .action.showcart) {
  flex: 0 0 44px !important;
  inline-size: 44px !important;
  max-inline-size: 44px !important;
  min-inline-size: 44px !important;
}

@media (max-width: 768px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.awa-section-header__link, .awa-shelf__view-all, .awa-cart-empty__categories-more) {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding-block: 8px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:is(.catalog-product-view)
    .page-wrapper
    .b2b-login-to-see-price
    .b2b-login-link {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 44px !important;
    padding-block: 8px !important;
  }
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products
    :is(.sorter-label, .limiter-label) {
    align-items: center !important;
    clip: auto !important;
    display: inline-flex !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;
    min-height: 44px !important;
    overflow: visible !important;
    position: static !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:is(.catalogsearch-result-index)
    .page-wrapper
    :is(.page-title-wrapper strong, .search.results strong, .search.results .search-query) {
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }
}

@media (max-width: 768px) {
  html
    body#html-body#html-body#html-body#html-body#html-body.b2b-register-index
    #b2b-register-shell
    .b2b-register-progress {
    gap: 8px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.b2b-register-index
    #b2b-register-shell
    .b2b-register-progress
    .progress-step {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding-block: 8px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.b2b-register-index
    #b2b-register-shell
    .field.choice:has(#ie_isento) {
    align-items: center !important;
    min-height: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.b2b-register-index
    #b2b-register-shell
    #ie_isento {
    block-size: 20px !important;
    inline-size: 20px !important;
    min-inline-size: 20px !important;
  }
}

/* Header desktop consistency pass (2026-06-19 v5).
   !important is required because multiple critical fragments define the header
   grid with wider gaps, causing small but measurable horizontal clipping. */
@media (min-width: 992px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    column-gap: 16px !important;
    grid-template-columns: clamp(132px, 13vw, 176px) minmax(0, 1fr) minmax(292px, 296px) !important;
    max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col {
    min-width: 0 !important;
  }
}

/* Product UX consistency pass (2026-06-19 v6).
   !important is required because PLP/PDP cards and Magento tabs are restyled
   by late legacy bundles with equal or higher specificity. This pass only
   normalizes touch targets, mobile tab flow and scroll containment. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.products-grid, .products-list, .block-products-list, .product-items, .awa-carousel__viewport)
  .b2b-login-to-see-price.price-box
  .price-label
  > a {
  align-items: center !important;
  display: inline-flex !important;
  line-height: 1.25 !important;
  min-height: 36px !important;
  padding-block: 6px !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 768px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.products-grid, .products-list, .block-products-list, .product-items, .awa-carousel__viewport)
    .product-item-link {
    min-height: 44px !important;
    padding-block: 4px !important;
    text-wrap: pretty !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.products-grid, .products-list, .block-products-list, .product-items, .awa-carousel__viewport)
    .b2b-login-to-see-price.price-box
    .price-label
    > a {
    align-items: center !important;
    border-radius: var(--awa-radius-sm) !important;
    display: inline-flex !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.product.info.detailed, .product.data.items) {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.product.info.detailed, .product.data.items)
    > .data.item.title {
    float: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.product.info.detailed, .product.data.items)
    > .data.item.title
    > .data.switch {
    align-items: center !important;
    display: flex !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.product.info.detailed, .product.data.items)
    > .data.item.content {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .product-info-main
    .b2b-login-to-see-price.price-box
    .price-label
    > a {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 44px !important;
    padding: 8px 0 !important;
    text-underline-offset: 3px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.qty-down, .qty-up) {
    min-width: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-carousel__viewport {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.awa-carousel__arrow, .awa-owl-nav__btn) {
    min-height: 44px !important;
  }
}

/* CMS/contact UX pass (2026-06-19 v7).
   !important is required because the contact route mixes native Magento form
   styles, CMS shell styles and legacy theme contact blocks with unclassed links. */
html
  body#html-body#html-body#html-body#html-body#html-body.contact-index-index
  .page-wrapper
  .column.main
  :is(.awa-contact-channel, .contact-info, li.phone)
  a:is([href^="tel:"], [href^="mailto:"], [href*="wa.me"], [href*="whatsapp"], [href*="api.whatsapp"]),
html
  body#html-body#html-body#html-body#html-body#html-body.contact-index-index
  .page-wrapper
  .column.main
  a[href^="mailto:"] {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

/* Cart empty-state polish (2026-06-19 v8).
   !important is required because styles-l reintroduces a decorative ::before,
   dashed border and mobile nav overflow after the cart-specific bundles load. */
html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty::before {
  content: none !important;
  display: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty {
  align-items: stretch !important;
  border-style: solid !important;
  display: grid !important;
  gap: 12px !important;
  margin: 8px auto 16px !important;
  max-width: min(100%, 860px) !important;
  padding: 12px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-cart-empty__hero {
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: center !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__categories, .awa-order-success__categories) {
  border: 1px solid var(--awa-border) !important;
  border-radius: var(--awa-radius-sm) !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  max-width: min(100%, 504px) !important;
  padding: 12px !important;
  width: 100% !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__categories-heading, .awa-order-success__categories-heading) {
  font-size: 14px !important;
  line-height: 1.35 !important;
  min-height: 0 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  :is(.awa-cart-empty__trust, .awa-order-success__trust) {
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "seals"
      "hero"
      "trust" !important;
    gap: 16px !important;
    padding: 16px !important;
  }

  /* FIX 2026-07-06: trust-seals.phtml (componente reutilizável em
     cart.summary + checkout.cart.empty.widget, classe .awa-cart-trust-seals)
     não tinha grid-area própria — caía no auto-placement do grid 2x2 e
     ocupava só a coluna "hero" (254px), espremendo os 4 selos em ~45px cada
     (label chegava a computar width:1px, texto quebrado letra a letra
     sobrepondo a coluna vizinha). Área "seals" dedicada, distinta de
     "trust" (que já pertence ao parágrafo real .awa-cart-empty__trust
     "Ambiente seguro B2B..." — reaproveitar "trust" fazia os dois
     elementos ocuparem a mesma célula e se sobreporem). */
  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-trust-seals {
    grid-area: seals !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty__hero {
    align-items: flex-start !important;
    grid-area: hero !important;
    justify-content: center !important;
    text-align: left !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    :is(.awa-cart-empty__title, .awa-cart-empty__subtitle) {
    margin-inline: 0 !important;
    text-align: left !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty__actions {
    justify-content: start !important;
    justify-items: start !important;
    margin: 8px 0 0 !important;
    max-width: 320px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    :is(.awa-cart-empty__categories, .awa-order-success__categories) {
    grid-area: categories !important;
    margin: 0 !important;
    max-width: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    :is(.awa-cart-empty__categories-list, .awa-order-success__categories-list) {
    justify-content: flex-start !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    :is(.awa-cart-empty__categories-more, .awa-order-success__categories-more) {
    justify-content: flex-start !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    :is(.awa-cart-empty__trust, .awa-order-success__trust) {
    grid-area: trust !important;
  }
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-site-header
    .header-control.awa-nav-bar {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty {
    gap: 12px !important;
    margin-block: 8px 12px !important;
    padding: 12px !important;
  }
}

/* Header bolder pass (2026-06-19 v9).
   !important is required because the header is composed from critical inline CSS,
   PHP-injected cascade locks and legacy theme bundles loaded with equal/higher
   specificity. This pass only changes hierarchy, contrast and mobile clipping. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default'] {
  background: var(--awa-bg) !important;
  border-block-end: 1px solid color-mix(in srgb, var(--awa-primary) 22%, var(--awa-border)) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--awa-primary) 8%, transparent) !important;
  color: var(--awa-text) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-block: 0 !important;
  border-bottom: 1px solid var(--awa-border-subtle, var(--awa-border, color-mix(in srgb, CanvasText 10%, Canvas))) !important;
  color: var(--awa-text-primary, #111827) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-b2b-promo-bar__inner {
  min-height: 36px !important;
  padding-block: 4px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-b2b-promo-bar
  :is(.awa-b2b-promo-bar__text, .awa-b2b-promo-bar__lead, .awa-b2b-promo-bar__tail, .awa-b2b-promo-bar__separator) {
  color: var(--awa-text-inverse, var(--awa-white)) !important;
  font-weight: 600 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-b2b-promo-bar
  .awa-b2b-promo-bar__cta {
  color: var(--awa-text-inverse, var(--awa-white)) !important;
  font-weight: 800 !important;
  text-decoration-color: currentColor !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-b2b-promo-close {
  background: color-mix(in srgb, var(--awa-text-inverse, var(--awa-white)) 10%, transparent) !important;
  border-inline-start: 1px solid color-mix(in srgb, var(--awa-text-inverse, var(--awa-white)) 28%, transparent) !important;
  color: var(--awa-text-inverse, var(--awa-white)) !important;
  font-weight: 800 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-wrapper-sticky {
  background: var(--awa-bg) !important;
  border-block-end: 1px solid color-mix(in srgb, var(--awa-primary) 16%, var(--awa-border)) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap) {
  background: var(--awa-bg) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
  align-items: center !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(> .block-search, > .block-search > .block-content) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(form#search_mini_form, form.minisearch) {
  background: var(--awa-bg, var(--awa-white)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-red)) 24%, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--awa-radius-sm) !important;
  box-shadow: none !important;
  outline: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(form#search_mini_form, form.minisearch):focus-within {
  border-color: var(--awa-primary, var(--awa-red)) !important;
  box-shadow: none !important;
  outline: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(input#search, input.input-text) {
  background: transparent !important;
  color: var(--awa-text) !important;
  font-weight: 600 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(input#search, input.input-text)::placeholder {
  color: color-mix(in srgb, var(--awa-text) 72%, var(--awa-bg)) !important;
  opacity: 1 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  button.action.search {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 var(--awa-radius-sm) var(--awa-radius-sm) 0 !important;
  color: var(--awa-primary, #b73337) !important;
  font-weight: 800 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(button.action.search, .action.search)::before {
  color: currentColor !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-right-col {
  align-items: center !important;
  gap: 8px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt {
  background: color-mix(in srgb, var(--awa-primary) 6%, var(--awa-bg)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary) 22%, var(--awa-border)) !important;
  border-radius: var(--awa-radius-sm) !important;
  box-shadow: none !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 4px 8px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt__icon {
  color: var(--awa-primary) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt__line1 {
  /* 2026-08-04 H8: color-mix text+primary → oklch(0.48) fraco para cue B2B */
  color: var(--awa-text, #334155) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt__line2 {
  align-items: center !important;
  display: inline-flex !important;
  gap: 6px !important;
  line-height: 1.2 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt:not([data-awa-auth-state='guest'])
  :is(.awa-header-account-prompt__link, a) {
  color: var(--awa-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  min-height: 32px !important;
  padding: 4px 6px !important;
  text-decoration: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-account-prompt:not([data-awa-auth-state='guest'])
  .awa-header-account-prompt__link--register {
  background: var(--awa-primary) !important;
  border-radius: var(--awa-radius-sm) !important;
  color: var(--awa-text-inverse, var(--awa-white)) !important;
  padding-inline: 8px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-header-cart-link, .awa-header-cart-fallback, .awa-header-minicart .minicart-wrapper .action.showcart, .awa-header-minicart .minicart-wrapper a.showcart.header-mini-cart) {
  align-items: center !important;
  background:transparent!important;background-color:transparent!important;
  border: 1px solid var(--awa-primary) !important;
  border-radius: var(--awa-radius-sm) !important;
  box-shadow: none !important;
  color: var(--awa-primary, #b73337) !important;
  display: inline-flex !important;
  justify-content: center !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-header-cart-link, .awa-header-cart-fallback, .awa-header-minicart .minicart-wrapper .action.showcart, .awa-header-minicart .minicart-wrapper a.showcart.header-mini-cart)
  :is(svg, .awa-minicart-icon, .awa-header-cart-link-icon, .awa-header-cart-fallback__icon) {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .minicart-wrapper
  .counter.qty {
  background: var(--awa-bg) !important;
  border: 1px solid var(--awa-primary) !important;
  color: var(--awa-primary) !important;
  font-weight: 800 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar {
  background: var(--awa-bg) !important;
  border-block: 1px solid var(--awa-border) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar
  .awa-nav-bar__inner {
  align-items: center !important;
  gap: 12px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.our_categories.title-category-dropdown, .title-category-dropdown.our_categories) {
  background: var(--awa-primary) !important;
  border: 1px solid var(--awa-primary) !important;
  border-radius: var(--awa-radius-sm) !important;
  box-shadow: none !important;
  color: var(--awa-text-inverse, var(--awa-white)) !important;
  font-weight: 600 !important;
  min-height: 44px !important;
}

/* Só links horizontais da nav — NÃO pegar a.level-top do menu vertical
   (.awa-header-primary-nav também vive em #awa-category-navigation). */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(
    .awa-nav-quick-links__link,
    .menu_primary a.level-top,
    .top-menu a,
    .awa-header-primary-nav:not(.category-dropdown-items) a.level-top
  ) {
  border-radius: 8px !important;
  color: var(--awa-text) !important;
  font-weight: 600 !important;
  min-height: 40px !important;
  padding: 0 12px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(
    .awa-nav-quick-links__link,
    .menu_primary a.level-top,
    .top-menu a,
    .awa-header-primary-nav:not(.category-dropdown-items) a.level-top
  ):is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--awa-primary) 10%, transparent) !important;
  color: var(--awa-primary) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(a, button, input):focus-visible {
  outline: 2px solid var(--awa-primary) !important;
  outline-offset: 2px !important;
}

/*
 * O minisearch expõe o foco no contorno do formulário completo. Evita
 * desenhar um segundo outline parcial apenas no input interno. Deve ficar
 * em awa-fixes: declarações !important da camada vencem as unlayered.
 */
@layer awa-fixes {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form:focus-within
    input#search:focus-visible {
    outline: 0 !important;
    outline-color: transparent !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
  }
}

/*
 * Scrim de busca — global (PLP/PDP/home).
 * O refine (home-only) não carrega em catalogsearch; sem estas regras o
 * backdrop colapsa (~44px) e o escurecimento some fora da home.
 */
div.awa-search-focus-backdrop#awa-search-focus-backdrop,
.awa-search-focus-backdrop#awa-search-focus-backdrop {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  z-index: 100050 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgb(15 23 42 / 48%) !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: block !important;
  box-sizing: border-box !important;
  transform: none !important;
  transition: opacity 0.18s ease, visibility 0.18s ease !important;
  -webkit-tap-highlight-color: transparent;
}

div.awa-search-focus-backdrop#awa-search-focus-backdrop.is-active,
html body#html-body.awa-search-focus-active .awa-search-focus-backdrop#awa-search-focus-backdrop,
html body#html-body.searchautocomplete__active .awa-search-focus-backdrop#awa-search-focus-backdrop {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  div.awa-search-focus-backdrop#awa-search-focus-backdrop {
    transition: none !important;
  }
}

html body#html-body.awa-search-focus-active .page-wrapper .awa-site-header,
html body#html-body.searchautocomplete__active .page-wrapper .awa-site-header {
  position: relative !important;
  z-index: 100120 !important;
}

html body#html-body.awa-search-focus-active .page-wrapper .awa-site-header .awa-header-search-col,
html body#html-body.searchautocomplete__active .page-wrapper .awa-site-header .awa-header-search-col {
  position: relative !important;
  z-index: 100121 !important;
}

html body#html-body.awa-search-focus-active .page-wrapper .awa-site-header :is(#search_autocomplete, #awa-search-panel-a11y, .mst-searchautocomplete__autocomplete, .searchsuite-autocomplete),
html body#html-body.searchautocomplete__active .page-wrapper .awa-site-header :is(#search_autocomplete, #awa-search-panel-a11y, .mst-searchautocomplete__autocomplete, .searchsuite-autocomplete) {
  z-index: 100122 !important;
}

/* Lupa-only (a11y: texto permanece no DOM, oculto visualmente — padrão Magento sr-only) */
html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search,
html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search:hover,
html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search:focus,
html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search:focus-visible,
html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--awa-primary, #b73337) !important;
}

html body#html-body .page-wrapper .awa-site-header form#search_mini_form button.action.search > span:not(.awa-sr-only) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* SKU abaixo do nome — hierarquia B2B, sem colar no título */
html body#html-body .page-wrapper .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}

html body#html-body .page-wrapper .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title > a {
  flex: 0 1 auto !important;
  max-width: 100% !important;
}

html body#html-body .page-wrapper .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title .sku {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--awa-ink, #111) 5%, transparent) !important;
  color: var(--awa-text-muted, #767676) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Placeholder de imagem: evita “quadrado branco” sem contraste */
html body#html-body .page-wrapper .mst-searchautocomplete__autocomplete .mst-product-image-wrapper {
  background: color-mix(in srgb, var(--awa-border, #e5e7eb) 55%, transparent) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

@media (min-width: 992px) {
  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky {
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap, .header-main, .header-main > .container) {
    height: 78px !important;
    max-height: 78px !important;
    min-height: 78px !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    height: 78px !important;
    max-height: 78px !important;
    min-height: 78px !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar {
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(> .container, .awa-nav-bar__inner) {
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    padding-block: 0 !important;
  }
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-bar__inner {
    min-height: 36px !important;
    padding-inline: 12px 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky {
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-primary-row {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-mobile-toggle {
    background: color-mix(in srgb, var(--awa-primary) 8%, var(--awa-bg)) !important;
    border: 1px solid color-mix(in srgb, var(--awa-primary) 22%, var(--awa-border)) !important;
    border-radius: var(--awa-radius-sm) !important;
    color: var(--awa-primary) !important;
    grid-column: 1 !important;
    height: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell {
    align-items: center !important;
    align-self: center !important;
    display: flex !important;
    grid-column: 2 !important;
    height: 44px !important;
    justify-content: center !important;
    justify-self: center !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell
    :is(.logo, .logo a) {
    align-items: center !important;
    display: inline-flex !important;
    height: 44px !important;
    justify-content: center !important;
    max-height: 44px !important;
    max-width: 112px !important;
    overflow: visible !important;
    width: auto !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell
    .logo
    img {
    display: block !important;
    height: 36px !important;
    max-height: 36px !important;
    max-width: 104px !important;
    min-height: 0 !important;
    object-fit: contain !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-cart-link {
    grid-column: 3 !important;
    height: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col {
    margin-block-start: 8px !important;
  }
}

/* Header bolder correction (2026-06-19 v9.1).
   !important remains necessary for the same terminal-header cascade; this only
   hides the fallback cart link and restores non-home desktop row geometry. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-cart-link {
  border: 0 !important;
  box-shadow: none !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  width: 0 !important;
}

@media (min-width: 992px) {
  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-wrapper-sticky {
    display: block !important;
    /* FIX 2026-07-15: sem padding vertical sob a promo */
    padding: 0 !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap, .header-main, .header-main > .container) {
    height: var(--awa-header-main-row-h, 68px) !important;
    max-height: var(--awa-header-main-row-h, 68px) !important;
    min-height: var(--awa-header-main-row-h, 68px) !important;
    /* 2026-07-17: visible — height/padding já travam spill; hidden cortava autocomplete. */
    overflow: visible !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header.awa-main-header {
    /* FIX 2026-07-16 H4: anula reintrodução de padding-block 8px (overflow 16px → nav).
       2026-07-17: overflow:visible (padding-block 0 basta; alinha PLP lock). */
    padding-block: 0 !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    height: var(--awa-header-main-row-h, 68px) !important;
    max-height: var(--awa-header-main-row-h, 68px) !important;
    min-height: var(--awa-header-main-row-h, 68px) !important;
    padding-block: 0 !important;
    box-sizing: border-box !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar {
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    padding-block: 0 !important;
  }
}

/* Header bolder mobile geometry correction (2026-06-19 v9.2).
   !important is required because older mobile critical snippets set header
   grid areas inline and the previous bolder pass briefly overrode that shell. */
@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    display: grid !important;
    grid-template-areas:
      "toggle brand cart"
      "search search search" !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    grid-template-rows: 44px 44px !important;
    gap: 8px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-primary-row {
    display: contents !important;
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-mobile-toggle {
    grid-area: toggle !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-brand-cell {
    grid-area: brand !important;
    justify-self: center !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col {
    grid-area: search !important;
    margin-block-start: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-right-col {
    align-items: center !important;
    grid-area: cart !important;
    justify-content: flex-end !important;
    justify-self: end !important;
  }
}

/* Header bolder contrast correction (2026-06-19 v9.2).
   !important is required because non-home critical CSS colors promo children
   individually after the terminal stylesheet link. */
html
  body#html-body#html-body#html-body#html-body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(*, a, strong, span, p) {
  color: var(--awa-text-inverse, var(--awa-white)) !important;
}

/* Header bolder mobile search restore (2026-06-19 v9.3).
   !important is required because mobile critical snippets set the search form
   as a bare grid after the desktop terminal controls. */
@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    :is(*, a, strong, span, p) {
    color: var(--awa-text-inverse, var(--awa-white)) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    :is(form#search_mini_form, form.minisearch) {
    align-items: stretch !important;
    background: var(--awa-bg) !important;
    border: 2px solid color-mix(in srgb, var(--awa-primary) 34%, var(--awa-border)) !important;
    border-radius: var(--awa-radius-sm) !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    :is(.field.search, .field.search .control) {
    display: block !important;
    grid-column: 1 !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    min-width: 0 !important;
    /* FIX 2026-07-06 (Impeccable "positioned child clipped"): overflow:hidden nos dois
       eixos cortava o dropdown de sugestoes (#search_autocomplete) dentro de .control
       no mobile. Mantém overflow-x:hidden e libera overflow-y para o dropdown. */
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    :is(input#search, input.input-text) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--awa-text) !important;
    font-weight: 600 !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    .actions {
    display: flex !important;
    grid-column: 2 !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    width: 48px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    button.action.search {
    align-items: center !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 var(--awa-radius-sm) var(--awa-radius-sm) 0 !important;
    color: var(--awa-primary, #b73337) !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center !important;
    max-height: 40px !important;
    min-height: 40px !important;
    width: 48px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
  .awa-header-minicart
  .minicart-wrapper
  :is(.action.showcart, a.showcart.header-mini-cart) {
    background:transparent!important;background-color:transparent!important;
    border-color: var(--awa-primary) !important;
    color: var(--awa-primary, #b73337) !important;
  }
}

/* Header bolder final action lock (2026-06-19 v9.5).
   !important is required because legacy theme action/search states are loaded
   after several header passes and dim icon controls on cart/non-home pages. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.minicart-wrapper .action.showcart, .awa-header-minicart .minicart-wrapper a.showcart.header-mini-cart) {
  background:transparent!important;background-color:transparent!important;
  border-color: var(--awa-primary) !important;
  color: var(--awa-primary, #b73337) !important;
  opacity: 1 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.minicart-wrapper .action.showcart, .awa-header-minicart .minicart-wrapper a.showcart.header-mini-cart)::before {
  color: currentColor !important;
  opacity: 1 !important;
}

/* Debug visual polish pass (2026-06-19).
   !important is required because Magento critical inline CSS and multiple retired
   theme bundles still compete after static deployment. This block only normalizes
   existing components: mobile promo/search, PLP toolbar, PDP surfaces and bottom
   fixed navigation clearance. */
@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
    align-items: center !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    color: var(--awa-text-primary, #111827) !important;
    display: flex !important;
    flex: 1 1 100% !important;
    height: 36px !important;
    inline-size: auto !important;
    justify-content: center !important;
    line-height: 36px !important;
    margin: 0 !important;
    max-height: 36px !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    min-height: 36px !important;
    min-inline-size: 0 !important;
    overflow: hidden !important;
    padding: 0 44px 0 12px !important;
    position: relative !important;
    width: auto !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    :is(.awa-b2b-promo-bar__inner, .awa-b2b-promo-bar__layout) {
    align-items: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 36px !important;
    max-height: 36px !important;
    min-height: 36px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    :is(.awa-b2b-promo-bar__text, .awa-b2b-promo-bar__lead, .awa-b2b-promo-bar__tail, .awa-b2b-promo-bar__separator, .awa-b2b-promo-bar__cta) {
    color: var(--awa-text-inverse, var(--awa-white)) !important;
    display: block !important;
    line-height: 36px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 4px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-close, #awa-b2b-promo-close) {
    align-items: center !important;
    display: flex !important;
    height: 36px !important;
    inset-block-start: 0 !important;
    inset-inline-end: 0 !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 36px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    > .block-search {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    outline: none !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form {
    align-items: stretch !important;
    background: var(--awa-bg, var(--awa-white)) !important;
    border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-red)) 24%, var(--awa-border, #e5e7eb)) !important;
    border-radius: var(--awa-radius-sm) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;
    outline: none !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    :is(.field.search, .field.search .control) {
    display: block !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    input#search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    .actions {
    display: flex !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    width: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col
    form#search_mini_form
    button.action.search {
    align-items: center !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 var(--awa-radius-sm) var(--awa-radius-sm) 0 !important;
    color: var(--awa-primary, #b73337) !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center !important;
    max-height: 40px !important;
    min-height: 40px !important;
    opacity: 1 !important;
    width: 44px !important;
  }

  html
    body#html-body:has(nav.fixed-bottom.hidden-sm.hidden-md.hidden-lg)
    .page-wrapper {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    > .block-search {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    outline: none !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form {
    align-items: stretch !important;
    background: var(--awa-bg, var(--awa-white)) !important;
    border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-red)) 24%, var(--awa-border, #e5e7eb)) !important;
    border-radius: var(--awa-radius-sm) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;
    outline: none !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form
    :is(.field.search, .field.search .control) {
    display: block !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form
    input#search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form
    .actions {
    display: flex !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    width: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form
    button.action.search {
    align-items: center !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 var(--awa-radius-sm) var(--awa-radius-sm) 0 !important;
    color: var(--awa-primary, #b73337) !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center !important;
    max-height: 40px !important;
    min-height: 40px !important;
    opacity: 1 !important;
    width: 44px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    #maincontent
    > .columns.layout-2-col.row {
    grid-template-areas: "plp-side plp-main" !important;
    grid-template-columns: minmax(196px, 220px) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    #maincontent
    > .columns.layout-2-col.row
    > :is(.col-xs-12.col-sm-3, .col-sm-3.col-md-3, [class*="col-sm-3"]) {
    grid-area: plp-side !important;
    margin-block-start: 0 !important;
    min-width: 0 !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    #maincontent
    > .columns.layout-2-col.row
    > :is(.col-main, [class*="col-sm-9"]) {
    grid-area: plp-main !important;
    min-width: 0 !important;
  }
}

@media (min-width: 992px) {
  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products {
    align-items: center !important;
    background: var(--awa-bg) !important;
    border: 1px solid var(--awa-border) !important;
    border-radius: var(--awa-radius-sm) !important;
    display: flex !important;
    gap: 8px !important;
    min-height: 56px !important;
    padding: 6px 8px !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products
    :is(.toolbar-sorter.sorter, .modes, .field.limiter, .field.limiter .control) {
    align-items: center !important;
    display: flex !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products
    :is(.sorter-options, .limiter-options) {
    height: 44px !important;
    margin: 0 !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .grid-mode-show-type-products {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    margin-left: auto !important;
    width: auto !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .grid-mode-show-type-products
    a {
    align-items: center !important;
    background: var(--awa-bg-subtle, var(--awa-bg)) !important;
    border: 1px solid var(--awa-border) !important;
    border-radius: var(--awa-radius-sm) !important;
    color: var(--awa-primary, var(--awa-red)) !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 36px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 36px !important;
    padding: 0 !important;
    width: 36px !important;
  }

  html
    body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .grid-mode-show-type-products
    a.actived {
    background: var(--awa-primary, var(--awa-red)) !important;
    border-color: var(--awa-primary, var(--awa-red)) !important;
    color: var(--awa-text-inverse, var(--awa-white)) !important;
  }
}

html
  body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.product.media, .product-info-main) {
  background: var(--awa-bg) !important;
  border: 1px solid var(--awa-border) !important;
  border-radius: var(--awa-radius-lg, 12px) !important;
  box-shadow: none !important;
}

html
  body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media {
  padding: 4px !important;
}

html
  body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main {
  padding: 12px !important;
}

html
  body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  :is(.page-title, .page-title .base, h1) {
  color: var(--awa-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height:1.3!important;
  margin-block: 0 !important;
  text-wrap: pretty !important;
}

/* PLP tablet cascade lock (2026-06-19).
   !important is required because legacy PLP grid rules already define
   grid-template-areas/grid placement with !important later in the cascade. */
@media (min-width: 768px) and (max-width: 991px) {
  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    main#maincontent.page-main
    > .columns.layout-2-col {
    align-items: start !important;
    column-gap: 12px !important;
    display: grid !important;
    grid-template-areas: "plp-side plp-main" !important;
    grid-template-columns: minmax(196px, 220px) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    margin-inline: auto !important;
    max-width: min(100%, var(--awa-container-max, 1280px)) !important;
    row-gap: 12px !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    main#maincontent.page-main
    > .columns.layout-2-col
    > :is(.sidebar-main, .sidebar, [class*="col-sm-3"]) {
    align-self: start !important;
    grid-area: plp-side !important;
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    margin-block-start: 0 !important;
    min-width: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    main#maincontent.page-main
    > .columns.layout-2-col
    > :is(.col-main, .column.main, [class*="col-sm-9"]) {
    align-self: start !important;
    grid-area: plp-main !important;
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    margin-block-start: 0 !important;
    min-width: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(.product-items, .products, .product-grid.container-products-switch) {
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(
      .product-item,
      .product-item-info,
      .product-item-details,
      .product-item-name,
      .product-reviews-summary,
      .product-info,
      .info-price,
      .price-box
    ) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    :is(.product-reviews-summary, .rating-summary, .reviews-actions, .rating-result, .rating-result span) {
    overflow: hidden !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .rating-result {
    max-width: 72px !important;
    width: min(72px, 100%) !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    .price-label {
    box-sizing: border-box !important;
    justify-content: center !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-inline: 4px !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-footer-categories-list
    > li {
    min-width: 0 !important;
  }

  html
    body#html-body#html-body#html-body
    .page-wrapper
    .awa-footer-categories-list
    > li
    > a {
    box-sizing: border-box !important;
    justify-content: center !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-inline: 4px !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }
}

/* PLP mobile toolbar polish (2026-06-19).
   !important is required because legacy a11y-hide rules leave `.sorter-label`
   clipped while it still consumes layout width in the mobile toolbar. */
@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    main#maincontent.page-main
    > .columns.layout-2-col {
    grid-template-areas: "plp-main" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    row-gap: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    main#maincontent.page-main
    > .columns.layout-2-col
    > :is(.col-main, .column.main, [class*="col-sm-9"]) {
    grid-area: plp-main !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products {
    background: var(--awa-bg, Canvas) !important;
    border: 1px solid var(--awa-border) !important;
    border-radius: var(--awa-radius-sm) !important;
    box-shadow: none !important;
    padding: 8px !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products
    .center {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products
    .toolbar-sorter.sorter {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(72px, auto) minmax(0, 1fr) !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products
    .toolbar-sorter.sorter
    .sorter-label {
    clip: auto !important;
    clip-path: none !important;
    color: var(--awa-text-muted) !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 44px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products
    .toolbar-sorter.sorter
    .sorter-options {
    box-sizing: border-box !important;
    height: 44px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-plp-b2b-gate-banner {
    gap: 8px !important;
    margin-block-end: 12px !important;
    /* H-redundant-chrome */
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-plp-b2b-gate-banner
    :is(p, .awa-plp-b2b-gate-banner__description) {
    display: none !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-plp-b2b-gate-banner
    .awa-plp-b2b-gate-banner__actions {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    margin-block-start: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-plp-b2b-gate-banner
    .awa-plp-b2b-gate-banner__actions
    :is(a, button) {
    box-sizing: border-box !important;
    font-size: 12px !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    min-height: 40px !important;
    min-width: 0 !important;
    padding: 8px !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    a.awa-whatsapp-float {
    /* H-wa-overlap-bottom-nav (2026-08-02): bottom:16px colocava o FAB sobre o item
       Carrinho da fixed-bottom (CDP overlap ~2100px²). Manter acima da nav (72+12).
       Fundo explícito: `a{background:transparent}` unlayered vencia o verde/vermelho em @layer. */
    bottom: calc(72px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(72px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    right: 16px !important;
    background: #25d366 !important;
    background-color: #25d366 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.45) !important;
  }
  html
    body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    a.awa-whatsapp-float
    svg {
    fill: currentColor !important;
    color: #fff !important;
  }
}

/* Form/button interaction standardization (2026-06-19).
   !important is required because action/form dimensions are defined across
   Magento core, Ayo parent theme, B2B auth pages and terminal visual bundles. */
html body#html-body {
  --awa-control-height: 44px;
  --awa-control-radius: var(--awa-radius-sm);
  --awa-control-gap: 8px;
  --awa-control-pad-x: 16px;
  --awa-control-pad-y: 8px;
  --awa-control-font-size: 14px;
}

html
  body#html-body#html-body#html-body
  :is(
    input:not([type='hidden']):not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
    select,
    textarea
  ):not(.b2b-ht):not([aria-hidden='true']) {
  background: var(--awa-bg) !important;
  border: 1px solid var(--awa-border) !important;
  border-radius: var(--awa-control-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--awa-text) !important;
  font-size: var(--awa-control-font-size) !important;
  line-height: 1.35 !important;
  min-height: var(--awa-control-height) !important;
  min-width: 0 !important;
  padding-block: var(--awa-control-pad-y) !important;
  padding-inline: 12px !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body select:not([aria-hidden='true']) {
  padding-inline-end: 32px !important;
}

html body#html-body#html-body#html-body textarea:not([aria-hidden='true']) {
  min-height: calc(var(--awa-control-height) * 2) !important;
  resize: vertical !important;
}

html
  body#html-body#html-body#html-body
  :is(input, select, textarea)::placeholder {
  color: var(--awa-text-muted) !important;
  opacity: 1 !important;
}

html
  body#html-body#html-body#html-body
  :is(input[type='checkbox'], input[type='radio']):not(.b2b-ht) {
  accent-color: var(--awa-primary) !important;
  block-size: 16px !important;
  inline-size: 16px !important;
  margin: 0 !important;
  min-height: 16px !important;
  min-width: 16px !important;
}

html
  body#html-body#html-body#html-body
  :is(.field.choice, .choice, .form-group--choice, .b2b-field--choice) {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: var(--awa-control-gap) !important;
  min-height: 0 !important;
}

html
  body#html-body#html-body#html-body
  :is(.field.choice, .choice, .form-group--choice, .b2b-field--choice)
  > :is(input[type='checkbox'], input[type='radio']) {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin-block-start: 2px !important;
}

html
  body#html-body#html-body#html-body
  :is(.field.choice, .choice, .form-group--choice, .b2b-field--choice)
  > :is(label, .label) {
  display: inline !important;
  margin: 0 !important;
  margin-block-end: 0 !important;
  font-weight: 500 !important;
}

html
  body#html-body#html-body#html-body
  :is(.field, .form-group, .b2b-field)
  > :is(label, .label),
html
  body#html-body#html-body#html-body
  :is(.fieldset, .form, form)
  .field
  > .label {
  color: var(--awa-text) !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-block-end: 4px !important;
}

html
  body#html-body#html-body#html-body
  :is(.field, .form-group, .b2b-field) {
  margin-block-end: 12px !important;
}

html
  body#html-body#html-body#html-body
  :is(.actions-toolbar, .form-actions, .b2b-form-actions, .b2b-register-actions) {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--awa-control-gap) !important;
}

html
  body#html-body#html-body#html-body
  :is(
    button,
    a.action,
    .action.primary,
    .action.secondary,
    .button,
    .btn,
    input[type='submit'],
    input[type='button']
  ):not(.skip):not(.awa-skip-link):not(.action.search):not(.showcart):not(.header-mini-cart):not(.action-close):not(.close):not(.mfp-close):not(.b2b-ht):not(.nav-toggle):not(.awa-header-mobile-toggle):not(.awa-b2b-promo-close):not(.awa-hero-swiper__nav):not(.swiper-button-prev):not(.swiper-button-next):not(.awa-category-carousel__prev):not(.awa-category-carousel__next):not(.awa-owl-nav__btn):not(.awa-carousel__arrow):not(.awa-footer-section__toggle):not(.progress-step):not(.action-towishlist):not(.towishlist):not(.action-edit):not(.b2b-status-trigger) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: var(--awa-control-font-size) !important;
  font-weight: 700 !important;
  gap: var(--awa-control-gap) !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: var(--awa-control-height) !important;
  min-width: var(--awa-control-height) !important;
  padding-block: var(--awa-control-pad-y) !important;
  padding-inline: var(--awa-control-pad-x) !important;
  text-align: center !important;
  text-decoration: none !important;
}

html
  body#html-body#html-body#html-body
  :is(.action.primary, button.primary, button.action.primary, input[type='submit'].primary) {
  background: var(--awa-primary) !important;
  border-color: var(--awa-primary) !important;
  color: var(--awa-text-inverse) !important;
}

html
  body#html-body#html-body#html-body
  :is(.action.secondary, .b2b-btn-claim, button.secondary) {
  background: var(--awa-bg) !important;
  border-color: var(--awa-border) !important;
  color: var(--awa-primary) !important;
}

@media (hover: hover) and (pointer: fine) {
  html
    body#html-body#html-body#html-body
    :is(.action.primary, button.primary, button.action.primary, input[type='submit'].primary):hover {
    background: var(--awa-primary-hover, var(--awa-primary)) !important;
    border-color: var(--awa-primary-hover, var(--awa-primary)) !important;
    color: var(--awa-text-inverse) !important;
  }

  html
    body#html-body#html-body#html-body
    :is(.action.secondary, .b2b-btn-claim, button.secondary):hover {
    background: var(--awa-surface-subtle, var(--awa-bg-muted)) !important;
    color: var(--awa-primary) !important;
  }
}

html
  body#html-body#html-body#html-body
  :is(
    input,
    select,
    textarea,
    button,
    a.action,
    .button,
    .btn
  ):focus-visible {
  outline: 2px solid var(--awa-primary) !important;
  outline-offset: 2px !important;
}

html
  body#html-body#html-body#html-body
  :is(input, select, textarea)[aria-invalid='true'],
html
  body#html-body#html-body#html-body
  .field._error
  :is(input, select, textarea) {
  border-color: var(--awa-error-color, var(--awa-primary)) !important;
}

html
  body#html-body#html-body#html-body
  :is(.mage-error, .field-error, .b2b-field-error, .message-error) {
  color: var(--awa-error-color, var(--awa-primary)) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin-block-start: 4px !important;
}

html
  body#html-body#html-body#html-body
  :is(button, .button, .btn, .action, input[type='submit'], input[type='button'])[disabled],
html
  body#html-body#html-body#html-body
  :is(button, .button, .btn, .action, input[type='submit'], input[type='button'])[aria-disabled='true'] {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
}

html
  body#html-body#html-body#html-body
  :is(.awa-owl-nav__btn, .awa-carousel__arrow) {
  block-size: var(--awa-control-height) !important;
  height: var(--awa-control-height) !important;
  inline-size: var(--awa-control-height) !important;
  max-height: var(--awa-control-height) !important;
  max-width: var(--awa-control-height) !important;
  min-height: var(--awa-control-height) !important;
  min-width: var(--awa-control-height) !important;
  padding: 0 !important;
  width: var(--awa-control-height) !important;
}

/* Required to neutralize legacy PDP carousel shell locks that still ship 32px controls with !important. */
html
  body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.awa-pdp-related, .rx-pdp-crosssell, .block.related, .block.upsell, .awa-carousel-section)
  :is(button.awa-owl-nav__btn, span.awa-owl-nav__btn, .awa-owl-nav__btn.awa-carousel__arrow, .awa-carousel__arrow) {
  block-size: var(--awa-control-height) !important;
  flex: 0 0 var(--awa-control-height) !important;
  height: var(--awa-control-height) !important;
  inline-size: var(--awa-control-height) !important;
  max-height: var(--awa-control-height) !important;
  max-width: var(--awa-control-height) !important;
  min-height: var(--awa-control-height) !important;
  min-width: var(--awa-control-height) !important;
  padding: 0 !important;
  width: var(--awa-control-height) !important;
}

/* Required to standardize legacy compact controls that are interactive but ship below the 44px touch target. */
html
  body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  :is(.grid-mode-show-type-products a, a[class^='grid-mode-'], a[class*=' grid-mode-'], #modes-label-top) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-control-height) !important;
  min-width: var(--awa-control-height) !important;
}

html
  body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  :is(.box-tocart, .product-info-main .info-qty)
  :is(.qty-down, .qty-up) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-control-height) !important;
  min-width: var(--awa-control-height) !important;
  width: var(--awa-control-height) !important;
}

html
  body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media
  .fotorama__nav__frame.fotorama__nav__frame--dot {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--awa-control-height) !important;
  justify-content: center !important;
  min-height: var(--awa-control-height) !important;
  min-width: var(--awa-control-height) !important;
  width: var(--awa-control-height) !important;
}

html
  body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media
  .fotorama__nav__frame.fotorama__nav__frame--dot
  .fotorama__dot {
  height: var(--awa-gap-md, 12px) !important;
  left: 50% !important;
  margin: 0 !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: var(--awa-gap-md, 12px) !important;
}

html
  body#html-body#html-body#html-body
  .page-wrapper
  :is(.awa-owl-nav, .owl-buttons, .owl-nav) {
  align-items: center !important;
  gap: 8px !important;
}

html
  body#html-body#html-body#html-body
  .awa-footer-section__toggle {
  height: var(--awa-control-height) !important;
  max-height: var(--awa-control-height) !important;
  min-height: var(--awa-control-height) !important;
}

html
  body#html-body#html-body#html-body
  .progress-step {
  height: var(--awa-control-height) !important;
  max-height: var(--awa-control-height) !important;
  min-height: var(--awa-control-height) !important;
}

html
  body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-section__toggle {
  height: var(--awa-control-height) !important;
  max-height: var(--awa-control-height) !important;
  min-height: var(--awa-control-height) !important;
}

html
  body#html-body#html-body#html-body.b2b-register-index
  .progress-step {
  height: var(--awa-control-height) !important;
  max-height: var(--awa-control-height) !important;
  min-height: var(--awa-control-height) !important;
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    :is(.awa-b2b-promo-bar__inner, .awa-b2b-promo-bar__layout, .awa-b2b-promo-bar__text) {
    overflow: hidden !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    :is(#awa-b2b-promo-close, .awa-b2b-promo-close) {
    block-size: var(--awa-control-height) !important;
    height: var(--awa-control-height) !important;
    inline-size: var(--awa-control-height) !important;
    inset-block-start: 50% !important;
    justify-content: center !important;
    max-height: var(--awa-control-height) !important;
    min-height: var(--awa-control-height) !important;
    min-width: var(--awa-control-height) !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    width: var(--awa-control-height) !important;
  }
}

html
  body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-plp-b2b-gate-banner
  .awa-plp-b2b-gate-banner__actions
  :is(a, button) {
  min-height: var(--awa-control-height) !important;
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body
    :is(.b2b-auth-shell, .checkout-cart-index, .checkout-index-index, .onepagecheckout-index-index)
    :is(.actions-toolbar, .form-actions, .b2b-form-actions, .b2b-register-actions)
    :is(button, a.action, .button, .btn, input[type='submit'], input[type='button']):not(.b2b-password-toggle):not(.b2b-register-password-toggle) {
    width: 100% !important;
  }
}

/* §SEARCH-IMPECCABLE-TERMINAL — distill nested cards + shadow-only autocomplete (2026-06-19 v2) */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(#search_autocomplete, .search-autocomplete, .searchsuite-autocomplete, .mst-searchautocomplete__autocomplete) {
  border: 0 !important;
  box-shadow: 0 4px 16px rgb(15 23 42 / 12%) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(> .block-search, > .block-search > .block-content) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  form#search_mini_form {
  background: var(--awa-bg, var(--awa-white)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-red)) 24%, var(--awa-border, #e5e7eb)) !important;
  box-shadow: none !important;
  outline: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  :is(> .block-search, > .block-search > .block-content) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-header-search-col
  form#search_mini_form {
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-red)) 24%, var(--awa-border, #e5e7eb)) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* PLP quiet pass 2026-06-19: final cascade for low-noise toolbar modes and mobile B2B price labels. */
html
  body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-products
  .modes
  .modes-mode.active,
html
  body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-products
  .modes
  .modes-mode:hover,
html
  body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar-products
  .modes
  .modes-mode:focus-visible {
  background: var(--awa-bg, Canvas) !important;
  border-color: var(--awa-border, color-mix(in srgb, CanvasText 14%, Canvas)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--awa-primary) 14%, var(--awa-border)) !important;
  color: var(--awa-ink, CanvasText) !important;
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .wrapper.grid.products-grid
    .item-product
    .info-price
    .b2b-login-to-see-price {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .wrapper.grid.products-grid
    .item-product
    .info-price
    .b2b-login-to-see-price
    .price-label {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    justify-content: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
}

/* Header clean professional pass 2026-06-19.
   Final layer because body-end bundles still restyle header search/account/nav after styles-l. */
html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default'] {
  background: var(--awa-bg, Canvas) !important;
  border-bottom: 1px solid var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(#header > .header-content, .header-content) {
  background: transparent !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-b2b-promo-bar, .top-header.awa-utility-bar) {
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-b2b-promo-bar__text {
  max-width: calc(100% - 96px) !important;
  margin-inline: auto !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(form#search_mini_form, .block-search form.minisearch) {
  border-color: var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(form#search_mini_form, .block-search form.minisearch):focus-within {
  border-color: color-mix(in srgb, var(--awa-primary) 34%, var(--awa-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary) 10%, transparent) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.awa-header-account-prompt, .awa-header-contact-links) {
  background: var(--awa-bg, Canvas) !important;
  border: 1px solid var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
  border-radius: var(--awa-radius-sm, 8px) !important;
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(
    .awa-header-account-prompt__line1,
    .awa-header-account-prompt__line2,
    .awa-header-account-prompt__separator
  ) {
  color: var(--awa-text-muted, color-mix(in srgb, CanvasText 68%, Canvas)) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(
    .action.showcart,
    .header-mini-cart,
    .title-category-dropdown.our_categories,
    [data-role='awa-vertical-menu-trigger']
  ) {
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(.header-control.awa-nav-bar, .header-control.header-nav.awa-nav-bar) {
  background: var(--awa-bg, Canvas) !important;
  /* H8F: sem border-top — evitava navInner a top=69 (1px abaixo da row 68).
     Separação fica no border-bottom + sticky border. */
  border-top: 0 !important;
  border-block-start: 0 !important;
  border-bottom: 1px solid var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-nav-bar__inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .awa-nav-quick-links__link {
  border-radius: var(--awa-radius-sm, 8px) !important;
  color: var(--awa-text, CanvasText) !important;
}

@media (hover: hover) and (pointer: fine) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-nav-quick-links__link:hover {
    background: color-mix(in srgb, var(--awa-primary) 6%, transparent) !important;
    color: var(--awa-primary) !important;
  }
}

@media (max-width: 767px) {
  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(#header > .header-content, .header-content) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-bar, .top-header.awa-utility-bar) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 12px 44px !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.awa-b2b-promo-bar__text, .awa-b2b-promo-bar__layout) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-bar__text {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* lead + CTA, não só CTA centrado */
    gap: 8px !important;
    height: 48px !important;
    margin: 0 !important;
    margin-inline: auto !important;
    max-width: calc(100% - 88px) !important;
    line-height: 48px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-bar__cta {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 6px 12px !important;
    line-height: 1.2 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(
      .awa-b2b-promo-bar__tail,
      .awa-b2b-promo-bar__lead-long,
      .awa-b2b-promo-bar__separator,
      .awa-b2b-promo-bar__cta-long
    ) {
    display: none !important; /* mobile: só copy longo/tail; lead-short permanece */
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-bar__lead {
    display: inline-flex !important; /* restaura "Vendas B2B · CNPJ" no mobile */
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    visibility: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-bar__lead-short {
    display: block !important; /* copy curto mobile */
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    visibility: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-bar__cta-short {
    display: inline !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-b2b-promo-close {
    inset-block-start: 0 !important;
    inset-inline-end: 0 !important;
    border-left: 1px solid color-mix(in srgb, var(--awa-text-inverse) 30%, transparent) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    :is(.action.nav-toggle, .awa-header-mobile-toggle) {
    background: var(--awa-bg, Canvas) !important;
    border: 1px solid var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
    border-radius: var(--awa-radius-sm, 8px) !important;
    box-shadow: none !important;
    color: var(--awa-primary) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .awa-header-search-col {
    overflow: visible !important;
  }
}

/* ── § FOOTER AXIS FIX (2026-06-21) — alinha eixo horizontal do footer com --awa-page-pad ──────
 *
 * Problema: §FOOTER ALIGN definiu padding-inline:0 nos .container internos do #footer e nas
 * seções footer-bottom/categories-expand. Mas .awa-footer-newsletter herdou padding:12px 16px
 * de uma regra de duplo-ID. Resultado: o texto do newsletter ficava 16px à direita das colunas.
 *
 * Solução: usar var(--awa-page-pad) em todos os pontos de entrada, garantindo o mesmo eixo
 * do page-main (clamp(12px,4vw,24px)).
 * ─────────────────────────────────────────────────────────────────────────────────────────── */

/* 1. Newsletter: corrige padding-inline hardcoded (16px) para o token --awa-page-pad */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter {
  padding-inline: var(--awa-page-pad, clamp(12px, 4vw, 24px)) !important;
}

/* 2. Colunas do footer: container direto de #footer agora usa --awa-page-pad (era 0) */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container
  > .container {
  padding-inline: var(--awa-page-pad, clamp(12px, 4vw, 24px)) !important;
}

/* 3. Footer-bottom, categories-expand e devby: mesma regra de eixo */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(
    section.awa-footer-categories-expand > .container,
    .footer-bottom > .container,
    .footer-bottom .footer-bottom-inner,
    .awa-footer-devby > .container
  ) {
  padding-inline: var(--awa-page-pad, clamp(12px, 4vw, 24px)) !important;
}


/* AWA layout audit touch target r1 */
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(.awa-b2b-promo-bar,#awa-b2b-promo-bar) :is(a.awa-b2b-promo-bar__cta,.awa-b2b-promo-bar__cta){display:inline!important;align-items:unset!important;justify-content:unset!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin-block:0!important;box-sizing:border-box!important;line-height:1.25!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:nowrap!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(.awa-b2b-promo-bar,#awa-b2b-promo-bar) :is(a.awa-b2b-promo-bar__cta,.awa-b2b-promo-bar__cta):focus-visible{outline:2px solid var(--awa-primary,#b73337)!important;outline-offset:2px!important;}

/* AWA header audit fix 2026-08-01 — promo clara (BUG-PROMO-001 / gate white).
   Antes: terminal forçava --awa-primary e anulava o fundo branco do gate/head.
   Home early-return do css-gate nunca injeta injectPostAuditVisualTerminal. */
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar){background:#ffffff!important;background-color:#ffffff!important;background-image:none!important;color:var(--awa-text-primary,#111827)!important;border-bottom:1px solid var(--awa-border-subtle,var(--awa-border,color-mix(in srgb,CanvasText 10%,Canvas)))!important;}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) :is(.awa-b2b-promo-bar__text,.awa-b2b-promo-bar__lead,.awa-b2b-promo-bar__lead-long,.awa-b2b-promo-bar__tail,.awa-b2b-promo-bar__separator){color:inherit!important;}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) :is(.awa-b2b-promo-bar__cta,.awa-b2b-promo-bar__cta strong){color:var(--awa-primary,#b73337)!important;}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(#awa-b2b-promo-close,.awa-b2b-promo-close){min-height:44px!important;height:44px!important;min-width:44px!important;color:var(--awa-text-secondary,var(--awa-text,#111827))!important;}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] .awa-header-account-prompt :is(.awa-header-account-prompt__line2,.awa-header-account-prompt__actions){min-height:40px!important;height:auto!important;}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] .awa-header-account-prompt .awa-header-account-prompt__link{display:inline-flex!important;align-items:center!important;min-height:40px!important;height:auto!important;padding-block:0!important;}

/* Autopilot 2026-06-29: Hero CTA 44px — inline lock zerava min-height em .awa-hero-inline-cta a */
@media (max-width: 767px) {
    html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      :is(.awa-hero-inline-cta .action.primary, .awa-hero-b2b-cta .action.primary) {
        min-height: 44px !important;
        min-width: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-block: 0 !important;
        padding-inline: 18px !important;
        box-sizing: border-box !important;
    }
}

/* Autopilot 2026-06-29: Dark mode toggle WCAG 44px */
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-dark-mode-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
}

/* ============================================================
 * Visual Autopilot 2026-06-30: final cascade wins
 * Justificativa dos !important: este bundle carrega depois dos fixes
 * da home e já contém overrides com #html-body repetido; estas regras
 * corrigem bugs auditados mantendo a cascata final controlada.
 * ============================================================ */


html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result::before,
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result > span::before {
  content: "★★★★★" !important;
  font-family: "Source Sans 3", system-ui, sans-serif !important;
  font-weight: var(--awa-weight-bold) !important;
  font-size: var(--awa-text-base) !important;
  letter-spacing: var(--awa-space-1) !important;
  line-height: 18px !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result::before {
  /* --awa-gray-200 chega vazio na home; fallback concreto evita estrelas fundo #333 */
  color: var(--awa-border, #e5e7eb) !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result > span::before {
  color: var(--awa-warning) !important;
}

/* FIX 2026-07-31: overlay Magento — evita estrelas duplicadas.
 * Causa: ::before cinza + ::before laranja sem clip/absolute (overflow:visible,
 * span display:inline) → duas fileiras lado a lado (~10 estrelas).
 * Efeito: span com width:% recorta as estrelas preenchidas sobre o fundo. */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result {
  position: relative !important;
  display: inline-block !important;
  width: 85px !important;
  max-width: 85px !important;
  height: 18px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result::before {
  display: inline-block !important;
  white-space: nowrap !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result > span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result > span::before {
  display: inline-block !important;
  white-space: nowrap !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .rating-summary .rating-result > span > span {
  display: none !important;
}

/* BUG-NOVO-001 (Auditoria Visual 2026-07-07): a regra acima só cobre o carrossel
 * .content-top-home da home. O texto de acessibilidade nativo do Magento
 * (Magento_Review::helper/summary.phtml e summary_short.phtml, ex.: "93% of 100")
 * nunca era ocultado fora da home, aparecendo visível ao lado das estrelas em
 * PLP, PDP, busca e qualquer carrossel de produto. Generaliza o hide para
 * .rating-result > span > span em qualquer rota, sem alterar o ::before das
 * estrelas (já coberto globalmente por awa-defer-global-bundle.css). */
html body#html-body .page-wrapper .rating-summary .rating-result > span > span {
  display: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home :is(button.awa-owl-nav__btn,button.awa-carousel__arrow,.awa-owl-nav__btn.awa-carousel__arrow,.awa-carousel__toggle) {
  --awa-control-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  inline-size: 44px !important;
  block-size: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home a.b2b-login-link,
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .b2b-login-link {
  --awa-modern-card-cta-height: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  block-size: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-block: var(--awa-space-2) !important;
  box-sizing: border-box !important;
}

/* Product title links: 2-line clamp (NOT 44px touch-target — Magento card pattern) */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home a.product-item-link,
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .product-item-link {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  min-height: calc(1.35em * 2) !important;
  max-height: calc(1.35em * 2) !important;
  height: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  align-items: unset !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .header .awa-header-cart-link,
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-b2b-promo-close,
html body#html-body#html-body#html-body#html-body#html-body .awa-b2b-promo-close {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  inline-size: 44px !important;
  block-size: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-home-pricing-notice__link {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-block: var(--awa-space-2) !important;
}

/* ============================================================
 * Visual Autopilot 2026-06-30: final touch targets r2
 * Justificativa dos !important: vence line-clamp e controles finais
 * com height/min-height de 26–35px em bundles tardios.
 * ============================================================ */

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper :is(.awa-shelf,.awa-carousel-section,.rokan-bestseller,.rokan-newproduct,.rokan-onsaleproduct,.products-grid) a.product-item-link {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  min-height: calc(1.35em * 2) !important;
  max-height: calc(1.35em * 2) !important;
  block-size: auto !important;
  padding-block: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper :is(.awa-category-carousel__prev,.awa-category-carousel__next) {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  inline-size: 44px !important;
  block-size: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.awa-header-cart-link,.awa-account-dropdown__item) {
  min-width: 44px !important;
  min-height: 44px !important;
  height: auto !important;
  block-size: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-header-cart-link {
  width: 44px !important;
  height: 44px !important;
  block-size: 44px !important;
}

/* ============================================================
 * Visual Autopilot 2026-06-30: final touch targets r3
 * Justificativa dos !important: override terminal para line-clamp,
 * botões de carousel e trigger real do minicart após validação CSSOM.
 * ============================================================ */

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home :is(.awa-shelf,.awa-shelf--carousel,.awa-carousel-section,.rokan-bestseller,.rokan-newproduct,.rokan-mostviewed,.rokan-onsaleproduct,.products-grid) :is(.product-name a,.product-item-name a,a.product-item-link) {
  display: -webkit-box !important;
  min-height: calc(1.35em * 2) !important;
  min-block-size: calc(1.35em * 2) !important;
  height: auto !important;
  block-size: auto !important;
  max-height: calc(1.35em * 2) !important;
  max-block-size: calc(1.35em * 2) !important;
  padding-block: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  text-overflow: ellipsis !important;
  align-items: unset !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home :is(.awa-shelf,.awa-shelf--carousel,.awa-carousel-section,.rokan-bestseller,.rokan-newproduct,.rokan-mostviewed,.rokan-onsaleproduct,.products-grid) :is(button.awa-owl-nav__btn,.awa-owl-nav__btn,.awa-carousel__arrow,.swiper-button-prev,.swiper-button-next,.owl-prev,.owl-next) {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  inline-size: 44px !important;
  min-inline-size: 44px !important;
  max-inline-size: 44px !important;
  block-size: 44px !important;
  min-block-size: 44px !important;
  max-block-size: 44px !important;
  padding: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  touch-action: manipulation !important;
  overflow: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match) .page-wrapper :is(.awa-site-header,.page-header,.header) :is(.awa-header-minicart,.awa-header-cart,.minicart-wrapper) :is(a.showcart.header-mini-cart,.action.showcart,.action.showcart.awa-minicart-trigger) {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  inline-size: 44px !important;
  min-inline-size: 44px !important;
  max-inline-size: 44px !important;
  block-size: 44px !important;
  min-block-size: 44px !important;
  max-block-size: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 44px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}


/* AWA QA 2026-07-01 — desktop home carousel viewport containment.
   Required to beat older high-specificity overflow:auto rules that make offscreen
   carousel slides contribute 32px to document scrollWidth on desktop. Desktop
   arrows/JS can still adjust scrollLeft; mobile swipe/peek is intentionally not touched. */
@media (min-width: 1024px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel__viewport {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    overscroll-behavior-inline: contain !important;
  }
}

/* AWA QA 2026-07-01 — footer and page wrapper horizontal containment.
   The footer keeps 32px side margins on desktop; with width:100% it expands the
   document to viewport + 32px. Page wrapper lock is home-scoped to keep carousel
   offscreen slides from contributing residual root scrollWidth. */
@media (min-width: 1024px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper {
    overflow-x: hidden !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    .footer-bottom {
    box-sizing: border-box !important;
    max-width: calc(100% - 64px) !important;
    width: auto !important;
  }
}

/* Autopilot 2026-07-03: terminal override for PLP/search toolbar select.
   This file loads after awa-plp-distill and previously forced sorter min-width:0,
   leaving a 26px clickable select on tablet. */
html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  .toolbar-sorter.sorter
  .sorter-options,
html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  .field.limiter
  .limiter-options {
  min-width: 112px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding-inline: 12px 32px !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
    .toolbar-sorter.sorter {
    flex: 1 1 260px !important;
    min-width: 260px !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim),
  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
    > .center {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
    > .center {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
    :is(.modes, .field.limiter) {
    flex: 0 1 auto !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    .footer-bottom {
    box-sizing: border-box !important;
    max-width: calc(100% - 48px) !important;
    width: auto !important;
  }
}

/* Autopilot 2026-07-03: cart page promo CTA touch target. */
html body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-site-header[data-awa-header-mode="default"]
  .awa-b2b-promo-bar__cta,
html body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  .awa-b2b-promo-bar__cta {
  min-height: 44px !important;
  height: 44px !important;
  max-height: none !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}
html body#html-body.checkout-cart-index .page-wrapper .awa-site-header #awa-b2b-promo-bar .awa-b2b-promo-bar__cta {
  min-height: 44px !important;
  height: 44px !important;
  max-height: none !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

/* ==========================================================================
   Fix PLP card B2B price-gate badge overlap (2026-07-03)
   Causa raiz: awa-plp-distill.css define o container ".b2b-login-to-see-price"
   como "display:flex; flex-direction:row; flex-wrap:nowrap" com min-height
   fixo de 2.75rem — título + mensagem (2 textos) ficam espremidos numa unica
   linha que nunca quebra, transbordando/sobrepondo o card. As regras antigas
   para ".price-label" sao codigo morto: o HTML real usa
   ".b2b-login-to-see-price__title" e "...__message" (BEM), que nunca tinham
   estilo proprio. Corrige empilhando titulo/mensagem em coluna, com
   line-clamp na mensagem para manter altura de card consistente mesmo se o
   texto for mais longo que o esperado (ex.: mensagem customizada via admin).
   Sem @media: vale para desktop e mobile (o bug nao era exclusivo de mobile).
   ========================================================================== */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .info-price
  .b2b-login-to-see-price {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.125rem !important;
  height: auto !important;
  min-height: 2.75rem !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .info-price
  .b2b-login-to-see-price__title {
  display: block !important;
  width: 100% !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  .info-price
  .b2b-login-to-see-price__message {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* ==========================================================================
   Fix PDP — borda dupla no campo QTD (Fase 8, 2026-07-03)
   Causa raiz: _awa-consolidated.less define ".field.qty .control" com
   "border: 1px solid + overflow:hidden" (pensado para virar UMA caixa unica,
   escondendo a borda do input via overflow). Porem _awa-visual-standard-
   pass4-2026-06.less (§107, carregado depois, mais especifico, !important)
   redefine ".control input.qty" com a SUA PROPRIA "border: 1px solid", sem
   nunca remover a borda do ".control" pai. Resultado: duas caixas
   aninhadas (label "QTD" e input "1" cada uma com moldura propria), visual
   de "caixa dentro de caixa" no buybox da PDP. Como o design vigente (§107)
   e o que da o acabamento final ao input, neutraliza-se aqui a borda do
   container ".control" para restar apenas UMA caixa visivel.
   ========================================================================== */
html body#html-body.catalog-product-view
  .page-wrapper
  .product-info-main
  .box-tocart
  .field.qty
  .control {
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

/* ==========================================================================
   Fix PLP guest/B2B gate — alinhamento de cards por linha (2026-07-08 r2)
   Evidência runtime (debug cc2a40 / Playwright):
   - HTML real: ul.row.product-grid.container-products-switch (NÃO .product-items).
   - Card heights já stretch (priceBottomDelta:0), mas .product-info resolvia
     justify-content:space-between (awa-visual-fixes L196–210). Com space-between,
     margin-top:auto no .info-price calcula 0px e o espaço livre fica entre SKU e
     gate — ritmo vertical inconsistente / gate “flutuando” no meio do card.
   - Teste inline margin-top:auto também ficou 0px sob space-between (prova).
   Correção: justify-content:flex-start no .product-info + margin-top:auto no
   .info-price; grid stretch no UL real; align-items:stretch no li; gate compacto.
   ========================================================================== */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .products-grid .product-items,
    .products-grid ul.row.product-grid,
    .products-grid ul.container-products-switch,
    .wrapper.grid.products-grid ul.row.product-grid,
    .wrapper.grid.products-grid ul.container-products-switch,
    ul.row.product-grid.container-products-switch
  ) {
  align-items: stretch !important;
  display: grid !important;
}

/* Round7 (2026-07-17): Bootstrap cria .row::before/::after como display:table.
   Ao converter o UL para grid, cada pseudo vira um grid item: ::before ocupava
   a primeira coluna (linhas 3/4/4/1) e ::after criava uma célula/linha vazia. */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .products-grid ul.row.product-grid,
    .wrapper.grid.products-grid ul.row.product-grid,
    ul.row.product-grid.container-products-switch
  )::before,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(
    .products-grid ul.row.product-grid,
    .wrapper.grid.products-grid ul.row.product-grid,
    ul.row.product-grid.container-products-switch
  )::after {
  content: none !important;
  display: none !important;
}

/* Round8 (2026-07-17): geometria estável da mídia do card PLP.
   Evidência CDP:
   - link 205×205, mas bordas inferiores aninhadas reduziam container/wrapper
     para 205×204 e 205×203;
   - regras de hover concorrentes scale(1.04)/scale(1.05) produziam exatamente
     os 213×211 e 215×213 observados.
   O feedback de hover permanece na borda do card; mídia não muda de tamanho.
   Deve estar no mesmo @layer das regras antigas: !important em layer vence
   qualquer !important não-layered, independentemente da especificidade. */
@layer awa-visual-priority {
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product:is(:hover, :focus-within) {
  transform: none !important;
  transition:
    border-color 0.2s,
    box-shadow 0.2s !important;
  will-change: auto !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product:is(:hover, :focus-within)
  .product-thumb {
  box-sizing: border-box !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  :is(
    a.product-thumb-link,
    .first-thumb,
    .product-image-container,
    .product-image-wrapper
  ) {
  border: 0 !important;
  border-block-end: 0 !important;
  box-sizing: border-box !important;
  height: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  img.product-image-photo,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product:is(:hover, :focus-within)
  .product-thumb
  img.product-image-photo {
  box-sizing: border-box !important;
  height: 100% !important;
  padding: 0 !important;
  transform: none !important;
  transition: none !important;
  width: 100% !important;
}

/* Round12 (2026-07-17): object-fit:contain + AR nativos distintos (393×342…393×393)
   geravam conteúdo visual 192–226px dentro de caixa 221px (CDP canvas audit).
   Cover preenche a caixa uniformemente; quickview no thumb só no hover. */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  :is(.product-extra-link, .actions-secondary) {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.2s !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product:is(:hover, :focus-within)
  .product-thumb
  :is(.product-extra-link, .actions-secondary) {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Round11 (2026-07-17): .hot-onsale vazio na PLP herda --awa-shadow-badge e
   renderiza bolinha fantasma 24×22 no canto do thumb (CDP: childCount=0, boxShadow). */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  .hot-onsale {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  .hot-onsale:not(:has(.onsale)) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
}

/* Round12b: object-fit FORA de @layer — unlayered !important em styles-l/themes
   (contain) vence qualquer regra dentro de @layer awa-visual-priority. */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  img.product-image-photo,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product:is(:hover, :focus-within)
  .product-thumb
  img.product-image-photo {
  object-fit: cover !important;
  object-position: center center !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  :is(.product-info, .product-item-details) {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  /* Causa raiz r2: space-between anula margin-top:auto no .info-price */
  justify-content: flex-start !important;
  align-items: stretch !important;
  min-height: 0 !important;
  width: 100% !important;
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .info-price {
  margin-block-start: auto !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Gate guest — especificidade 3x #html-body para vencer styles-l/themes
   (display:block) e a regra PLP .price-box legada (padding:0 / min-height:32). */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .info-price
  .b2b-login-to-see-price.price-box,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .info-price
  .b2b-login-to-see-price {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 22%, transparent) !important;
  border-style: solid !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .info-price
  .b2b-login-to-see-price__title {
  margin: 0 !important;
  width: 100% !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: var(--awa-text-primary, #333) !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .info-price
  .b2b-login-to-see-price__message {
  margin: 0 !important;
  width: 100% !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: var(--awa-text-muted, #666) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-info-cart {
  margin-block-start: 8px !important;
  min-height: 0 !important;
}

/* Visitante: área de carrinho vazia não deve criar “buraco” sob o gate */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-info-cart:not(:has(button, .stock, form)) {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(.products-grid, .wrapper.grid.products-grid)
    li.item-product
    :is(.product-info, .product-item-details) {
    min-height: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(.products-grid, .wrapper.grid.products-grid)
    li.item-product {
    min-height: 0 !important;
  }
}

/* Anti-regressão: UL real da PLP permanece 2 colunas em ≤479px */
@media (max-width: 479px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(
      .products-grid .product-items,
      .products-grid ul.row.product-grid,
      .products-grid ul.container-products-switch,
      ul.row.product-grid.container-products-switch
    ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* §PLP-MOBILE-TOOLBAR r7 — cc2a40: @layer awa-visual-priority vence Round19 display:inline-flex */
@layer awa-visual-priority {
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title
    .toolbar.toolbar-products {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title
    .toolbar.toolbar-products
    > .center {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title
    .toolbar.toolbar-products
    .modes {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    clip-path: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title
    .toolbar.toolbar-products
    :is(.pages, .pages .pages-items, .pages .item) {
    display: none !important;
    visibility: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-title
    .toolbar.toolbar-products
    .toolbar-sorter.sorter {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .products-grid
    li.item-product
    .actions-secondary {
    display: none !important;
  }

  html body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-dark-mode-toggle {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* HEADER-P0-002 terminal: Departamentos flush na nav bar (PLP/PLS) */
  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .header-control.awa-nav-bar[data-awa-header-nav="true"] {
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .header-control.awa-nav-bar[data-awa-header-nav="true"] > .container {
    padding-block: 0 !important;
    height: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .header-control.awa-nav-bar[data-awa-header-nav="true"]
    .awa-nav-bar__inner {
    align-items: stretch !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-categories.menu_left_home1
    :is(
      nav.awa-nav-categories,
      .sections.nav-sections.category-dropdown,
      .section-items.category-dropdown-items,
      .section-item-content.category-dropdown-item-content,
      .navigation.verticalmenu.side-verticalmenu
    ) {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .header-control.awa-nav-bar[data-awa-header-nav="true"]
    :is(
      button.our_categories.title-category-dropdown[data-role="awa-vertical-menu-trigger"],
      button.our_categories.title-category-dropdown
    ) {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-block: 0 !important;
    padding-inline: 16px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
}

/* H25 (2026-07-31): line2 guest — remove lock 30px.
   Runtime: @layer awa-visual-priority forçava min/height/max 30px e vencia
   align-lock unlayered (min-height:0). Links já estão em auto/0. */
@media (min-width: 992px) {
  html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index):not(.b2b-account-dashboard)
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__line2 {
    align-items: center !important;
    display: inline-flex !important;
    height: auto !important;
    line-height: 1.2 !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 4px !important;
  }

  html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index):not(.b2b-account-dashboard)
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__line2
    :is(.awa-header-account-prompt__link--login, .awa-header-account-prompt__link--register) {
    align-items: center !important;
    display: inline-flex !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 1.2 !important;
    padding: 0 !important;
  }
}

/* HOME CATEGORIES — separa a área clicável (44px) do indicador visual.
   Antes, o background e scaleX eram aplicados no próprio botão de 44px,
   criando uma pílula ativa de 121px e deformando a paginação. */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .content-top-home
  .top-home-content--category-carousel
  .awa-category-carousel__dot {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  height: 44px !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  transform: none !important;
  width: 44px !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .content-top-home
  .top-home-content--category-carousel
  .awa-category-carousel__dot::before {
  background: color-mix(in srgb, var(--awa-text-muted, CanvasText) 42%, transparent);
  border-radius: 9999px;
  content: "";
  display: block;
  height: 8px;
  transition: background-color 180ms ease, width 180ms ease;
  width: 8px;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .content-top-home
  .top-home-content--category-carousel
  .awa-category-carousel__dot:is(.active, [aria-current="page"])::before {
  background: var(--awa-primary, CanvasText);
  width: 22px;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .content-top-home
  .top-home-content--category-carousel
  .awa-category-carousel__dot:focus-visible {
  outline: 2px solid var(--awa-primary, CanvasText) !important;
  outline-offset: -8px !important;
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__dot::before {
    transition: none;
  }
}

}

/* HEADER-P0-002 desktop terminal: border-radius flush — regra ~15100 (5× #html-body) vencia
   impeccable/contract (1× #html-body); bloco mobile acima não cobre ≥992px. */
@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .header-control.awa-nav-bar[data-awa-header-nav="true"]
    :is(
      button.our_categories.title-category-dropdown[data-role="awa-vertical-menu-trigger"],
      button.our_categories.title-category-dropdown
    ) {
    border-radius: 0 !important;
  }
}

/* HOME-P0-010..016: faixa externa full-width, rail interno de 1280px e B2B estável.
   A especificidade terminal vence os locks históricos emitidos inline pelo tema Ayo. */
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header[data-awa-header-mode="default"],
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header[data-awa-header-mode="default"] > :is(.header-container, .header-wrapper-sticky) {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: none !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home > .top-home-content--above-fold {
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home > .top-home-content--above-fold > .banner-slider.banner-slider2,
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home > .top-home-content--above-fold > .banner-slider.banner-slider2 :is(.wrapper_slider, .awa-hero-swiper) {
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home > .ayo-home5-wrapper.ayo-home5-wrapper--template-driven {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

/* Canonical wide-desktop rail: supersedes legacy literal 1280px locks. */
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  :is(
    .header-main > .container,
    .header_main > .container,
    .awa-main-header__inner.wp-header,
    .awa-main-header__inner[data-awa-header-row],
    .header-control.awa-nav-bar > .container,
    .awa-nav-bar__inner
  ),
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  #footer.footer-container {
  box-sizing: border-box !important;
  inline-size: 100% !important;
  margin-inline: auto !important;
  max-inline-size: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
  width: 100% !important;
}

@media (min-width: 1600px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5),
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper,
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home,
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .ayo-home5-wrapper--template-driven {
    --awa-home-shell-max: 1280px !important;
    --awa-home-terminal-shell: min(100%, 1280px) !important;
  }
}

/* Mantém o fechar da promoção no mesmo eixo direito do carrinho e do grid do header. */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header
  #header
  #awa-b2b-promo-bar
  #awa-b2b-promo-close {
  inset-inline-end: var(--awa-container-pad, 16px) !important;
  right: var(--awa-container-pad, 16px) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta__inner {
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits > .awa-hero-benefits__item {
  margin: 0 !important;
  min-height: 86px !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item--interactive {
  align-self: stretch !important;
  background: transparent !important;
  border: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item--interactive > .awa-hero-benefits__link {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: 10px !important;
  height: 100% !important;
  min-height: 86px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-b2b-cta__actions {
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-benefits__item--interactive > .awa-hero-benefits__link {
    height: auto !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .awa-hero-pause-btn {
    display: none !important;
    visibility: hidden !important;
  }
}

/* HOME-P0 header desktop: geometria única comprovada no runtime a 1620px. */
@layer awa-header-first-paint-lock {
  /* PIXEL-QA 2026-07-24: gutter desktop a partir de 1024 (não só 1200) */
  @media (min-width: 1024px) {
    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default'] {
      --awa-header-shell-pad: 24px !important;
    }
  }

  @media (min-width: 1200px) {
    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default'] {
      --awa-header-main-row-h: 68px !important;
      --awa-header-brand-w: 160px;
      --awa-header-actions-w: 272px;
      --awa-header-col-gap: 28px !important;
      --awa-header-shell-pad: 24px !important;
      --awa-header-nav-h: 44px !important;
      --awa-header-nav-frame-h: 44px;
      --awa-header-sticky-h: calc(var(--awa-header-main-row-h) + var(--awa-header-nav-frame-h));
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky {
      box-sizing: border-box !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      height: var(--awa-header-sticky-h) !important;
      min-height: var(--awa-header-sticky-h) !important;
      max-height: var(--awa-header-sticky-h) !important;
      border: 0 !important;
      border-bottom: 1px solid var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      > .header.awa-main-header {
      border-bottom: 0 !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap, .header-main, .header-main > .container, .awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row='brand-search']) {
      height: var(--awa-header-main-row-h) !important;
      min-height: var(--awa-header-main-row-h) !important;
      max-height: var(--awa-header-main-row-h) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      .header_main.awa-main-header-inner-wrap {
      border: 0 !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row='brand-search']) {
      grid-template-columns: var(--awa-header-brand-w) minmax(0, 1fr) var(--awa-header-actions-w) !important;
      column-gap: var(--awa-header-col-gap) !important;
      padding-inline: var(--awa-header-shell-pad) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      :is(.awa-header-brand-cell, .awa-header-search-col, .awa-header-right-col) {
      box-sizing: border-box !important;
      height: var(--awa-header-main-row-h) !important;
      min-height: var(--awa-header-main-row-h) !important;
      max-height: var(--awa-header-main-row-h) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      .awa-header-brand-cell {
      width: var(--awa-header-brand-w) !important;
      min-width: var(--awa-header-brand-w) !important;
      max-width: var(--awa-header-brand-w) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      .awa-header-search-col {
      align-items: center !important;
      display: flex !important;
      padding-inline: 0 !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      .awa-header-search-col
      form#search_mini_form {
      align-self: center !important;
      margin-block: auto !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      .awa-header-right-col {
      width: var(--awa-header-actions-w) !important;
      min-width: var(--awa-header-actions-w) !important;
      max-width: var(--awa-header-actions-w) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      > :is(.header-control.awa-nav-bar, .header-control.header-nav.awa-nav-bar) {
      box-sizing: border-box !important;
      flex: 0 0 var(--awa-header-nav-frame-h) !important;
      height: var(--awa-header-nav-frame-h) !important;
      min-height: var(--awa-header-nav-frame-h) !important;
      max-height: var(--awa-header-nav-frame-h) !important;
      border: 0 !important;
      margin: 0 auto !important;
      padding: 0 !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      :is(.header-control.awa-nav-bar > .container, .awa-nav-bar__inner) {
      box-sizing: border-box !important;
      height: var(--awa-header-nav-h) !important;
      min-height: var(--awa-header-nav-h) !important;
      max-height: var(--awa-header-nav-h) !important;
      border: 0 !important;
    }
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    button.title-category-dropdown.our_categories[data-role='awa-vertical-menu-trigger'] {
    justify-content: flex-start !important;
    gap: 8px !important;
    padding-inline: 16px !important;
  }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      button.title-category-dropdown.our_categories[data-role='awa-vertical-menu-trigger']
      .awa-vmenu-trigger-icon {
      align-items: center !important;
      box-sizing: border-box !important;
      display: inline-flex !important;
      flex: 0 0 24px !important;
      height: 24px !important;
      justify-content: center !important;
      margin: 0 !important;
      max-width: 24px !important;
      min-width: 24px !important;
      padding: 0 !important;
      width: 24px !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      button.title-category-dropdown.our_categories[data-role='awa-vertical-menu-trigger']
      .awa-vmenu-trigger-icon::before,
    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      button.title-category-dropdown.our_categories[data-role='awa-vertical-menu-trigger']
      .awa-vmenu-trigger-icon::after {
      content: none !important;
      display: none !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      button.title-category-dropdown.our_categories[data-role='awa-vertical-menu-trigger']
      .awa-vmenu-trigger-icon
      svg {
      display: block !important;
      flex: 0 0 24px !important;
      height: 24px !important;
      margin: 0 !important;
      width: 24px !important;
    }
}

/* AWA PDP STABILITY — freeze + section rhythm 2026-07-14
   2026-08-02: margins zeradas — stack só via row-gap (--awa-pdp-stack-gap).
   Antes: mt 12 + row-gap 12 = kidGaps 24px (este bloco tinha 7× #html-body). */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .column.main
    > :is(.product.info.detailed, .awa-pdp-faq, .awa-pdp-related) {
    margin: 0 !important;
    margin-block: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
}

/* AWA VISUAL CONSISTENCY AUDIT 2026-07-14 */
/* Nested components keep one edge owner; children must not redraw that edge. */
html body#html-body#html-body#html-body
  .page-wrapper
  .toolbar-products--bottom-slim
  .pages > .pages-items > li.item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* §H15A/B — shell promo 32px coerente: CTA preenche a barra (hit≈32) sem estourar.
   Evidência pre-fix: barH=32, innerH=36 (overflow), ctaH=16 (lock display:inline+minH:0). */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  line-height: 32px !important;
  overflow: hidden !important;
}
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(.awa-b2b-promo-bar__inner, .awa-b2b-promo-bar__layout) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  line-height: 32px !important;
  overflow: hidden !important;
  padding-block: 0 !important;
  padding-inline: 16px !important;
}
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(.awa-b2b-promo-bar__text, .awa-b2b-promo-bar__lead, .awa-b2b-promo-bar__tail, .awa-b2b-promo-bar__separator) {
  box-sizing: border-box !important;
  line-height: 32px !important;
  max-height: 32px !important;
  margin-block: 0 !important;
  padding-block: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  .awa-b2b-promo-bar__cta {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding-block: 0 !important;
  padding-inline: 2px !important;
  margin-block: 0 !important;
  line-height: 1.2 !important;
}
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(.awa-b2b-promo-close, #awa-b2b-promo-close) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin-block: 0 !important;
}

@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-account-prompt__link {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-height: 44px !important;
  }
}

@media (max-width: 991px) {
  body#html-body#html-body#html-body
    nav.fixed-bottom
    .mobile-bottom-link
    > li
    > :is(a, button) {
    box-sizing: border-box !important;
    min-width: 44px !important;
  }
}

html body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .awa-cart-empty__categories-more {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-height: 44px !important;
}

@layer awa-visual-priority {
  @media (min-width: 992px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .awa-header-account-prompt:not([data-awa-auth-state='guest'])
      .awa-header-account-prompt__icon {
      align-items: center !important;
      box-sizing: border-box !important;
      display: inline-flex !important;
      height: 44px !important;
      justify-content: center !important;
      min-width: 44px !important;
      min-height: 44px !important;
      width: 44px !important;
    }
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-category-view,
      .catalogsearch-result-index
    )
    .page-wrapper
    .product-item-link {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 44px !important;
  }

  @media (max-width: 991px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
        .catalog-category-view,
        .catalogsearch-result-index
      )
      .page-wrapper
      .toolbar-sorter
      .sorter-options {
      box-sizing: border-box !important;
      min-height: 44px !important;
    }
  }
}



/* Autopilot 2026-07-15: lock global — #header promo shell = 32px flush (sem faixa creme) */
html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
  .page-wrapper
  .awa-site-header
  :is(#header.header-container[data-awa-header-shell='true'], #header.header-container > .header-content[data-awa-header-content='true']) {
  box-sizing: border-box !important;
  padding-block: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-block: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
  .page-wrapper
  .awa-site-header
  #header.header-container[data-awa-header-shell='true'] {
  position: relative !important;
  inset-block-start: auto !important;
  top: auto !important;
}

/* Autopilot 2026-07-15: Departamentos / vertical menu — DS polish (4–16px, radius 8px, hierarquia B2B)
   Especificidade 5x #html-body para vencer layout-bundle / regras legadas do próprio terminal. */
@media (min-width: 992px) {
  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-bar__inner {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    button[data-role='awa-vertical-menu-trigger'].title-category-dropdown.our_categories {
    box-sizing: border-box !important;
    align-self: center !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    button[data-role='awa-vertical-menu-trigger'].title-category-dropdown.our_categories
    .awa-vmenu-trigger-text {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(
      .awa-nav-quick-links__link,
      .menu_primary a.level-top,
      .top-menu a,
      .awa-header-primary-nav:not(.category-dropdown-items) a.level-top
    ) {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    border-radius: 8px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    [data-role='awa-vertical-menu-panel'],
  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    ul.togge-menu.list-category-dropdown[data-awa-menu-state='open'] {
    gap: 4px !important;
    padding: 8px !important;
    background: var(--awa-bg-surface, #fff) !important;
    border: 1px solid var(--awa-border, #e5e7eb) !important;
    border-radius: 0 0 8px 8px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    [data-role='awa-vertical-menu-panel']
    > li.ui-menu-item.level0 {
    padding: 0 !important;
    margin: 0 !important;
    height: var(--awa-vmenu-item-h, 48px) !important;
    min-height: var(--awa-vmenu-item-h, 48px) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    [data-role='awa-vertical-menu-panel']
    > li.ui-menu-item.level0
    > a.level-top.navigation__link {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: var(--awa-vmenu-item-h, 48px) !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    gap: 12px !important;
  }

  /* Flyout portal — densificar conteúdo esparso (ex.: Suportes) */
  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .awa-vmf-portal {
    min-width: 280px !important;
    max-width: min(380px, calc(100vw - 32px)) !important;
    padding: 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--awa-border, #e5e7eb) !important;
    box-shadow: 0 12px 32px color-mix(in srgb, CanvasText 12%, transparent) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .awa-vmf-portal
    a {
    min-height: 40px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .awa-vmf-portal
    :is(.navigation__label, .category-item, .subcategory-second-level) {
    margin-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(
      .onepagecheckout-index-index
    )
    .awa-vmf-portal
    :is(.img-subcategory, .imagem.img-subcategory, .navigation__inner-item--level1.imagem) {
    margin-block-start: 12px !important;
    max-width: 120px !important;
  }
}

/*H27-cart-hide-wishlist-edit*/
html body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart.table-wrapper
  .awa-cart-item-actions
  :is(a.action-towishlist, a.towishlist, a.action-edit, .action.towishlist, .action.action-edit) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
/*H29-cart-summary-flex-collapse*/html body#html-body#html-body#html-body.checkout-cart-index .page-wrapper :is(#cart-summary,.cart-summary){overflow-x:hidden!important;overflow-y:auto!important}html body#html-body#html-body#html-body.checkout-cart-index .page-wrapper :is(#cart-summary,.cart-summary) :is(#block-shipping,#block-discount,.block.shipping,.discount.coupon,.checkout-methods-items,.items.checkout-methods-items){overflow:visible!important;flex-shrink:0!important;min-height:min-content!important;height:auto!important;max-height:none!important}/*H28-trust-seals-2col*/html body#html-body#html-body#html-body.checkout-cart-index .page-wrapper :is(#cart-summary,.cart-summary) .awa-cart-trust-seals__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important}html body#html-body#html-body#html-body.checkout-cart-index .page-wrapper :is(#cart-summary,.cart-summary) .awa-cart-trust-seals__label{flex:1 1 auto!important;min-width:0!important}html body#html-body#html-body#html-body.checkout-cart-index .page-wrapper :is(#cart-summary,.cart-summary) .awa-cart-trust-seals__label :is(strong,small){white-space:normal!important;overflow-wrap:anywhere!important}

/*H31-opc-summary-name*/html body#html-body#html-body#html-body:is(.checkout-index-index,.rokanthemes-onepagecheckout,.onepagecheckout-index-index) .page-wrapper .opc-block-summary .product-item-details .product-item-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;grid-template-columns:none!important}html body#html-body#html-body#html-body:is(.checkout-index-index,.rokanthemes-onepagecheckout,.onepagecheckout-index-index) .page-wrapper .opc-block-summary .product-item-name-block{width:100%!important;max-width:100%!important;min-width:0!important}html body#html-body#html-body#html-body:is(.checkout-index-index,.rokanthemes-onepagecheckout,.onepagecheckout-index-index) .page-wrapper .opc-block-summary .product-item-name{width:100%!important;max-width:100%!important}/*H32-opc-summary-qty*/html body#html-body#html-body#html-body:is(.checkout-index-index,.rokanthemes-onepagecheckout,.onepagecheckout-index-index) .page-wrapper .opc-block-summary .details-qty :is(input.qty,input.input-text.qty){width:3rem!important;min-width:2.75rem!important;max-width:4rem!important;flex:0 0 auto!important;text-align:center!important;padding-inline:4px!important;box-sizing:border-box!important}/*H33-cart-summary-scroll*/html body#html-body#html-body#html-body.checkout-cart-index .page-wrapper :is(#cart-summary,.cart-summary){overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}

/* H8F-terminal: PLP nav sem border-top (evita navInner a 69px / faixa 1px) */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .awa-site-header[data-awa-header-mode="default"] :is(.header-control.awa-nav-bar,.header-control.header-nav.awa-nav-bar){border-top:0!important;border-block-start:0!important;border-top-width:0!important}
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .awa-site-header .awa-nav-bar__inner{margin-top:0!important;padding-top:0!important;border-top:0!important}
/* H8G-terminal: .container da nav sem borda (era border 1px #e5e7eb → inner a top=69) */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .awa-site-header :is(.header-control.awa-nav-bar,.header-control.header-nav.awa-nav-bar) > .container{border:0!important;border-top:0!important;border-bottom:0!important;border-block-start:0!important;border-block-end:0!important;box-shadow:none!important}
/* H9A-terminal: SKU badge compacto (vence bag padding:8px legado / cache imutável) */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .awa-b2b-sku,
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .products-grid .item-product .awa-b2b-sku{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2px 8px!important;font-size:11px!important;line-height:1.2!important;min-height:0!important;height:auto!important;max-height:none!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.awa-b2b-sku__label,.awa-b2b-sku__value),
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .products-grid .item-product :is(.awa-b2b-sku__label,.awa-b2b-sku__value){padding:0!important;margin:0!important;font-size:inherit!important;line-height:inherit!important;min-height:0!important;height:auto!important;display:inline!important;gap:0!important;box-sizing:border-box!important}

/* H10B-terminal: newsletter input+botão numa linha; LGPD abaixo (não no ::before do .actions) */
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  padding:0!important;min-height:0!important;height:auto!important}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter :is(.control,.actions){
  width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter .control{grid-column:1!important}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter .actions{grid-column:2!important}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter .action.subscribe{
  width:auto!important;max-width:none!important;white-space:nowrap!important;min-height:44px!important;height:44px!important}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .newsletter-footer .actions::before,
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter .actions::before{
  content:none!important;display:none!important;margin:0!important;padding:0!important;font-size:0!important}
html body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-newsletter-form-container .field.newsletter::after{
  content:"* Ao cadastrar, você concorda com nossa Política de Privacidade"!important;
  grid-column:1/-1!important;display:block!important;font-size:11px!important;line-height:1.35!important;
  color:var(--awa-text-muted,var(--awa-text-secondary))!important;font-style:italic!important;margin:0!important;padding:0!important}


/* §H15C-store-badge: footer claro — texto brand legível (pre-fix contraste ~1.03, fail AA).
   Causa: regra 7x #html-body em :is(a,p,li,span) forçava oklch(96%…) no badge;
   defer-global também tinha branco do footer escuro. 8x ID + :not() na regra acima. */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-atendimento__store-badge {
  background: color-mix(in srgb, var(--awa-primary) 12%, transparent) !important;
  background-color: color-mix(in srgb, var(--awa-primary) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary) 28%, transparent) !important;
  color: var(--awa-primary) !important;
  -webkit-text-fill-color: var(--awa-primary) !important;
  text-shadow: none !important;
}

/* §H16A-terminal + H22b: clip viewport; gutter 8 desktop (setas overlaid; mobile 0). */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__viewport {
  --awa-home-carousel-gutter: 0px;
  padding-inline: var(--awa-home-carousel-gutter, 0px) !important;
  box-sizing: border-box !important;
  overflow-x: auto !important; /* scroll container único — itens parciais acessíveis */
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scroll-padding-inline: 8px !important;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__viewport {
    --awa-home-carousel-gutter: 8px;
    padding-inline: var(--awa-home-carousel-gutter, 8px) !important;
  }
}
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  overscroll-behavior-x: contain !important;
}
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__prev {
  inset-inline-start: 4px !important;
}
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__next {
  inset-inline-end: 4px !important;
}

/* §H16B-terminal: promo home CLARA (BUG-PROMO-001) — vence quiet-design refine + locks legados vermelhos */
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--awa-text-primary, #111827) !important;
  border-bottom: 1px solid var(--awa-border-subtle, var(--awa-border, color-mix(in srgb, CanvasText 10%, Canvas))) !important;
}
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar)
  :is(.awa-b2b-promo-bar__text,.awa-b2b-promo-bar__lead,.awa-b2b-promo-bar__tail,.awa-b2b-promo-bar__separator,.awa-b2b-promo-close) {
  color: var(--awa-text-primary, #111827) !important;
  -webkit-text-fill-color: var(--awa-text-primary, #111827) !important;
}
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar)
  :is(.awa-b2b-promo-bar__cta,.awa-b2b-promo-bar__cta *,.awa-b2b-promo-bar__cta strong) {
  color: var(--awa-primary, #b73337) !important;
  -webkit-text-fill-color: var(--awa-primary, #b73337) !important;
}

/* ── §H17-terminal (2026-07-17)
   Layer !important: visual-fixes ROUND28 (@layer awa-visual-priority) vencia
   compactação unlayered e prendia padding-block em 40px. Travar no mesmo layer.
   H17A Ver todos 44px | H17B hero text-banner | H17C densidade seções */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.top-home-content.awa-home-section, .top-home-content.awa-carousel-section, .awa-home-section):not(.top-home-content--above-fold) {
    padding-block: var(--awa-home-section-gap, 16px) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.top-home-content--category-carousel, .awa-carousel-section--featured) {
    padding-block: var(--awa-home-section-gap-featured, 20px) !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(
      .awa-section-header__link,
      .awa-shelf__view-all,
      .awa-shelf-view-all,
      .awa-category-carousel__header .awa-section-header__link,
      .awa-category-carousel__cta-link
    ) {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
  }

  /* H17B-r2: overlay compacto — menos cobertura da foto, sem faixa sob o hero */
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .top-home-content--above-fold
    .banner_item {
    min-height: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .top-home-content--above-fold
    .banner_item
    .text-banner:not(:empty) {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 6px !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    padding: clamp(10px, 1.2vw, 16px) clamp(16px, 3vw, 40px) !important;
    background: linear-gradient(
      to top,
      rgb(15 23 42 / 62%) 0%,
      rgb(15 23 42 / 28%) 55%,
      transparent 100%
    ) !important;
    background-color: transparent !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .top-home-content--above-fold
    .banner-slider.banner-slider2 {
    padding: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .top-home-content--above-fold
    .text-banner:not(:empty)
    :is(h2, .slide-title) {
    font-size: clamp(1.125rem, 0.95rem + 0.7vw, 1.625rem) !important;
    line-height: 1.15 !important;
    margin: 0 0 2px !important;
    max-width: 36ch !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .top-home-content--above-fold
    .text-banner:not(:empty)
    :is(p, .slide-desc) {
    max-width: 48ch !important;
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
  }

  /* §H18A + H22 densify + H22g clear-zone (2026-07-31) — contrato único Magento/Adobe:
     tokens no shell; setas overlaid com chrome sólido (H22e).
     H22: 58→8 (vp 1216) — overlap ~40px.
     H22f: 8→24 — overlap ~24px.
     H22g: 24→48 desktop — clearGap 0 (seta 44 + inset 4); ainda −20px vs gutter 58.
     Mobile: padding-inline 0 (H21c — CTA Ver produto). */
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel {
    --awa-carousel-button-offset: 4px;
    --awa-home-carousel-gap: 8px;
    --awa-home-carousel-gutter: 0px;
    --awa-home-card-pad: 6px;
    --awa-home-thumb-pad: 2px;
    padding-inline: var(--awa-home-carousel-gutter) !important;
    box-sizing: border-box !important;
  }

  @media (min-width: 768px) {
    html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .content-top-home
      .awa-shelf--carousel
      .awa-carousel {
      /* H22g: 24→48 — zero overlap seta×card (ainda denser que 58) */
      --awa-home-carousel-gutter: 48px;
      padding-inline: var(--awa-home-carousel-gutter) !important;
    }
  }

  /* H22b: gap + slide width via tokens (5 cols desktop) */
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel__track {
    gap: var(--awa-home-carousel-gap, 8px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    :is(.awa-carousel__slide, .owl-item, ul.owl.awa-carousel__track > li.item) {
    padding-inline: 0 !important;
  }

  @media (min-width: 992px) {
    html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .content-top-home
      .awa-shelf--carousel
      :is(.awa-carousel__slide, .owl-item, ul.owl.awa-carousel__track > li.item) {
      flex: 0 0 calc((100% - (4 * var(--awa-home-carousel-gap, 8px))) / 5) !important;
      max-inline-size: calc((100% - (4 * var(--awa-home-carousel-gap, 8px))) / 5) !important;
      inline-size: calc((100% - (4 * var(--awa-home-carousel-gap, 8px))) / 5) !important;
    }
  }

  /* H22c: card interno — tokens de padding (mais área de imagem) */
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    :is(.item-product, .awa-carousel-card-slot) {
    padding: var(--awa-home-card-pad, 6px) !important;
    gap: 4px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .product-thumb {
    padding: var(--awa-home-thumb-pad, 2px) !important;
    margin-block-end: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    :is(.product-info, .product-item-info) {
    gap: 4px !important;
    padding: 2px 0 0 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    .awa-carousel__viewport {
    padding-inline: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor='viewport']
    :is(.awa-owl-nav__btn--prev, .awa-carousel__button--prev, .awa-carousel__arrow--prev) {
    left: 4px !important;
    inset-inline-start: 4px !important;
    right: auto !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor='viewport']
    :is(.awa-owl-nav__btn--next, .awa-carousel__button--next, .awa-carousel__arrow--next) {
    right: 4px !important;
    inset-inline-end: 4px !important;
    left: auto !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor='viewport']
    .awa-carousel__toggle:not([hidden]) {
    top: 4px !important;
    right: 4px !important;
    inset-inline-end: 4px !important;
  }

  /* H18B: pause toggle — remove ::before/::after globais (círculos fantasmas) + superfície sólida
     Evidência: Mais Vendidos beforeW=42/afterW=38 com content:""; Lançamentos já tinha content:none. */
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav
    .awa-carousel__toggle:not([hidden]) {
    background: var(--awa-bg, #fff) !important;
    background-color: var(--awa-bg, #fff) !important;
    border: 1px solid var(--awa-border, color-mix(in srgb, CanvasText 12%, Canvas)) !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 8px rgb(15 23 42 / 10%) !important;
    color: var(--awa-text-secondary, #475569) !important;
    font-size: 0 !important;
    z-index: 5 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav
    .awa-carousel__toggle:not([hidden])::before,
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav
    .awa-carousel__toggle:not([hidden])::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel
    > .awa-owl-nav.awa-carousel__nav
    .awa-carousel__toggle:not([hidden])
    > svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: currentColor !important;
    fill: currentColor !important;
  }

  /* H19B: subtítulo featured — vence density-grid display:none (hierarquia título→contexto) */
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section--featured
    .awa-section-header__subtitle:not(:empty) {
    display: block !important;
    margin: 0 !important;
    max-width: 48ch !important;
    font-size: max(13px, 0.8125rem) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--awa-text-secondary, #475569) !important;
  }

  /* §H19: product-thumb vs img — anti double-padding (gap 32 → ~16)
     Evidência runtime: thumb pad 8px + container pad 8px (corp space-2) = inset 16/lado.
     Mantém frame único no .product-thumb; zera pad interno de container/wrapper/link. */
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .product-thumb {
    padding: 6px !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .product-thumb
    :is(
      .product-thumb-link,
      .product-image-container,
      .product-image-wrapper,
      .first-thumb,
      .second-thumb,
      .awa-image-container--fluid
    ) {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .product-thumb
    :is(.product-image-photo, img) {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* H21-home-product-img-fill (2026-07-18)
   Evidência CDP: thumb ~181×156, img 140×140 (cap legado 156px + min(128px,88%)).
   Carrosséis + grid Lançamentos + niche shelves — palco 1:1, foto preenche área útil. */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-shelf--carousel, .awa-grid-section, .awa-home-niche-shelves, #awa-home-niche-shelves)
  .product-thumb {
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-shelf--carousel, .awa-grid-section, .awa-home-niche-shelves, #awa-home-niche-shelves)
  .product-thumb
  :is(
    .product-thumb-link,
    .product-image-container,
    .product-image-wrapper,
    .first-thumb,
    .awa-image-container--fluid
  ) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-shelf--carousel, .awa-grid-section, .awa-home-niche-shelves, #awa-home-niche-shelves)
  .product-thumb
  :is(.product-image-photo, img) {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* FIX H26 (2026-07-17): header_main shell — guest prompt overflow + sr-only leak guard
   H2: line2 nowrap 159px > guest 152px (scrollW overflow)
   H4: touch-target min-height 40px on line2 + line1 > guest shell 44px → header_main +2px scrollH
   H1: reforço #awa-search-help fora do fluxo visual do shell 68px
   2026-07-19: overflow:visible no inner-wrap — o hidden aqui (8×#html-body) vencia o
   lock visible de L16047 e recortava autocomplete/dropdowns. Contenção fica só no prompt.
   2026-07-19b: mobile — §APF-MOBILE-FINAL + locks catalog (5×#html-body) mantinham
   overflow:hidden e cortavam .search-autocomplete (top>iwBottom). Altura fica no
   max-height; overflow visible só nos shells da busca. */
@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .header_main.awa-main-header-inner-wrap {
    overflow: visible !important;
    align-content: center !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    :is(.awa-header-account-prompt__text, .awa-header-account-prompt__guest) {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: 44px !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__line1 {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__line2 {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 20px !important;
    line-height: 1.15 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__line2
    :is(.awa-header-account-prompt__link, .awa-header-account-prompt__separator) {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__icon {
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

/* FIX H26-mobile (2026-07-19): searchsuite autocomplete clipped by §APF-MOBILE-FINAL
   Runtime: autocomplete bottom 146 > innerWrap bottom 128 com overflow:hidden.
   Dentro de @layer awa-visual-priority — !important layered vence unlayered (home deferred).
   Nota: :is() na mesma linha do ancestral (espaço combinator) — minify não pode colapsar. */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .header-wrapper-sticky :is(.header.awa-main-header, .header_main.awa-main-header-inner-wrap, .header-main, .header_main, .header-main > .container, .header_main > .container, .awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
      overflow: visible !important;
    }

    html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col :is(.block-search, .block-content, form#search_mini_form, form.minisearch, .field.search, .field.search .control) {
      overflow: visible !important;
    }
  }

  /* FIX 2026-07-19 H3-desktop: locks §APF em ~L10193 forçavam overflow:hidden
     na busca desktop — autocomplete SearchSuite/Miravist fica clipado.
     Runtime home 1440: .field.search = overflow "hidden auto". */
  @media (min-width: 768px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header:not(.awa-header-condensed) .awa-header-search-col :is(.block-search, .block-content, form#search_mini_form, form.minisearch, .field.search, .field.search .control) {
      overflow: visible !important;
    }
  }
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  #awa-search-help.awa-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §PLP-TOOLBAR-ALIGN Round13 — 2026-07-17
   Evidência CDP (ec818a): #sorter top 778 vs #limiter top 768 → misalign 10px.
   Causa: awa-visual-fixes `label + select { margin-top: 8px }` casa no sorter
   (label.sorter-label + select.sorter-options) mas não no limiter (.control no meio).
   Hipótese L CONFIRMED.
   ═══════════════════════════════════════════════════════════════════════════ */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  .toolbar-sorter.sorter {
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 44px !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  .toolbar-sorter.sorter
  .sorter-label {
  align-items: center !important;
  display: inline-flex !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 44px !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  .toolbar-sorter.sorter
  label.sorter-label
  + select.sorter-options {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  :is(.sorter-options, .limiter-options) {
  margin: 0 !important;
  margin-block: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  .field.limiter
  > .control {
  align-items: center !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 44px !important;
}

/* §PLP-TOOLBAR-ALIGN Round15 — 2026-07-17
   Evidência Playwright (ec818a): .center h=56px; #limiter top=768 (top-aligned);
   #sorter top=774 (centered) → misalign 6px. Hipótese L2 CONFIRMED. */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  .center {
  align-items: center !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .shop-tab-select
  .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
  .center
  > :is(.toolbar-sorter.sorter, .field.limiter) {
  align-self: center !important;
  margin-block: 0 !important;
}

/* ── §PDP-GALLERY-FIX 2026-07-18 — Fotorama stage + thumb-nav overflow ───────
   Evidência Playwright (1280×900): wrap scrollHeight 420 vs offsetHeight 384;
   navWrap bottom +45px vs gallery-placeholder; stage aspect-ratio 1/1 + max-height
   307px conflita com inline Fotorama (631×392); thumb-border 85×85 vs thumb 85×52.
   ─────────────────────────────────────────────────────────────────────────── */

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media:has(.fotorama-item) {
  contain: none !important;
  height: auto !important;
  overflow: hidden !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media:has(.fotorama-item)
  :is(.gallery-placeholder, .fotorama-item, .fotorama, .fotorama__wrap) {
  aspect-ratio: auto !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  min-block-size: 0 !important;
  overflow: visible !important;
  place-items: unset !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__stage {
  aspect-ratio: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__stage__shaft,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__stage__frame {
  max-height: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__stage__frame .fotorama__img {
  block-size: auto !important;
  inline-size: auto !important;
  max-block-size: 100% !important;
  max-inline-size: 100% !important;
  object-fit: contain !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .main-detail:has(.b2b-login-to-see-price) .product.media
  :is(.fotorama__stage, .fotorama__stage__shaft, .fotorama__stage__frame) {
  max-height: none !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen :is(.fotorama__nav-wrap, .fotorama__nav) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
  width: 0 !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__nav-wrap {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  width: 0 !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__stage__frame
  :is(.fotorama__img, .fotorama__img--full) {
  /* Sizing is owned by awa-pdp-gallery-sync soft-cover (inline). */
  object-position: center center !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen {
  align-items: center !important;
  background: #020617 !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  z-index: 100200 !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__wrap, .fotorama__stage, .fotorama__stage__shaft, .fotorama__stage__frame) {
  background: transparent !important;
  background-color: transparent !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__fullscreen-icon {
  position: fixed !important;
  right: 12px !important;
  top: 12px !important;
  left: auto !important;
  z-index: 100250 !important;
}

/*
 * Fullscreen Fotorama leaves .page-wrapper/.product.media, so the regular PDP
 * control selectors no longer match. Keep 44px touch targets and draw compact
 * glyphs without the legacy 80px gallery sprite.
 * Controls are position:fixed to the viewport (not the shrunk wrap) so close/arrows
 * sit on screen edges. Arrow visibility is driven by data-awa-fs-arr from JS —
 * do NOT force display:flex here or Fotorama's display:none is overridden wrongly.
 */
html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__fullscreen-icon, .fotorama__arr, .fotorama__zoom-in, .fotorama__zoom-out) {
  box-sizing: border-box !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
  height: 44px !important;
  max-height: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  width: 44px !important;
  z-index: 100250 !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__fullscreen-icon, .fotorama__zoom-in, .fotorama__zoom-out) {
  background-image: none !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr {
  margin: 0 !important;
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr[data-awa-fs-arr="on"] {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr[data-awa-fs-arr="off"],
html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr:not([data-awa-fs-arr="on"]) {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr--prev {
  left: 12px !important;
  right: auto !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr--next {
  left: auto !important;
  right: 12px !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__arr__arr {
  background: none !important;
  border: 0 !important;
  height: 12px !important;
  left: 50% !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  width: 12px !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  .fotorama__arr--prev .fotorama__arr__arr {
  border-bottom: 2px solid currentColor !important;
  border-left: 2px solid currentColor !important;
  transform: translate(-35%, -50%) rotate(45deg) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  .fotorama__arr--next .fotorama__arr__arr {
  border-right: 2px solid currentColor !important;
  border-top: 2px solid currentColor !important;
  transform: translate(-65%, -50%) rotate(45deg) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__zoom-in, .fotorama__zoom-out) {
  left: 12px !important;
  position: absolute !important;
  right: auto !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__zoom-in {
  top: 12px !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__zoom-out {
  top: 64px !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__fullscreen-icon, .fotorama__zoom-in, .fotorama__zoom-out)::before,
html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__fullscreen-icon, .fotorama__zoom-in)::after {
  background: currentColor !important;
  content: "" !important;
  height: 2px !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  width: 16px !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  .fotorama__fullscreen-icon::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  .fotorama__fullscreen-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__zoom-in, .fotorama__zoom-out)::before {
  transform: translate(-50%, -50%) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  .fotorama__zoom-in::after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen
  :is(.fotorama__wrap, .fotorama__stage, .fotorama__stage__shaft, .fotorama__stage__frame) {
  left: auto !important;
  max-height: calc(100dvh - 32px) !important;
  overflow: hidden !important;
  top: auto !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__stage {
  position: relative !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__stage__shaft {
  margin-top: 0 !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__stage__frame {
  top: 0 !important;
  left: 0 !important;
}

html body.fotorama__fullscreen .fotorama-item.fotorama--fullscreen .fotorama__stage__frame .fotorama__img {
  block-size: auto !important;
  inline-size: auto !important;
  max-block-size: 100% !important;
  max-inline-size: 100% !important;
  object-fit: contain !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__arr .fotorama__arr__arr {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  height: 11px !important;
  left: 50% !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  width: 11px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__arr--prev .fotorama__arr__arr {
  border-bottom: 2.5px solid #334155 !important;
  border-left: 2.5px solid #334155 !important;
  transform: translate(-35%, -50%) rotate(45deg) !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__arr--next .fotorama__arr__arr {
  border-right: 2.5px solid #334155 !important;
  border-top: 2.5px solid #334155 !important;
  transform: translate(-65%, -50%) rotate(45deg) !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__nav-wrap {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  z-index: 2 !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__stage {
  overflow: hidden !important;
  max-height: 520px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__stage__frame .fotorama__img {
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__nav__frame--thumb {
  box-sizing: border-box !important;
  height: 64px !important;
  width: 85px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__thumb-border {
  box-sizing: border-box !important;
  height: 64px !important;
  width: 85px !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__nav__frame .fotorama__thumb {
  block-size: 100% !important;
  inline-size: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  .product.media .fotorama__nav__frame .fotorama__img {
  block-size: 100% !important;
  inline-size: 100% !important;
  object-fit: contain !important;
}

/* ── §FOOTER-CATEGORIES-FILL 2026-07-18 — link preenche célula do grid ───────
   Evidência: li ~208px, a ~85px (gap ~127px); width:100% em regra anterior
   não vencia inline-flex shrink-to-fit. li block + a flex 100% resolve. */
@media (min-width: 480px) {
  html body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    ul.awa-footer-categories-list > li {
    display: block !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    ul.awa-footer-categories-list > li > a {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 100% !important;
    min-height: 44px !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* §H21c-terminal — mobile product shelf: sem gutter 58; 2 cols úteis
   Runtime: pad 58×2 → viewport 217 → slide 93 → CTA Ver produto clipado. */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel {
    padding-inline: 0 !important;
    --awa-home-carousel-cols: 2 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section
    .awa-shelf--carousel
    :is(.awa-carousel__slide, .owl-item, ul.owl.awa-carousel__track > li.item) {
    flex: 0 0 calc((100% - ((var(--awa-home-carousel-cols, 2) - 1) * var(--awa-home-carousel-gap, 10px))) / var(--awa-home-carousel-cols, 2)) !important;
    max-inline-size: calc((100% - ((var(--awa-home-carousel-cols, 2) - 1) * var(--awa-home-carousel-gap, 10px))) / var(--awa-home-carousel-cols, 2)) !important;
    inline-size: calc((100% - ((var(--awa-home-carousel-cols, 2) - 1) * var(--awa-home-carousel-gap, 10px))) / var(--awa-home-carousel-cols, 2)) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-carousel-section--featured
    .awa-shelf--carousel
    .item-product
    .awa-card-view-product.action.secondary {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
}

/* §H21d — footer-bottom: width 100%/375px + margin-inline 12px → scrollWidth 387 (PDP mobile)
   Preserva inset visual com width:auto + max-width calc. */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .footer-bottom {
    box-sizing: border-box !important;
    margin-inline: 12px !important;
    max-width: calc(100% - 24px) !important;
    width: auto !important;
  }
}
/*awa-footer-density-desktop-r9c*/@media (min-width:768px){html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) :is(ul.velaFooterLinks a,ul.velaFooterLinks li>a,.velaFooterLinks a,.awa-footer-atendimento__actions a,.awa-footer-atendimento__phone a,.awa-footer-atendimento__email a,.awa-footer-devby__link){min-height:0!important;height:auto!important;padding-block:4px!important;padding-inline:0!important;line-height:1.35!important;margin:0!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) ul.velaFooterLinks{gap:2px!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) ul.velaFooterLinks li{margin:0!important;padding:0!important}}
/*§awa-home-qa-batch-2026-07-22*/
/**
 * AWA Home QA batch 2026-07-22 (debug d5387e)
 * Fixes: category peek/arrow overlap, sticky cover, carousel arrows,
 * newsletter rhythm, mobile header/hero, ver todos clip, shelf arrows,
 * footer accordion icons, categorias CTA border, back-to-top offset.
 */

/* ── D1/D2: category carousel — clip before arrow gutter ─────────────────── */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel {
  position: relative !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__viewport {
  /* r2e: scroll container único — clip cortava o 7º item / contadores */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__viewport {
    /* H22b: setas overlaid; track usa largura útil (era gutter 52×2) */
    --awa-home-carousel-gutter: 8px;
    padding-inline: var(--awa-home-carousel-gutter, 8px) !important;
    overflow-x: auto !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__track {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    scroll-padding-inline: 0 !important;
  }

  /* H22b: cards de categoria — padding no ritmo 8px */
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-category-card, .awa-category-carousel__item) {
    padding: 8px !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__track::-webkit-scrollbar {
    display: none !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    :is(.awa-category-carousel__prev, .awa-category-carousel__next) {
    background: var(--awa-bg, #fff) !important;
    border: 1px solid var(--awa-border, #e2e8f0) !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 6%) !important;
    z-index: 4 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__prev {
    inset-inline-start: 4px !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__next {
    inset-inline-end: 4px !important;
  }
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-category-carousel__item, .awa-category-carousel__item--compact) {
  max-width: 144px !important;
  min-width: 120px !important;
  width: 144px !important;
  overflow: hidden !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__label {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: none !important;
  max-width: 100% !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__count {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

/* ── D3: sticky header — drop promo when sticky; shorter cover ───────────── */
html body#html-body#html-body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header
  .header-wrapper-sticky.is-sticky
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar, .top-header.awa-b2b-promo-bar) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body#html-body#html-body#html-body.awa-header-is-sticky {
  scroll-padding-top: 72px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-carousel-section, .awa-home-section, .top-home-content) {
  scroll-margin-top: 80px !important;
}

/* ── D4: product carousel arrows — keep inside shell, consistent height ──── */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel {
  position: relative !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted),
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted) {
  position: absolute !important;
  inset-inline: 0 !important;
  top: calc(50% - 18px) !important;
  bottom: auto !important;
  transform: none !important;
  height: 0 !important;
  width: 100% !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-owl-nav__btn,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-owl-nav__btn {
  pointer-events: auto !important;
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  inset-block-start: 0 !important;
  inset-block-end: auto !important;
  transform: translateY(-50%) !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-carousel__arrow--prev,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-carousel__arrow--prev {
  inset-inline-start: 8px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-carousel__arrow--next,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-carousel__arrow--next,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-carousel__toggle,
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav:not(.awa-owl-nav--header-mounted)
  .awa-carousel__toggle {
  inset-inline-end: 8px !important;
}

/* ── D5: newsletter — equal control heights + disclaimer clearance ───────── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  :is(input#newsletter, input[type='email'], .action.subscribe) {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  :is(.awa-newsletter-note, .note, small, .awa-newsletter-disclaimer, p) {
  margin-block-start: 10px !important;
  clear: both !important;
  max-width: 100% !important;
  line-height: 1.4 !important;
}

/* ── D6: footer AWA logo — colored, no mono filter ───────────────────────── */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-bottom__logo-img {
  filter: none !important;
  opacity: 1 !important;
  -webkit-filter: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .footer-bottom
  .awa-footer-bottom__logo-col
  > a {
  background: transparent !important;
  background-color: transparent !important;
}

/* ── M7: mobile header — compact promo + fold budget ─────────────────────── */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
    height: 36px !important;
    max-height: 36px !important;
    min-height: 36px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    .awa-b2b-promo-close,
  html body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
    button.awa-b2b-promo-close {
    top: 0 !important;
    inset-block-start: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  html body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .header-content {
    min-height: 0 !important;
  }
}

/* ── M8/M9: mobile hero — softer nav; prefer cover focus ─────────────────── */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .awa-hero-swiper
    img,
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .swiper-slide
    img {
    object-fit: cover !important;
    object-position: center 35% !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    :is(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next) {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    opacity: 0.72 !important;
    background: rgb(15 23 42 / 45%) !important;
    color: #fff !important;
    border: 0 !important;
    top: auto !important;
    bottom: 12px !important;
    transform: none !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .awa-hero-swiper__nav--prev,
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .swiper-button-prev {
    inset-inline-start: 12px !important;
    left: 12px !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .awa-hero-swiper__nav--next,
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .wrapper_slider.visible-xs
    .swiper-button-next {
    inset-inline-end: 12px !important;
    right: 12px !important;
  }
}

/* ── M10–M13: mobile shelves — Ver todos + hide overlapping arrows ───────── */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-section-header, .awa-shelf__header, .awa-category-carousel__header) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-section-header__left, .awa-shelf__header-left) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-section-header__link, .awa-shelf__view-all, .awa-category-carousel__cta-link) {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
    margin-inline-start: auto !important;
    padding-inline: 4px 0 !important;
    font-size: 13px !important;
  }

  /* Touch: swipe instead of on-card arrows */
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    > .awa-owl-nav,
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel__toggle {
    display: none !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    :is(.owl-stage-outer, .awa-carousel__viewport, .awa-reel) {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 16px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    :is(.owl-item, .awa-carousel__slide, .item) {
    scroll-snap-align: start !important;
  }
}

/* ── M14: footer accordion icons — explicit + / − (not ×) ────────────────── */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    button.awa-footer-section__toggle::after {
    content: '+' !important;
    font-family: Rubik, system-ui, sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: var(--awa-text, #333) !important;
    speak: never;
  }

  html body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    button.awa-footer-section__toggle[aria-expanded='true']::after,
  html body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .velaFooterTitle.active
    button.awa-footer-section__toggle::after {
    content: '\2212' !important; /* minus sign, not x/× */
  }
}

/* ── M15: VER TODAS AS CATEGORIAS — single clean border ──────────────────── */
html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-categories-expand__toggle {
  border: 1px solid var(--awa-border, #e2e8f0) !important;
  outline: none !important;
  box-shadow: none !important;
  background: var(--awa-bg, #fff) !important;
  margin-block-start: 8px !important;
}

html body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  section.awa-footer-categories-expand
  .awa-footer-categories-expand__inner {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* P2-FAB-STACK 2026-08-17
   r30 stacked BTT above a 50px WhatsApp (nav+12+50+12). Home no longer shows WA;
   #awa-ai-chat-root (56) + sound (44) occupy that corner. CDP: BTT ∩ toggle,
   ∩ label, ∩ sound. Chat INTOCAVEL — only raise BTT.
   11×#html-body beats r30 10×. z-index 998 < chat 9999.
   !important required: r30 unlayered 10-ID lock. */
@media (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body button#awa-back-to-top.awa-back-to-top.is-visible:not([hidden]),
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body :is(#awa-back-to-top, .awa-back-to-top).is-visible:not([hidden]) {
    bottom: calc(var(--awa-mobile-bottom-nav-h, 72px) + 12px + 56px + 12px + 44px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(var(--awa-mobile-bottom-nav-h, 72px) + 12px + 56px + 12px + 44px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    right: 16px !important;
    z-index: 998 !important;
  }
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.awa-cookie-banner-active :is(#awa-back-to-top, .awa-back-to-top).is-visible:not([hidden]) {
    bottom: calc(var(--awa-mobile-bottom-nav-h, 72px) + 12px + 56px + 12px + 44px + 12px + var(--awa-cookie-banner-height, 0px) + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(var(--awa-mobile-bottom-nav-h, 72px) + 12px + 56px + 12px + 44px + 12px + var(--awa-cookie-banner-height, 0px) + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/*§pdp-title-ssot-r1*/
html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .page-title-wrapper{
margin:0!important;padding-block:8px 12px!important;gap:0!important;
border-block-end:1px solid var(--awa-border)!important}
html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .page-title-wrapper :is(h1.page-title,.page-title,.page-title .base){
margin:0!important;margin-block:0!important;padding:0!important;border-block-end:0!important;
font-family:var(--awa-font-heading,"Rubik",system-ui,sans-serif)!important;
font-size:clamp(1.125rem,1.05rem + .45vw,1.375rem)!important;font-weight:700!important;
line-height:1.3!important;letter-spacing:-.01em!important;color:var(--awa-text)!important;
text-wrap:balance!important;hyphens:none!important;-webkit-hyphens:none!important}


/* AWA 2026-07-22: tablet (768–991) — sem sticky no filtro.
   No desktop (≥992) o grid estica a sidebar; no tablet a coluna é curta e o sticky
   gera top negativo. Preferir fluxo normal + scroll da página. */
@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(#layered-ajax-filter-block.block.filter, .block.filter) {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Desktop: reforço overflow-y auto (vence catch-all overflow:visible). */
@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    :is(#layered-ajax-filter-block.block.filter, .block.filter) {
    max-height: calc(100dvh - var(--awa-header-scroll-offset, 128px) - 16px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
}

/* AWA 2026-07-22 search shell — aba ativa ilegível + título/breadcrumb.
   Causa: themes/styles-l `.col-main a { color: var(--awa-primary) !important }`
   vence `.mst-search__result-tabs li a.active { color: var(--awa-bg) }`. */
html
  body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  :is(.column.main, .col-main)
  .mst-search__result-tabs
  a:is(.active, [aria-selected="true"]) {
  background-color: var(--awa-red, #b73337) !important;
  border-color: var(--awa-red, #b73337) !important;
  color: #fff !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  :is(.column.main, .col-main)
  .mst-search__result-tabs
  a:not(.active):not([aria-selected="true"]) {
  background-color: #fff !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  color: var(--awa-red, #b73337) !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  .page-title-wrapper {
  box-sizing: border-box !important;
  margin-block: 12px 8px !important;
  margin-inline: auto !important;
  max-width: min(100%, var(--awa-container-max, 1280px)) !important;
  padding-inline: var(--awa-container-gutter, 16px) !important;
  width: 100% !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  .page-title-wrapper
  .page-title {
  margin-block: 0 !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
  .page-wrapper
  .breadcrumbs {
  box-sizing: border-box !important;
  margin-block: 0 12px !important;
  max-width: min(100%, var(--awa-container-max, 1280px)) !important;
  min-height: 0 !important;
  padding-block: 6px !important;
  padding-inline: var(--awa-container-gutter, 16px) !important;
}

/* Search/PLP breadcrumbs: override touch-target 44px (awa-defer-global + touch-44-terminal).
   CDP 2026-08-02: .items a minH 44 + pad 10 → ul.items h 50. */
html
  body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .catalogsearch-result-index,
    .catalog-category-view
  )
  .page-wrapper
  :is(.breadcrumbs, .nav-breadcrumbs)
  :is(ul.items, .items a, .items li, .items .item) {
  min-height: 0 !important;
  min-block-size: 0 !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding-block: 2px !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .catalogsearch-result-index,
    .catalog-category-view
  )
  .page-wrapper
  :is(.nav-breadcrumbs, .breadcrumbs) {
  min-height: 0 !important;
  height: auto !important;
  margin-block: 0 var(--awa-stack-tight, 12px) !important;
  padding-block: 0 !important;
}

/* Avoid 2-line wrap on current crumb (max-width:220px forced tall box). */
html body#html-body#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs .items .item.search,
html body#html-body#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs .items .item:last-child {
  flex: 0 1 auto !important;
  max-width: none !important;
}

html body#html-body#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs .items .item.search strong,
html body#html-body#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs .items .item:last-child strong,
html body#html-body#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs .items strong {
  white-space: nowrap !important;
  min-height: 0 !important;
  min-block-size: 0 !important;
  height: auto !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §NAV-QL-FIT 2026-07-23 — Quick links alinhados/encaixados na nav bar
   Evidência runtime (debug 14c685):
   - H-A/B: flex vence grid; margin-left:auto no stylesheet NÃO aplica (computed 0)
     mesmo com 5x #html-body — inline auto funciona. Usar justify-content:space-between.
   - H-C/D: padding 8px + alturas 40/44/48 → topDelta -6. Fix: pad 0 + h 44 centrado.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-bar__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 16px !important;
    gap: 16px !important;
    box-sizing: border-box !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 16px !important;
    padding-block: 0 !important;
    padding-inline: 16px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories.menu_left_home1 {
    flex: 0 0 206px !important;
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-categories
    :is(
      button.our_categories.title-category-dropdown[data-role='awa-vertical-menu-trigger'],
      h2.our_categories.title-category-dropdown
    ) {
    box-sizing: border-box !important;
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-header-primary-nav.menu_primary {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    .awa-nav-quick-links__list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default']
    .header-control.awa-nav-bar
    :is(.awa-nav-quick-links__link, .awa-nav-quick-links__list a) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
}


/* =============================================================================
   MICRO-VISUAL-FINAL 2026-07-24 — Pixel QA pré-lançamento
   Escopo: (1) raio 8px add-to-cart equivalentes PLP/busca/reorder
           (2) CTA hero B2B min-height ≥44px
           (3) voltar ao topo raio 8px (token --awa-control-radius)
   Sem novos tokens, sem novo arquivo, sem alterar container/gutter.
   C2/C1/C3: !important necessário para vencer themes/foundation/terminal
   (raio-sm 12px e button 3px já usam !important ou var herdado).
   ============================================================================= */

/* C1 — add-to-cart equivalentes (PLP grid + sidebar reorder) → 8px */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(
    .products-grid .action.tocart,
    .product-items .action.tocart,
    .item-product .action.tocart,
    .btn-add-to-cart.action.tocart,
    .block-reorder .action.tocart,
    .sidebar .block-reorder .actions-toolbar .action.tocart,
    .sidebar .block-reorder .action.tocart.primary
  ) {
  border-radius: var(--awa-control-radius, 8px) !important;
}

/* C2 — CTA "Cadastrar no B2B" (hero) → área clicável ≥44px */
html body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .content-top-home
  .top-home-content--above-fold
  .text-banner:not(:empty)
  .awa-hero-slide__cta {
  min-height: 44px !important;
  padding-block: 10px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

/* C3 — Voltar ao topo → raio-base 8px */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(#awa-back-to-top, .awa-back-to-top) {
  border-radius: var(--awa-control-radius, 8px) !important;
}

/* =============================================================================
   PIXEL-QA GUTTER AXIS 2026-07-24 — contrato: 24 desktop (≥1024) / 16 mobile
   Evidência: body=24 não basta — .page-wrapper/.content-top-home (themes +
   deferred-stack) e header (padding:0 16px / --awa-header-shell-pad) re-fixam 16.
   ============================================================================= */
@media (min-width: 1024px) {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .content-top-home,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode='default'] {
    --awa-home-shell-gutter: 24px !important;
    --awa-shell-gutter: 24px !important;
    --awa-page-pad: 24px !important;
    --awa-page-pad-desktop: 24px !important;
    --awa-page-pad-catalog: 24px !important;
    --awa-container-gutter: 24px !important;
    --awa-container-pad: 24px !important;
    --awa-header-shell-pad: 24px !important;
    --awa-grid-container-pad: 24px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-main-header__inner.wp-header,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    :is(.awa-main-header__inner, .awa-main-header__inner[data-awa-header-row]),
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .header-wrapper-sticky
    :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]) {
    padding: 0 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-inline: 24px !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .content-top-home
    :is(
      .awa-home-section,
      .awa-carousel-section,
      .awa-home-pricing-notice
    ),
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page-main.container, #maincontent.page-main.container, .page-main),
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.footer-container, .page-footer .footer.content, .page-footer .vela-content) {
    padding-inline: 24px !important;
  }

  /* Hero full-bleed: não herdar gutter 24px do bloco acima (content-box → overflow). */
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .content-top-home
    > .top-home-content--above-fold,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .content-top-home
    > .top-home-content--above-fold.awa-hero {
    padding-inline: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-category-view,
      .catalogsearch-result-index
    )
    .page-wrapper
    :is(.page-title-wrapper, .breadcrumbs) {
    padding-inline: var(--awa-container-gutter, 24px) !important;
  }
}

/* PIXEL-QA: vence deferred-stack @layer awa-visual-priority (padding:0 16px !important) */
@layer awa-visual-priority {
  @media (min-width: 1024px) {
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      #header.header-container
      .awa-main-header__inner,
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-main-header
      .awa-main-header-inner-wrap
      .awa-main-header__inner,
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .header.awa-main-header
      .header_main.awa-main-header-inner-wrap
      .awa-main-header__inner,
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-main-header__inner.wp-header {
      padding: 0 24px !important;
      padding-inline: 24px !important;
    }
  }

}

/* PIXEL-QA B: sticky já tem 16px; inner 12px somava eixo a 28.
   Em !important a layer early (first-paint-lock) vence visual-priority.
   PIXEL-QA 2026-07-25: no catálogo o sticky era 0 e o inner também 0 → eixo 0.
   Forçar sticky 16 no first-paint-lock (vence locks posteriores). */
@layer awa-header-first-paint-lock {
  @media (max-width: 767px) {
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .header-wrapper-sticky,
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      #header
      .header-wrapper-sticky {
      padding-inline: 16px !important;
      padding-left: 16px !important;
      padding-right: 16px !important;
      box-sizing: border-box !important;
    }

    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .header-wrapper-sticky
      :is(.awa-main-header__inner.wp-header, .awa-main-header__inner[data-awa-header-row]),
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .header.awa-main-header
      .header_main.awa-main-header-inner-wrap
      .awa-main-header__inner,
    html body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-main-header__inner.wp-header {
      padding-inline: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }
}

/*§touch-44-r1 — WCAG 2.5.8 / Magento: alvo tocável ≥44px (evidência Pixel-QA 2026-07-25)*/
html body#html-body#html-body#html-body .page-wrapper .toolbar-products :is(select.sorter-options,select.limiter-options,#sorter,#limiter){
min-height:44px!important;height:44px!important;max-height:none!important;box-sizing:border-box!important;padding-block:8px!important}
html body#html-body#html-body#html-body .page-wrapper :is(.breadcrumbs,.nav-breadcrumbs) a{
display:inline-flex!important;align-items:center!important;min-height:44px!important;padding-block:10px!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) :is(button.awa-footer-section__toggle,.awa-footer-section__toggle){
min-height:44px!important;height:auto!important;max-height:none!important;padding-block:10px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}
html body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) .awa-footer-categories-expand__list a{
display:inline-flex!important;align-items:center!important;min-height:44px!important;padding-block:10px!important;box-sizing:border-box!important}

/* §plp-col-r2 2026-07-25: mobile contain + tablet hide collapsed filter column. */
@media (max-width:767px){
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index,.page-products) .page-wrapper .page-main > .columns > .col-main{flex:1 1 auto!important;flex-shrink:1!important;flex-basis:0%!important;width:auto!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index,.page-products) .page-wrapper .page-main > .columns > .col-main :is(.category-view-move,.awa-category-hero,.shop-tab-title,.wrapper.grid.products-grid,#layered-ajax-list-products){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@media (max-width:991px){
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index,.page-products):not(.awa-plp-filters-expanded) .page-wrapper .page-main > .columns{grid-template-columns:minmax(0,1fr)!important}
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index,.page-products):not(.awa-plp-filters-expanded) .page-wrapper .page-main > .columns > .col-xs-12.col-sm-3:not(.col-main){display:none!important;width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;overflow:hidden!important;pointer-events:none!important}
html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index,.page-products):not(.awa-plp-filters-expanded) .page-wrapper .page-main > .columns > .col-main{width:100%!important;max-width:100%!important;min-width:0!important;grid-column:1/-1!important}
}

/* =============================================================================
   FIX P1-C header (2026-07-28) — quick links sentence-case em TODOS os viewports
   Causa: text-transform:none do nav só existia em @media (min-width:992px);
   abaixo disso awa-layout-bundle força uppercase (ex.: viewport 977px).
   ============================================================================= */
html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index)
  .page-wrapper
  .awa-site-header[data-awa-header-mode='default']
  .header-control.awa-nav-bar
  :is(.awa-nav-quick-links__link, .awa-nav-quick-links__list a) {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* =============================================================================
   FIX P1-C (2026-07-28) — PLP: uppercase/font-size do badge isolado do card
   Causa: .hot-onsale no impeccable-refine herdava font-size 10px + uppercase;
   o container vazava tipografia para título, SKU e gate B2B em cards da grade.
   ============================================================================= */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  :is(
    .product-info,
    .product-item-details,
    .product-name,
    .product-name a,
    .product-item-link,
    .awa-b2b-sku,
    .awa-b2b-sku__label,
    .awa-b2b-sku__value,
    .info-price,
    .b2b-login-to-see-price,
    .b2b-login-to-see-price__title,
    .b2b-login-to-see-price__message
  ) {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* R1 (2026-07-28): conta pendente usa .price-label (nao BEM title/message);
   tipografia 10px/uppercase do chip generico vazava visualmente como leak P1-C. */
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .b2b-login-to-see-price.b2b-price-pending
  .price-label {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-name a,
html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-item-link {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .product-thumb
  .hot-onsale:not(:has(.onsale)) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  text-transform: none !important;
  font-size: inherit !important;
  letter-spacing: normal !important;
  padding: 0 !important;
  background: transparent !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .hot-onsale {
  text-transform: none !important;
  font-size: inherit !important;
  letter-spacing: normal !important;
  padding: 0 !important;
  background: transparent !important;
}

html body#html-body#html-body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.products-grid, .wrapper.grid.products-grid)
  li.item-product
  .hot-onsale
  :is(.onsale, .onsale .sale-text) {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
}


/* =============================================================================
   P2.1 2026-07-28 — HOME nav gutter axis (tablet/desktop)
   Evidência: pós css-gate, home logo/dept dx=-8 (nav pl 16 vs header 24).
   PLP desktop permanece com nav 16 (dx=0) — NÃO alterar globalmente.
   ============================================================================= */
@media (min-width: 768px) {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5
    )
    .page-wrapper
    .awa-site-header
    .awa-nav-bar__inner,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5
    )
    .page-wrapper
    .awa-site-header
    .header-control.awa-nav-bar
    .awa-nav-bar__inner,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5
    )
    .page-wrapper
    .header-control.awa-nav-bar
    .awa-nav-bar__inner {
    padding-inline: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
}

/* 2026-07-30 account-prompt align lock — ícone + 2 linhas compactas à esquerda */
@media (min-width:992px){
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt{align-items:center!important}
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__mobile-link{display:none!important;width:0!important;min-width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt :is(.awa-header-account-prompt__text,.awa-header-account-prompt__guest){display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;text-align:start!important;height:44px!important;min-height:0!important}
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__line1{text-align:start!important;height:auto!important;min-height:0!important;max-height:none!important;line-height:1.2!important}
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state=guest] :is(.awa-header-account-prompt__line2,.awa-header-account-prompt__actions){display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;gap:4px!important}
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state=guest] :is(.awa-header-account-prompt__link,.awa-header-account-prompt__link--login,.awa-header-account-prompt__link--register){display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;max-height:none!important;line-height:1.2!important;padding:0 2px!important}
html body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__separator{display:inline-flex!important;align-items:center!important;height:auto!important;min-height:0!important;margin:0 2px!important;padding:0!important;line-height:1.2!important}
}
/* AWA quick-links beside departamentos v2 */html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header[data-awa-header-mode=default] .header-control.awa-nav-bar .awa-nav-bar__inner{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:16px!important;column-gap:16px!important;row-gap:16px!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header[data-awa-header-mode=default] .header-control.awa-nav-bar .awa-nav-quick-links{margin:0!important;margin-left:0!important;margin-inline-start:0!important;justify-content:flex-start!important;justify-self:start!important;flex:0 0 auto!important;grid-column:auto!important;overflow:visible!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header[data-awa-header-mode=default] .header-control.awa-nav-bar .awa-nav-quick-links__list{justify-content:flex-start!important}
/* AWA PDP title SSOT r1 */html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .page-title-wrapper{border-block-end:1px solid var(--awa-border)!important;margin:0!important;padding-block:8px 12px!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .page-title-wrapper :is(h1.page-title,.page-title,.page-title .base){font-family:var(--awa-font-heading,"Rubik",system-ui,sans-serif)!important;font-size:clamp(1.125rem,1.05rem + .45vw,1.375rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.01em!important;color:var(--awa-text)!important;text-wrap:balance!important;hyphens:none!important;margin:0!important;padding:0!important;border-block-end:0!important}


/* FIX 2026-07-31b: rating overlay global para cards (PLP/busca/relacionados) */
html body#html-body .page-wrapper :is(.product-item, .item-product, .awa-product-card) .rating-summary .rating-result {
  position: relative !important;
  display: inline-block !important;
  width: 85px !important;
  max-width: 85px !important;
  height: 18px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}
html body#html-body .page-wrapper :is(.product-item, .item-product, .awa-product-card) .rating-summary .rating-result > span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}


/* FIX 2026-07-31: shelf header Ver todos same-row lock */
html body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home :is(.awa-section-header,.awa-shelf__header) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
html body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home .awa-section-header__left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 8rem) !important;
  width: auto !important;
}
html body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home :is(.awa-section-header__link,.awa-shelf__view-all,.awa-shelf-view-all,.awa-category-carousel__cta-link) {
  flex: 0 0 auto !important;
  margin-inline-start: 0 !important;
  margin-left: 0 !important;
  align-self: center !important;
}

/* H22b-final (2026-07-31): category viewport — literal 8px beats stale layered 58px */
@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__viewport {
    padding-inline: 8px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .top-home-content--category-carousel
    .awa-category-carousel__track {
    margin-inline: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* H22c (2026-07-31): hero fade — active sempre visível (evita flash branco com opacity:0 inline) */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .top-home-content--above-fold
  .awa-hero-swiper.swiper-fade
  .swiper-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .top-home-content--above-fold
  .awa-hero-swiper.swiper-fade
  .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none !important;
}

/* H22d: promo banners — gap no ritmo 12px (era 20) */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-product-promo-banners
  .awa-product-promo-banners__grid {
  gap: var(--awa-grid-rhythm-md, 12px) !important;
  column-gap: var(--awa-grid-rhythm-md, 12px) !important;
  row-gap: var(--awa-grid-rhythm-md, 12px) !important;
}

/* H22e (2026-07-31): setas overlaid legíveis — fundo sólido + sombra
   H22g: gutter produto 48px (clearGap 0 com seta 44 + inset 4). */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav.awa-carousel__nav
  :is(
    .awa-owl-nav__btn,
    .awa-carousel__arrow,
    .awa-carousel__button,
    .awa-carousel__toggle
  ) {
  background: var(--awa-bg, #fff) !important;
  background-color: var(--awa-bg, #fff) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 4px rgb(15 23 42 / 12%) !important;
  color: var(--awa-text-secondary, #475569) !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 6 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav.awa-carousel__nav
  :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button):hover,
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav.awa-carousel__nav
  :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button):focus-visible {
  background: var(--awa-bg, #fff) !important;
  border-color: var(--awa-primary, #b73337) !important;
  color: var(--awa-primary, #b73337) !important;
  box-shadow: 0 2px 8px rgb(15 23 42 / 14%) !important;
}

html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav.awa-carousel__nav
  :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button)[aria-disabled='true'],
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel
  .awa-carousel
  > .awa-owl-nav.awa-carousel__nav
  :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button).is-disabled {
  opacity: 0.45 !important;
  pointer-events: none !important;
}

/* H22e: category arrows — mesmo chrome */
html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--category-carousel
  :is(.awa-category-carousel__prev, .awa-category-carousel__next) {
  background: var(--awa-bg, #fff) !important;
  background-color: var(--awa-bg, #fff) !important;
  border: 1px solid var(--awa-border, #e5e7eb) !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 4px rgb(15 23 42 / 12%) !important;
  z-index: 6 !important;
}

/* H22g-final (2026-07-31): UNLAYERED — vence deferred/layer; clearGap 0 */
@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-shelf--carousel
    .awa-carousel {
    --awa-home-carousel-gutter: 48px;
    padding-inline: 48px !important;
  }
}

/* H23-newsletter (2026-07-31): shell NÃO é 2-col — DOM é
   .awa-footer-newsletter > .container > .awa-newsletter-wrapper > (info | form).
   Evidência: newsletter grid "1260px 0px"; wrapper fixo 720/480; eixo −96px vs colunas. */
html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-block: 12px !important;
  padding-inline: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  > .container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--awa-home-terminal-shell, min(100%, 1280px)) !important;
  margin-inline: auto !important;
  padding-inline: var(--awa-page-pad, clamp(12px, 4vw, 24px)) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  .awa-newsletter-wrapper {
  display: grid !important;
  align-items: center !important;
  gap: 12px 16px !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    :is(.page_footer, .page-footer)
    .awa-footer-newsletter
    .awa-newsletter-wrapper {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  .awa-newsletter-desc {
  padding-inline: 0 !important;
  max-width: 52ch !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  .awa-newsletter-form-container
  .field.newsletter {
  margin-block-end: 0 !important;
  margin-bottom: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  :is(.page_footer, .page-footer)
  .awa-footer-newsletter
  .awa-newsletter-form-container
  .field.newsletter::after {
  margin-block-start: 6px !important;
}

/* H24b-home-space (2026-07-31 → 2026-08-02): ritmo vertical home = PLP stack 12px.
   H24 unlayered perdia para deferred @layer awa-visual-priority.
   Layered !important vence unlayered — override na mesma layer.
   Antes: gap/padding 8px; agora --awa-stack-tight (12px) SSOT com PLP. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    --awa-home-section-gap: var(--awa-stack-tight, var(--awa-space-3, 12px));
    --section-py: var(--awa-home-section-gap);
  }

  /* shell24: reforço mobile — density-grid @media 767 setava 8px no wrapper e ganhava do token body. */
  @media (max-width: 767px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5),
    html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .content-top-home,
    html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .content-top-home
      .ayo-home5-wrapper--template-driven {
      --awa-home-section-gap: var(--awa-stack-tight, var(--awa-space-3, 12px));
      --section-py: var(--awa-home-section-gap);
    }
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .ayo-home5-wrapper--template-driven {
    gap: var(--awa-home-section-gap, 12px) !important;
    row-gap: var(--awa-home-section-gap, 12px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(
      .top-home-content.awa-home-section,
      .top-home-content.awa-carousel-section,
      .top-home-content--category-carousel,
      .awa-home-section,
      .awa-carousel-section
    ):not(.top-home-content--above-fold) {
    margin-block: 0 !important;
    /* Gap do wrapper cuida do ritmo entre seções — evita 8+8+gap. */
    padding-block: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(
      .awa-section-header,
      .awa-shelf__header,
      .awa-category-carousel__header,
      header.awa-section-header
    ) {
    margin-top: 0 !important;
    margin-bottom: var(--awa-home-section-gap, 12px) !important;
    margin-block: 0 var(--awa-home-section-gap, 12px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-block: 0 !important;
    border-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.awa-carousel-section, .top-home-content--category-carousel, .awa-grid-section)
    > .container {
    gap: var(--awa-home-section-gap, 12px) !important;
    row-gap: var(--awa-home-section-gap, 12px) !important;
  }

  /* H24b-shelf-mb (shell23): themes margin-block-end:var(--awa-section-gap)=24px
     somava ao gap 12px do wrapper (visual 36px). Preload margin:0 não chega no HTML FPC. */
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(
      .awa-shelf,
      .awa-shelf--carousel,
      .rokan-bestseller,
      .rokan-newproduct,
      .rokan-featuredproduct,
      .rokan-onsaleproduct,
      .rokan-toprate,
      .rokan-mostviewed
    ) {
    margin: 0 !important;
    margin-block: 0 !important;
    margin-block-end: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Main Magento vazio na home (só form_key/messages) — remove min-height 48px morto. */
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    #maincontent.page-main {
    min-height: 0 !important;
    height: auto !important;
    width: min(100%, 1280px) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding-inline: clamp(16px, 2vw, 24px) !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    :is(.page-footer, .page_footer),
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    footer.page-footer {
    margin-top: var(--awa-home-section-gap, 12px) !important;
    margin-block-start: var(--awa-home-section-gap, 12px) !important;
  }
}

/* H-pdp-stack (2026-08-02): PDP ritmo vertical = PLP/home stack 12px.
   Evidência: .column.main grid row-gap 24px (styles-l/themes) + margin-top 12
   nos blocos = gaps 36px; related pt 40; crumbs→main 24. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view {
    --awa-pdp-stack-gap: var(--awa-stack-tight, var(--awa-space-3, 12px));
    --awa-pdp-gap-sm: var(--awa-pdp-stack-gap);
    --awa-pdp-gap-md: var(--awa-pdp-stack-gap);
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .nav-breadcrumbs {
    margin: 0 !important;
    margin-block: 0 !important;
    padding: 0 !important;
    padding-block: 0 !important;
    min-height: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .breadcrumbs {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    min-height: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    #maincontent.page-main {
    padding-top: var(--awa-pdp-stack-gap, 12px) !important;
    /* pb 0: gap até o footer vem só do margin-top do footer (evita 12+12). */
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .columns {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
    row-gap: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.column.main, .col-main) {
    row-gap: var(--awa-pdp-stack-gap, 12px) !important;
    gap: var(--awa-pdp-stack-gap, 12px) 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    :is(.column.main, .col-main)
    > :is(
      .product-view,
      .product.info.detailed,
      .awa-pdp-faq,
      .awa-pdp-related,
      .block.related,
      .block.upsell
    ) {
    margin: 0 !important;
    margin-block: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-pdp-faq {
    padding-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-pdp-related {
    padding-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
    .page-wrapper
    .awa-pdp-related > :is(.awa-section-header, .awa-shelf__header, .block-title) {
    margin-block-end: var(--awa-pdp-stack-gap, 12px) !important;
    padding-block-end: 0 !important;
  }

  /* Footer mt fica UNLAYERED abaixo — footer-terminal-lock (7 ids, unlayered 8px)
     vence qualquer !important dentro de @layer. */
}

/* H-footer-stack (2026-08-02): footer mt 12 em @layer awa-fixes (storefront).
   Evidência: bugfix `footer.page-footer{margin-top:8px}` em awa-fixes
   vence unlayered e awa-visual-priority. PLP audit: footerMt 8 + mainPb 16 → 24.
   Cart 2026-08-02: checkout-cart-index ausente → footerMt 8 + mainPb 16 = 24. */
@layer awa-fixes {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-category-view,
      .catalogsearch-result-index,
      .catalog-product-view,
      .checkout-cart-index,
      .cms-page-view,
      .cms-noroute-index,
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    :is(.page-footer, .page_footer),
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .catalog-category-view,
      .catalogsearch-result-index,
      .catalog-product-view,
      .checkout-cart-index,
      .cms-page-view,
      .cms-noroute-index,
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    footer.page-footer {
    margin-top: var(--awa-stack-tight, var(--awa-space-3, 12px)) !important;
    margin-block-start: var(--awa-stack-tight, var(--awa-space-3, 12px)) !important;
  }
}

/* H-cart-shell (2026-08-02): carrinho shell = stack 12px.
   Baseline CDP empty-cart: footerMt 8, mainPb 16, columns_to_footer 24,
   column.main gap 16, cart-empty mb 16 + colMain pb 24 → last_to_footer 64. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index {
    --awa-cart-stack-gap: var(--awa-stack-tight, var(--awa-space-3, 12px));
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #maincontent.page-main {
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .columns {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
    gap: var(--awa-cart-stack-gap, 12px) !important;
    row-gap: var(--awa-cart-stack-gap, 12px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .column.main {
    gap: var(--awa-cart-stack-gap, 12px) !important;
    row-gap: var(--awa-cart-stack-gap, 12px) !important;
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block: 0 !important;
    gap: var(--awa-cart-stack-gap, 12px) !important;
    row-gap: var(--awa-cart-stack-gap, 12px) !important;
  }
}

/* H-plp-shell (2026-08-02): PLP main pb 0 — gap até footer só via footer mt.
   Audit: mainPb 16 + footer 8 = columns_to_footer 24. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-category-view
    .page-wrapper
    #maincontent.page-main {
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-category-view
    .page-wrapper
    .toolbar.toolbar-products {
    margin-top: 0 !important;
    margin-bottom: var(--awa-plp-stack-gap, 12px) !important;
    margin-block: 0 var(--awa-plp-stack-gap, 12px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-category-view
    .page-wrapper
    .shop-tab-title {
    margin: 0 0 var(--awa-plp-stack-gap, 12px) !important;
    margin-block: 0 var(--awa-plp-stack-gap, 12px) !important;
  }
}

/* H-search-stack (2026-08-02): busca ritmo vertical = PLP/home/PDP 12px.
   Baseline CDP: mstIn mb 10; tabs mb 20+pb 12 → gap 20; toolbar mt4/mb8;
   mainPb 16 + footer 8 → columns_to_footer 24. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index {
    --awa-search-stack-gap: var(--awa-stack-tight, var(--awa-space-3, 12px));
    --awa-plp-stack-gap: var(--awa-search-stack-gap);
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    #maincontent.page-main {
    padding-top: var(--awa-search-stack-gap, 12px) !important;
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .page-title-wrapper {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .columns.layout-2-col {
    row-gap: 0 !important;
    column-gap: var(--awa-search-stack-gap, 12px) !important;
    gap: 0 var(--awa-search-stack-gap, 12px) !important;
    margin-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .mst-search-in__wrapper {
    margin: 0 0 var(--awa-search-stack-gap, 12px) !important;
    margin-block: 0 var(--awa-search-stack-gap, 12px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .mst-search__result-tabs {
    margin: 0 0 var(--awa-search-stack-gap, 12px) !important;
    margin-block: 0 var(--awa-search-stack-gap, 12px) !important;
    padding-block-end: 0 !important;
    padding-bottom: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .search.results {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .toolbar.toolbar-products {
    margin-top: 0 !important;
    margin-bottom: var(--awa-search-stack-gap, 12px) !important;
    margin-block: 0 var(--awa-search-stack-gap, 12px) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.catalogsearch-result-index
    .page-wrapper
    .shop-tab-title {
    margin: 0 0 var(--awa-search-stack-gap, 12px) !important;
    margin-block: 0 var(--awa-search-stack-gap, 12px) !important;
  }
}

/* H-cms-stack (2026-08-02): CMS shell = stack 12px.
   Baseline about-us: column.main flex gap 16 + h1 mb 12 = 28;
   columns mb 32 + mainPb 16 + footer 8 = columns_to_footer 56. */
@layer awa-visual-priority {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    ) {
    --awa-cms-stack-gap: var(--awa-stack-tight, var(--awa-space-3, 12px));
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    .nav-breadcrumbs {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    min-height: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    .breadcrumbs {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    #maincontent.page-main {
    padding-top: var(--awa-cms-stack-gap, 12px) !important;
    padding-bottom: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    .columns {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    .column.main {
    gap: var(--awa-cms-stack-gap, 12px) !important;
    row-gap: var(--awa-cms-stack-gap, 12px) !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-page-view,
      .cms-noroute-index,
      .contact-index-index,
      .curriculo-index-index,
      .curriculo-index-status
    )
    .page-wrapper
    .column.main
    :is(.awa-institutional-h1, h1) {
    margin-block: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* H26-nav44 (2026-07-31): densifica nav 48→44 (conteúdo Departamentos/links já 44).
   Evidência: token+hard 48; sticky 118 vinha de nav-frame 50 no critical.
   Override final em awa-header-first-paint-lock (≥992). */
@layer awa-header-first-paint-lock {
  @media (min-width: 992px) {
    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default'] {
      --awa-header-nav-h: 44px !important;
      --awa-header-nav-frame-h: 44px !important;
      --awa-header-sticky-h: calc(var(--awa-header-main-row-h, 68px) + var(--awa-header-nav-frame-h)) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky {
      height: var(--awa-header-sticky-h) !important;
      min-height: var(--awa-header-sticky-h) !important;
      max-height: var(--awa-header-sticky-h) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-wrapper-sticky
      > :is(.header-control.awa-nav-bar, .header-control.header-nav.awa-nav-bar) {
      flex-basis: var(--awa-header-nav-frame-h) !important;
      height: var(--awa-header-nav-frame-h) !important;
      min-height: var(--awa-header-nav-frame-h) !important;
      max-height: var(--awa-header-nav-frame-h) !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index)
      .page-wrapper
      .awa-site-header[data-awa-header-mode='default']
      .header-control.awa-nav-bar
      .awa-nav-bar__inner {
      height: 44px !important;
      min-height: 44px !important;
      max-height: 44px !important;
    }
  }
}

/* H27-pdp-density (2026-07-31): densifica título + add-to-cart na PDP.
   Evidência: title pad 8/12; form pad 12; CTA 56/pad16 em @layer awa-visual-priority
   (visual-fixes) vencia locks 44. Override na mesma layer. */
@layer awa-visual-priority {
  @media (min-width: 992px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
      .page-wrapper
      .product-info-main
      .page-title-wrapper {
      padding-block: 4px 8px !important;
      margin: 0 !important;
    }

    html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
      .page-wrapper
      .product-info-main
      .product-add-form {
      padding: 8px !important;
      gap: 8px !important;
    }

    html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
      .page-wrapper
      .product-info-main
      :is(button#product-addtocart-button, button.action.tocart, .product-add-form button.tocart) {
      min-height: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
      padding-block: 0 !important;
      padding-inline: 24px !important;
      font-size: 15px !important;
      line-height: 1.2 !important;
      box-sizing: border-box !important;
    }

    html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
      .page-wrapper
      .product-info-main
      .box-tocart
      :is(.field.qty, .qty, input.qty, input.input-text.qty) {
      min-height: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
      box-sizing: border-box !important;
    }

    html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
      .page-wrapper
      .product-info-main
      .box-tocart
      .fieldset {
      align-items: end !important;
      gap: 8px !important;
    }
  }
}


/* ==== AWA M2 SSOT r2 (2026-08-01) — final cascade lock (5x html-body) ==== */

/* Title: 2-line clamp, NOT 44px touch-target on product name links */
html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home
  :is(.awa-shelf--carousel,.awa-grid-section,.awa-carousel-section,.rokan-bestseller,.rokan-newproduct,.products-grid)
  :is(a.product-item-link,.product-item-name a,.product-name a,.product-item-link) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  min-height: calc(1.35em * 2) !important;
  height: auto !important;
  max-height: calc(1.35em * 2) !important;
  align-items: unset !important;
  line-height: 1.35 !important;
}

/* Card column + CTA pin */
html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home
  :is(.awa-shelf--carousel,.awa-grid-section,.awa-carousel-section)
  :is(.content-item-product,.awa-product-card,.product-item-info) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home
  :is(.awa-shelf--carousel,.awa-grid-section,.awa-carousel-section)
  :is(.content-item-product,.awa-product-card) :is(.product-info,.product-item-details) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 0.5rem;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home
  :is(.awa-shelf--carousel,.awa-grid-section,.awa-carousel-section)
  .awa-card-view-product {
  margin-top: auto !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home
  :is(.awa-shelf--carousel,.awa-grid-section,.awa-carousel-section)
  :is(.rating-summary,.product-reviews-summary) {
  min-height: 18px !important;
  flex: 0 0 auto !important;
}

/* Badge Novo centered pill */
html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home .onsale.new-lable {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.375rem !important;
  padding: 0.125rem 0.375rem !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home .onsale.new-lable :is(.sale-text,.sale-text label,label) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: static !important;
  transform: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home .hot-onsale {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Category carousel: scrollable viewport (after refine) */
html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .top-home-content--category-carousel .awa-category-carousel__viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scroll-padding-inline: 8px !important;
  -webkit-overflow-scrolling: touch;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .top-home-content--category-carousel .awa-category-carousel__track {
  overflow-x: visible !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .top-home-content--category-carousel .awa-category-carousel__item {
  scroll-snap-align: start !important;
  flex-shrink: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .top-home-content--category-carousel .awa-category-carousel__count {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
}

/* ==== AWA M2 SSOT r2e (2026-08-01) — origin fixes ==== */
/* Category: force scrollable viewport above impeccable-v1 clip + refine hidden */
html body#html-body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .top-home-content--category-carousel .awa-category-carousel__viewport {
  overflow: auto hidden !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:not(#__awa-no-match):is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5)
  .page-wrapper .content-top-home
  :is(.awa-shelf--carousel,.awa-carousel-section,.awa-grid-section)
  :is(a.product-item-link,.product-item-name a,.product-name a) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  min-height: calc(1.35em * 2) !important;
  max-height: calc(1.35em * 2) !important;
  height: auto !important;
  line-height: 1.35 !important;
}

@layer awa-visual-priority {
/* H-filter-drawer-mobile (2026-08-02)
   CDP: visual-fixes @layer + ancestral display:none escondiam o drawer.
   Com .awa-plp-filters-expanded: coluna-fantasma + translateX(0) + padding 12. */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body.awa-plp-filters-expanded:is(.catalog-category-view,.catalogsearch-result-index,.page-products)
    .page-wrapper .page-main > .columns > .col-xs-12.col-sm-3:not(.col-main) {
    display: block !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    flex: 0 0 0 !important;
  }

  html body#html-body#html-body#html-body.awa-plp-filters-expanded:is(.catalog-category-view,.catalogsearch-result-index,.page-products)
    .page-wrapper #layered-ajax-filter-block.block.filter {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(280px, 85vw) !important;
    max-width: 85vw !important;
    height: 100vh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    z-index: 9800 !important;
    transform: translateX(0) !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body.awa-plp-filters-expanded:is(.catalog-category-view,.catalogsearch-result-index,.page-products)
    .page-wrapper #layered-ajax-filter-block.block.filter .block-title {
    padding: 0 12px 12px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid var(--awa-border, #e5e7eb) !important;
  }

  html body#html-body#html-body#html-body.awa-plp-filters-expanded:is(.catalog-category-view,.catalogsearch-result-index,.page-products)
    .page-wrapper #layered-ajax-filter-block.block.filter .filter-content,
  html body#html-body#html-body#html-body.awa-plp-filters-expanded:is(.catalog-category-view,.catalogsearch-result-index,.page-products)
    .page-wrapper #layered-ajax-filter-block.block.filter .block-content {
    padding-inline: 12px !important;
    gap: 8px !important;
  }
}
}

/* H-pdp-gallery-shell-thumb2 */

html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media .fotorama__nav__frame--thumb.fotorama__active .fotorama__thumb,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media .fotorama__nav__frame.fotorama__active .fotorama__thumb{
border:0!important;box-shadow:none!important;outline:none!important}

/* H-pdp-unified-shell (2026-08-02) — UNLAYERED.
   CDP repro3: media+info each 1px border + rowGap 12px = moldura dupla no gutter.
   Uma card no .main-detail>.row; divisor interno; gap 0. */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row {
  background: var(--awa-bg, #fff) !important;
  border: 1px solid var(--awa-border, #e2e8f0) !important;
  border-radius: var(--awa-radius-lg, 16px) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:first-child {
  flex: 1 1 52% !important;
  max-width: 58% !important;
  min-width: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
  flex: 1 1 42% !important;
  max-width: 48% !important;
  min-width: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper :is(.product.media, .product-info-main) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media {
  padding: 8px !important;
  height: 100% !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main {
  border-inline-start: 1px solid var(--awa-border, #e2e8f0) !important;
  padding: 16px !important;
  height: 100% !important;
}
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:first-child,
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main {
    border-inline-start: 0 !important;
    border-block-start: 1px solid var(--awa-border, #e2e8f0) !important;
  }
}
/* H-pdp-unified-shell-divider2 — divisor na coluna (evita conflito border shorthand em .product-info-main) */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row {
  align-items: stretch !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
  border-inline-start: 1px solid var(--awa-border, #e2e8f0) !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main {
  border-inline-start: 0 !important;
}
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
    border-inline-start: 0 !important;
    border-block-start: 1px solid var(--awa-border, #e2e8f0) !important;
  }
}

/* H-pdp-info-nested-declutter (2026-08-02) — UNLAYERED.
   CDP repro4: 11 nested bordered boxes in .product-info-main (H-INFO-NESTED).
   Flatten chrome; keep B2B CTA + qty input as interactive borders.
   shell11: NÃO usar " :is()" — minify (\s*:\s*) cola e vira .product-info-main:is(...). */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product.attribute.overview,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product.attribute.sku,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product.alert.price {
  border: 0 !important;
  box-shadow: none !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product.attribute.overview {
  background: color-mix(in srgb, var(--awa-border, #e2e8f0) 35%, transparent) !important;
  border-radius: 8px !important;
  padding: 12px !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product.attribute.sku {
  background: color-mix(in srgb, var(--awa-border, #e2e8f0) 40%, transparent) !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .stock.available > span {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .social-proof-badge {
  border: 0 !important;
  background: color-mix(in srgb, var(--awa-border, #e2e8f0) 30%, transparent) !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
  border-inline-start: 1px solid var(--awa-border, #e2e8f0) !important;
}
/* P2-PDP-STACK 2026-08-17: 1 1 0 era desktop (2 col) mas vinha DEPOIS do
   @media max 767 (1 1 100%). Mesmos 5 IDs → mobile herdava basis 0 +
   overflow hidden e a galeria colapsava. Desktop-only. */
@media (min-width: 768px) {
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:first-child,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
  flex: 1 1 0 !important;
  max-width: none !important;
}
}
@media (max-width: 991px) {
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
    border-inline-start: 0 !important;
    border-block-start: 1px solid var(--awa-border, #e2e8f0) !important;
  }
}

/* H-pdp-addform-zero (2026-08-02) — UNLAYERED 5x.
   Align-grid still had .product-add-form{border:1.5px} with 5x #html-body;
   inline lock (1x) lost. Zero chrome; qty/tocart keep interactive borders. */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product-add-form {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .stock.available {
  border: 0 !important;
  background: color-mix(in srgb, #16a34a 12%, transparent) !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main .product.alert.price,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main a.action.alert {
  border: 0 !important;
  box-shadow: none !important;
}

/* H-pdp-tabs-shell (2026-08-02) — UNLAYERED 5x.
   CDP repro5: .product.info.detailed + .data.items + .item.content = moldura tripla.
   Outer wrappers borderless; one border on .item.content only. */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.info.detailed {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.data.items {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}
/* H-plp-pager-moldura-repro5 — toolbar/ul outer chrome back (CDP tbBorder+ulBorder 1px). */
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products,
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-inline: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .pages .items.pages-items,
html body#html-body#html-body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper ul.pages-items {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
/* H-pdp-shell10b-divider (2026-08-02) — UNLAYERED 5x.
   CDP: regra "Remove center divider" zerava o traço e, com ph/media
   sem borda, a card unificada perdia o divisor coluna. Restaura 1px.
   Media padding 0 — galeria flush (shell10 visual-priority). */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
  border-inline-start: 1px solid var(--awa-border, #e2e8f0) !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media {
  padding: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media .gallery-placeholder {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail > .row > [class*="col-"]:last-child {
    border-inline-start: 0 !important;
    border-block-start: 1px solid var(--awa-border, #e2e8f0) !important;
  }
}

/* H-pdp-shell7 (2026-08-02) — UNLAYERED 5x.
   CDP repro7: .item.content(1px) + .additional-attributes-wrapper(1px) = moldura dupla.
   FAQ box + pad 24 desperdiça; related pad-top 40; main-detail pad 24; thumb inner 2px. */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.data.items > .item.content .additional-attributes-wrapper.table-wrapper {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .awa-pdp-faq {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-inline: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .main-detail {
  padding-inline: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main {
  padding: 12px !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media {
  padding: 0 !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .awa-pdp-related,
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .column.main > .awa-pdp-related {
  padding-block-start: 12px !important;
  padding-top: 12px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-block-start: 0 !important;
  box-shadow: none !important;
}
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .rx-pdp-crosssell {
  border: 0 !important;
  box-shadow: none !important;
  padding-block-start: 12px !important;
}
/* One ring on thumb frame only */
html body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product.media .fotorama__nav__frame--thumb .fotorama__thumb {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* H-home-mobile-gap (shell24): unlayered + !important no token —
   vence density-grid e deferred-stack @media 767 (--awa-home-section-gap:8px). */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home,
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .ayo-home5-wrapper--template-driven {
    --awa-home-section-gap: 12px !important;
    --section-py: 12px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .ayo-home5-wrapper--template-driven {
    gap: 12px !important;
    row-gap: 12px !important;
  }
}

/* H-home-header-gap (shell25 debug e86806):
   Evidência: themes/styles-m
   `.content-top-home :is(.awa-carousel-section,.top-home-content--category-carousel) .awa-section-header`
   → margin-bottom: clamp(24px,1.4vw,40px)!important (CDP mb=24, gapToNext=32).
   Lock 8px (critical/align-grid genérico) perde por especificidade.
   Alinha header→conteúdo ao --awa-stack-tight (12px). */
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home {
  --awa-section-header-mb: 12px !important;
  --awa-home-header-gap-featured: 12px !important;
  --awa-home-header-gap-standard: 12px !important;
  --awa-home-header-gap-compact: 12px !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-carousel-section, .top-home-content--category-carousel, .awa-home-section, .awa-grid-section, .awa-home-recent-orders, .awa-home-niche-shelves, .awa-product-promo-banners, .awa-carousel-section--featured, .awa-carousel-section--standard, .awa-carousel-section--compact)
  :is(.awa-section-header, .awa-shelf__header, .awa-category-carousel__header),
html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header, .awa-shelf__header, .awa-category-carousel__header) {
  margin-bottom: 12px !important;
  margin-block-end: 12px !important;
  padding-bottom: 0 !important;
  padding-block-end: 0 !important;
}

/* H-home-header-gap-grid (e86806):
   Runtime: parents grid + row-gap:12 → mb do header NÃO colapsa → gapToNext 24.
   Unlayered mb:0 perdia para !important em @layer awa-visual-priority (CDP:
   inline important → gap 12; regra unlayered no EOF → mb permanece 12).
   Fix: zerar mb DENTRO da layer; row-gap entrega os 12px.
   Pais block (recent/promo/niche) mantêm mb 12 (regra H-home-header-gap). */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.top-home-content--category-carousel, .awa-carousel-section)
    .container
    > :is(.awa-section-header, .awa-shelf__header, .awa-category-carousel__header) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }

  /* Mobile CDP: viewport mt:12 (polish audit) + parent row-gap:12 → gap 24.
     Desktop já tinha mt:0. Zera mt; o row-gap do .container entrega 12px. */
  html body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .top-home-content--category-carousel
    .container
    > :is(.awa-category-carousel__viewport, .awa-carousel__viewport) {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
  }
}

/* H-search-dup-icon (e86806):
   Runtime mobile: button.action.search tem SVG (direita) + ::before FontAwesome "".
   Botão position:static; form position:relative → ::before absolute ancora no form
   (inset left:14px) e pinta lupa vermelha à ESQUERDA do input (duplicata).
   Fix: esconde ::before quando há SVG; position:relative no botão como contenção. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form
    button.action.search:has(svg) {
    position: relative !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header
    .awa-header-search-col
    form#search_mini_form
    button.action.search:has(svg)::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* H-wa-sticky-pdp (e86806):
   Runtime mobile PDP: .awa-whatsapp-float bottom:84px (nav+12) sobrepõe
   .awa-pdp-sticky-cta (bottom:72px, h:70) — CDP waOverlapsBtn=true, inter~1496px².
   Regra antiga usava :has(.awa-pdp-sticky-bar.is-visible) mas o DOM real é
   body.awa-pdp-sticky-cta-visible + .awa-pdp-sticky-cta.
   Fix: elevar FAB acima de nav(72)+sticky(70)+gap(12). Unlayered para vencer
   visual-fixes/head preload (bottom:84). */
@media (max-width: 991px) {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view.awa-pdp-sticky-cta-visible
    .page-wrapper
    a.awa-whatsapp-float,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view.awa-pdp-has-sticky-cta
    .page-wrapper
    a.awa-whatsapp-float {
    bottom: calc(72px + 70px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(72px + 70px + 12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* H-wa-fab-home (e86806):
   Runtime home (cms-index-index): stack crítico/deferred NÃO carrega
   styles-m/_whatsapp.less nem awa-visual-fixes (position:fixed).
   CDP: position:static, display:inline, bg transparent, rect 22×20 no fluxo
   (não é FAB). Head preload só define width/height/bottom/z-index.
   Fix: base FAB no terminal (sempre no home + demais páginas). */
html
  body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  a.awa-whatsapp-float {
  position: fixed !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  right: 16px !important;
  inset-inline-end: 16px !important;
  bottom: 24px !important;
  inset-block-end: 24px !important;
  z-index: 10002 !important;
  background: #25d366 !important;
  background-color: #25d366 !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.45) !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

html
  body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  a.awa-whatsapp-float
  svg {
  fill: currentColor !important;
  color: #fff !important;
  width: 28px !important;
  height: 28px !important;
}

@media (max-width: 991px) {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    a.awa-whatsapp-float {
    bottom: calc(72px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(72px + 12px + env(safe-area-inset-bottom, 0px)) !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
  }
}

/* H-cart-bar-nav (e86806):
   Runtime cart mobile: .awa-cart-mobile-bar (bottom:0,z:900) 100% sob
   nav.fixed-bottom (z:999) — CDP overlap 64×375. Critical CSS
   `body.checkout-cart-index nav.fixed-bottom{display:none!important}` é
   UNLAYERED e perde para @layer awa-visual-priority
   `display:block!important` (layered important > unlayered important).
   Fix: hide nav no carrinho DENTRO da mesma layer, spec ≥ show rule. */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html
      body#html-body.checkout-cart-index
      .page-wrapper
      nav.fixed-bottom.hidden-sm.hidden-md.hidden-lg,
    html
      body#html-body.checkout-cart-index
      .page-wrapper
      nav.fixed-bottom.hidden-sm.hidden-md.hidden-lg.mobile-bottom-nav,
    html
      body#html-body.checkout-cart-index
      .page-wrapper
      nav.fixed-bottom,
    html
      body#html-body.checkout-cart-index.awa-cart-mobile-bar-active
      .page-wrapper
      nav.fixed-bottom {
      display: none !important;
      visibility: hidden !important;
      pointer-events: none !important;
      opacity: 0 !important;
      height: 0 !important;
      max-height: 0 !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }
  }
}

/* H-cart-bar-trunc (e86806):
   Runtime 375: continue 147 + checkout 140 + gap → meta só 48px;
   amount scrollW 74 > clientW 48 → "R$ 2…" truncado.
   Unlayered display:none perdeu para flex !important em @layer
   awa-visual-priority (controls). Fix na mesma layer + #html-body×6.
   Barra é filha de body (não .page-wrapper). */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .awa-cart-mobile-bar
      a.awa-cart-mobile-bar__continue {
      display: none !important;
      width: 0 !important;
      min-width: 0 !important;
      max-width: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .awa-cart-mobile-bar
      .awa-cart-mobile-bar__inner {
      gap: 12px !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .awa-cart-mobile-bar
      .awa-cart-mobile-bar__meta {
      flex: 1 1 auto !important;
      min-width: 7rem !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .awa-cart-mobile-bar
      .awa-cart-mobile-bar__amount {
      overflow: visible !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
      font-size: 16px !important;
      line-height: 1.2 !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .awa-cart-mobile-bar
      a.awa-cart-mobile-bar__checkout {
      flex: 0 0 auto !important;
      min-width: 0 !important;
      max-width: 58% !important;
    }
  }
}


/* H-cart-badge (e86806):
   Runtime 375: badge bottom (top:18/bottom:2) overlaps SVG ~42%;
   wrap overflow:hidden; min-height:20px beats height:14px.
   Move badge top-right, overflow visible, solid primary pill. */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .awa-header-minicart
      .minicart-wrapper {
      overflow: visible !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .awa-header-minicart
      .minicart-wrapper
      .action.showcart
      .counter.qty:not(.empty) {
      position: absolute !important;
      top: -4px !important;
      right: -6px !important;
      bottom: auto !important;
      left: auto !important;
      inset-block-start: -4px !important;
      inset-block-end: auto !important;
      inset-inline-end: -6px !important;
      inset-inline-start: auto !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 18px !important;
      width: auto !important;
      height: 18px !important;
      min-height: 18px !important;
      max-height: 18px !important;
      padding: 0 5px !important;
      margin: 0 !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: var(--awa-primary) !important;
      color: var(--awa-text-inverse, #fff) !important;
      font-size: 10px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      box-shadow: none !important;
      z-index: 4 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .awa-header-minicart
      .minicart-wrapper
      .action.showcart
      .counter.qty:not(.empty)
      .total-mini-cart-item {
      color: inherit !important;
      background: transparent !important;
      font-size: inherit !important;
      line-height: inherit !important;
    }
  }
}


/* H-cart-bar-pad (e86806):
   Runtime 375: body.awa-cart-mobile-bar-active OK, mas padding LESS
   ausente do CSSOM. .cart-summary sticky overflow ultrapassa barra h=60;
   Total do Pedido coveredPx≈24. Clamp summary acima da barra + pad page. */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index.awa-cart-mobile-bar-active {
      --awa-cart-mobile-bar-clearance: calc(
        60px + 16px + env(safe-area-inset-bottom, 0px)
      );
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index.awa-cart-mobile-bar-active
      .page-wrapper {
      padding-bottom: var(--awa-cart-mobile-bar-clearance, 76px) !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index.awa-cart-mobile-bar-active
      .page-wrapper
      .page-main {
      padding-bottom: var(--awa-cart-mobile-bar-clearance, 76px) !important;
    }

    /* Sticky summary was taller than viewport→bar; clamp so card ends above bar.
       JS may refine --awa-cart-summary-max-h from getBoundingClientRect. */
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index.awa-cart-mobile-bar-active
      .page-wrapper
      .cart-summary {
      max-height: var(
        --awa-cart-summary-max-h,
        calc(100dvh - var(--awa-cart-mobile-bar-clearance, 76px) - 48vh)
      ) !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
    }
  }
}


/* H-cat-carousel-clip (e86806):
   Runtime 375: item 128px → 3º card (Retrovisores) left=288 right=416;
   label só 74/102px visível → "Retrovi…" cortado pelo viewport.
   2 cards inteiros por track (gap 8); snap mantém páginas limpas. */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body:is(
        .cms-index-index,
        .cms-home,
        .cms-homepage_ayo_home5
      )
      .page-wrapper
      .top-home-content--category-carousel
      :is(.awa-category-carousel__item, .awa-category-carousel__item--compact) {
      flex: 0 0 calc((100% - 8px) / 2) !important;
      width: calc((100% - 8px) / 2) !important;
      min-width: 0 !important;
      max-width: none !important;
    }
  }
}


/* H-b2b-greet (e86806):
   Runtime 375: .b2b-status-panel max-width 88px + control pad-inline 16px
   (regra :is(button) 3×#html-body) → texto ~28px → "Olá, .".
   Exclusão :not(.b2b-status-trigger) + painel 120px + pad 0 + 10ch. */
@layer awa-visual-priority {
  @media (max-width: 767px) {
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .awa-main-header__inner:has(.b2b-status-panel) {
      grid-template-columns: 44px minmax(0, 1fr) minmax(120px, auto) !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .awa-header-right-col.awa-header-right--logged:has(.b2b-status-panel) {
      max-width: min(168px, 46vw) !important;
      gap: 2px !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .b2b-status-panel {
      max-width: min(120px, 32vw) !important;
      min-width: 0 !important;
      overflow: hidden !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .b2b-status-panel
      .b2b-status-trigger {
      width: auto !important;
      max-width: 100% !important;
      min-width: 0 !important;
      padding: 0 !important;
      padding-inline: 0 !important;
      padding-block: 0 !important;
      gap: 4px !important;
      justify-content: flex-start !important;
      text-align: left !important;
      background: transparent !important;
    }

    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .b2b-status-panel
      .b2b-status-trigger__text,
    html
      body#html-body#html-body#html-body#html-body#html-body#html-body
      .page-wrapper
      .awa-site-header
      .b2b-status-panel
      .b2b-status-trigger__line1 {
      max-width: 10ch !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
  }
}


/* H-reorder-label (e86806):
   Runtime PDP 375: .block-reorder label "Adicionar ao Carrinho"
   position:absolute w≈185px sobre o nome do produto.
   Hide existia só em PLP/cart — falta catalog-product-view / noroute. */
@layer awa-visual-priority {
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .field.item.choice
    .label,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .field.choice
    .label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .field.item.choice,
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .field.choice {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .product-item-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Nome do produto: span chega com style="display:none" inline (CDP).
     Sem !important o item fica só com checkbox vazio. */
  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .product-item-link
    span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
    position: static !important;
    clip: auto !important;
    clip-path: none !important;
    font-size: inherit !important;
    color: inherit !important;
  }

  html
    body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .block-reorder
    .product-item-link {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    color: var(--awa-text-primary, #0f172a) !important;
    text-decoration: none !important;
    outline: none !important;
  }
}

/* H-mais-caption-dup (e86806):
   Runtime PDP: accordion .data.item.title "Mais Informações" +
   table caption.table-caption "Mais Informações" ambos visíveis
   (captionH≈43px). Concorrente unlayered:
   awa-ui-simplify-terminal caption { width:100% !important } —
   por isso esta regra fica FORA de @layer (unlayered !important
   vence layered !important). */
html
  body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  #product-attribute-specs-table
  > caption.table-caption,
html
  body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view
  .page-wrapper
  table.additional-attributes
  > caption.table-caption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  max-width: 1px !important;
  max-inline-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* ==== AWA UX conversion polish 2026-08-04 (session 19da9f) ====
   H6 CONFIRMED: !important em @layer awa-visual-priority vence unlayered
   (Cascade 5). Pill unlayered ganhava background mas perdia padding/min-height. */
@layer awa-visual-priority {
@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__link--register {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 28px !important;
    height: auto !important;
    max-height: none !important;
    padding: 4px 12px !important;
    padding-block: 4px !important;
    padding-inline: 12px !important;
    margin: 0 !important;
    border: 1px solid var(--awa-primary, #b73337) !important;
    border-radius: 999px !important;
    background: var(--awa-primary, #b73337) !important;
    background-color: var(--awa-primary, #b73337) !important;
    color: var(--awa-on-primary, #ffffff) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__link--register:hover,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__link--register:focus-visible {
    background: var(--awa-primary-hover, #8e2629) !important;
    background-color: var(--awa-primary-hover, #8e2629) !important;
    border-color: var(--awa-primary-hover, #8e2629) !important;
    color: var(--awa-on-primary, #ffffff) !important;
    text-decoration: none !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__link--login,
    .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding-block: 0 !important;
    padding-inline: 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--awa-text, #111827) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  /* H8/H11: line1 contrast — layered !important beats residual color-mix */
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper
    .awa-site-header[data-awa-header-mode="default"]
    .awa-header-account-prompt[data-awa-auth-state="guest"]
    .awa-header-account-prompt__line1 {
    color: var(--awa-text, #334155) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
}


html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(a.awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__cta) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  height: auto !important;
  padding: 4px 12px !important;
  padding-block: 4px !important;
  padding-inline: 12px !important;
  margin-inline-start: 8px !important;
  border: 1px solid var(--awa-primary, #b73337) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 12%, #fff) !important;
  background-color: color-mix(in srgb, var(--awa-primary, #b73337) 12%, #fff) !important;
  color: var(--awa-primary, #b73337) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-underline-offset: 0 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(a.awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__cta):hover,
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  :is(a.awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__cta):focus-visible {
  background: var(--awa-primary, #b73337) !important;
  background-color: var(--awa-primary, #b73337) !important;
  color: var(--awa-on-primary, #ffffff) !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
  .page-wrapper
  .awa-site-header
  :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar)
  .awa-b2b-promo-bar__cta
  :is(strong, span) {
  color: inherit !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  font-weight: 700 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__count {
  color: var(--awa-text, #334155) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__item {
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__item:hover,
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
    .cms-index-index,
    .cms-home,
    .cms-homepage_ayo_home5
  )
  .page-wrapper
  .top-home-content--category-carousel
  .awa-category-carousel__item:focus-visible {
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 35%, var(--awa-border, #e5e7eb)) !important;
  box-shadow: 0 6px 18px rgb(15 23 42 / 8%) !important;
  transform: translateY(-1px) !important;
}
}

/* ==== AWA UX rhythm polish 2026-08-04 (session 19da9f) ====
   H12 CONFIRMED: hero (.top-home-content--above-fold) is sibling of
   .ayo-home5-wrapper inside .content-top-home; wrapper gap does not
   separate hero→categories (runtime gapPx=0). */
@layer awa-visual-priority {
@media (min-width: 768px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5
    )
    .page-wrapper
    .content-top-home
    > .top-home-content--above-fold.awa-hero
    + .ayo-home5-wrapper--template-driven,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5
    )
    .page-wrapper
    .content-top-home
    > .top-home-content--above-fold
    + .ayo-home5-wrapper--template-driven {
    margin-block-start: 28px !important;
    padding-block-start: 0 !important;
  }
}

  /* H14: section subtitle — same ink as category counts */
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
      .cms-index-index,
      .cms-home,
      .cms-homepage_ayo_home5
    )
    .page-wrapper
    .content-top-home
    :is(.awa-section-header__subtitle, .awa-category-carousel__subtitle) {
    color: var(--awa-text, #334155) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
  }
}

/* ==== AWA UX align-axis polish 2026-08-04 (session 19da9f) ====
   Contrato: rail full-bleed; inner max 1280 + padding-inline 24 → conteúdo x≈189.
   H-A: themes min-width:100% esticava nav (Departamentos x=24).
   H-B: category pad/token 16 vs shelf 24.
   H-D: nginx brotli_static servia .br stale (var gutter) enquanto .css raw já tinha 24px.
   Seletores one-line: evita perda de selectors no minify/parse. */
@layer awa-visual-priority {
@media (min-width: 992px) {
  /* Tokens no wrapper/seção — vence deferred-stack 16px (Cascade 5: layered !important) */
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .ayo-home5-wrapper--template-driven,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .top-home-content--category-carousel {
    --awa-header-shell-max: 1280px !important;
    --awa-header-shell-pad: 24px !important;
    --awa-home-shell-max: 1280px !important;
    --awa-home-shell-gutter: 24px !important;
  }

  /* Nav inner — vence themes.min.css */
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index):not(.b2b-account-dashboard) .page-wrapper .awa-site-header[data-awa-header-mode="default"] .header-control.header-nav > .container > .awa-nav-bar__inner,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index):not(.b2b-account-dashboard) .page-wrapper .awa-site-header[data-awa-header-mode="default"] .header-control.awa-nav-bar > .container > .awa-nav-bar__inner,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header[data-awa-header-mode="default"] .header-control.awa-nav-bar .awa-nav-bar__inner {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
    min-width: 0 !important;
    max-width: min(100%, var(--awa-header-shell-max, 1280px)) !important;
    margin-inline: auto !important;
    margin-block: 0 !important;
    padding-inline: var(--awa-header-shell-pad, 24px) !important;
    padding-block: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  /* Categorias — literal 24px (não depende do token herdado) */
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .top-home-content--category-carousel > .container {
    box-sizing: border-box !important;
    width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
    max-width: min(100%, var(--awa-home-shell-max, 1280px)) !important;
    margin-inline: auto !important;
    padding-inline: 24px !important;
  }
}
}

/* ==== AWA UX account-prompt clip fix 2026-08-04 (session 19da9f) ====
   H1: first-paint-lock CLS r59 height:27px + overflow:hidden cortava
   "Para ver os preços" (scrollH 35 > clientH 27) após CTA h:28.
   Contrato: __text/__guest = 44px column (line1 + line2). */
@layer awa-header-first-paint-lock {
@media (min-width: 992px) {
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .awa-site-header .awa-header-account-prompt__text,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .awa-site-header .awa-header-account-prompt__guest,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__text,
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__guest {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
    row-gap: 2px !important;
  }
  html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .awa-site-header .awa-header-account-prompt__line1 {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}
}

/* ==== AWA UX cart-empty optimize 2026-08-04 (session 19da9f) ====
   H1: awa-visual-fixes layered max-width:600 esmagava 4 selos (~125px).
   H2: sem CTA primário (só WhatsApp) — restaurar Explorar catálogo via template.
   Contrato: card ≤880; selos 4-col ≥768 com label legível; ritmo 12/16. */
@layer awa-visual-priority {
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty {
    max-width: min(100%, 720px) !important;
    width: min(100%, 720px) !important;
    box-sizing: border-box !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals {
    padding: 12px 14px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals__list {
    gap: 10px 12px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals__item {
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals__label
    :is(strong, small) {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals__label
    strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .awa-cart-empty
    .awa-cart-trust-seals__label
    small {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  @media (min-width: 768px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .page-wrapper
      .awa-cart-empty
      .awa-cart-trust-seals__list {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .page-wrapper
      .cart-empty.awa-cart-empty {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas:
        "seals"
        "hero"
        "trust" !important;
      gap: 16px !important;
      padding: 20px !important;
      max-width: min(100%, 720px) !important;
      width: min(100%, 720px) !important;
    }
  }

  @media (max-width: 767px) {
    html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
      .page-wrapper
      .awa-cart-empty
      .awa-cart-trust-seals__list {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  /* H2b: CTA primário — vence reset styles-l *{background:initial!important} */
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty
    a.awa-cart-empty__cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 24px !important;
    border-radius: var(--awa-radius-md, 8px) !important;
    background: var(--awa-brand-primary, var(--awa-primary, #b73337)) !important;
    background-color: var(--awa-brand-primary, var(--awa-primary, #b73337)) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty
    a.awa-cart-empty__cta:hover,
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty
    a.awa-cart-empty__cta:focus-visible {
    background: var(--awa-brand-hover, #9a2a2e) !important;
    background-color: var(--awa-brand-hover, #9a2a2e) !important;
    color: #fff !important;
    outline: none !important;
  }

  /* ==== AWA UX cart-empty referência 2026-08-04 (session 19da9f) ====
     Fundo branco; emoticon :( ; título/subtítulo; CTA verde home. */
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .columns,
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    #maincontent,
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .column.main {
    background: var(--awa-white, #fff) !important;
    background-color: var(--awa-white, #fff) !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple {
    align-items: center !important;
    background: var(--awa-white, #fff) !important;
    background-color: var(--awa-white, #fff) !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-areas: none !important;
    grid-template-columns: none !important;
    margin: 32px auto 56px !important;
    max-width: min(100%, 560px) !important;
    padding: 40px 24px !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    .awa-cart-empty__hero {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    .awa-cart-empty__icon-wrap {
    display: none !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    .awa-cart-empty__emoticon {
    color: var(--awa-text-primary, var(--awa-neutral-900, #1a1a1a)) !important;
    font-family: inherit !important;
    font-size: 48px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin: 0 0 20px !important;
    user-select: none !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    .awa-cart-empty__title {
    color: var(--awa-text-primary, var(--awa-neutral-900, #1a1a1a)) !important;
    font-size: clamp(22px, 2.4vw, 28px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 16px !important;
    max-width: 28ch !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    .awa-cart-empty__subtitle {
    color: var(--awa-text-secondary, var(--awa-neutral-600, #666)) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 0 0 28px !important;
    max-width: 42ch !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    .awa-cart-empty__actions {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    width: 100% !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    a.awa-cart-empty__cta {
    background: var(--awa-success, #16a34a) !important;
    background-color: var(--awa-success, #16a34a) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--awa-success, #16a34a) 28%, transparent) !important;
    color: var(--awa-text-on-primary, #fff) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    min-height: 48px !important;
    padding: 12px 28px !important;
  }

  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    a.awa-cart-empty__cta:hover,
  html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
    .page-wrapper
    .cart-empty.awa-cart-empty--simple
    a.awa-cart-empty__cta:focus-visible {
    background: color-mix(in srgb, var(--awa-success, #16a34a) 88%, #000) !important;
    background-color: color-mix(in srgb, var(--awa-success, #16a34a) 88%, #000) !important;
    color: var(--awa-text-on-primary, #fff) !important;
  }
}

/* UNLAYERED terminal — vence cart-page-premium / visual-qa (unlayered !important)
   que forçam .page-title-wrapper visível em :has(.awa-cart-empty).
   display:none remove o H1 Magento da árvore a11y; o H1 visível é .awa-cart-empty__title. */
html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper:has(.awa-cart-empty--simple)
  .page-title-wrapper {
  border: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: static !important;
  visibility: hidden !important;
  width: 0 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper:has(.awa-cart-empty--simple)
  .page-title-wrapper
  :is(h1, .page-title, .page-title .base) {
  display: none !important;
}

/* UNLAYERED — centraliza hero empty (vence text-align:left + actions max 320px do grid legado) */
html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty--simple {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin-inline: auto !important;
  text-align: center !important;
  width: min(100%, 560px) !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty--simple
  .awa-cart-empty__hero {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin-inline: auto !important;
  text-align: center !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty--simple
  :is(.awa-cart-empty__title, .awa-cart-empty__subtitle, .awa-cart-empty__emoticon) {
  margin-inline: auto !important;
  text-align: center !important;
  width: auto !important;
  max-width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty--simple
  .awa-cart-empty__actions {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: none !important;
  width: 100% !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body.checkout-cart-index
  .page-wrapper
  .cart-empty.awa-cart-empty--simple
  a.awa-cart-empty__cta {
  align-self: center !important;
  margin-inline: auto !important;
  max-width: 100% !important;
  width: auto !important;
}

/* MAIN-AUTO-HEIGHT-TERMINAL-20260805: styles-l nao pode colapsar #maincontent */
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper main.page-main#maincontent,
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .page-main#maincontent{
  min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;
}

/* LAYOUT-CONTRACT-20260805-R4: shell SSOT no primeiro nivel (home/PLP/PDP/CMS/404/cart).
   #maincontent / footer containers centrados; filhos (.columns/.wrapper) herdam sem padding duplo. */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
  .cms-index-index,
  .cms-home,
  .cms-homepage_ayo_home5,
  .cms-page-view,
  .cms-noroute-index,
  .contact-index-index,
  .catalog-category-view,
  .catalog-product-view,
  .catalogsearch-result-index,
  .checkout-cart-index
)
  .page-wrapper {
  --awa-layout-shell-max: 1280px;
  --awa-layout-shell-gutter: clamp(16px, 2vw, 24px);
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
  .cms-index-index,
  .cms-home,
  .cms-homepage_ayo_home5,
  .cms-page-view,
  .cms-noroute-index,
  .contact-index-index,
  .catalog-category-view,
  .catalog-product-view,
  .catalogsearch-result-index,
  .checkout-cart-index
)
  .page-wrapper
  :is(#maincontent.page-main.container, #maincontent.page-main, main.page-main#maincontent) {
  width: min(100%, var(--awa-layout-shell-max, 1280px)) !important;
  max-width: var(--awa-layout-shell-max, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-inline: auto !important;
  padding-left: var(--awa-layout-shell-gutter, clamp(16px, 2vw, 24px)) !important;
  padding-right: var(--awa-layout-shell-gutter, clamp(16px, 2vw, 24px)) !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
  .cms-index-index,
  .cms-home,
  .cms-homepage_ayo_home5,
  .cms-page-view,
  .cms-noroute-index,
  .contact-index-index,
  .catalog-category-view,
  .catalog-product-view,
  .catalogsearch-result-index,
  .checkout-cart-index
)
  .page-wrapper
  #maincontent
  :is(.columns, .content-top-home, .content-top-home > .ayo-home5-wrapper) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(
  .cms-index-index,
  .cms-home,
  .cms-homepage_ayo_home5,
  .cms-page-view,
  .cms-noroute-index,
  .contact-index-index,
  .catalog-category-view,
  .catalog-product-view,
  .catalogsearch-result-index,
  .checkout-cart-index
)
  .page-wrapper
  footer.page-footer
  :is(
    section.awa-footer-trust-bar > .container,
    .awa-footer-newsletter > .container
  ) {
  width: min(100%, var(--awa-layout-shell-max, 1280px)) !important;
  max-width: var(--awa-layout-shell-max, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-inline: auto !important;
  padding-left: var(--awa-layout-shell-gutter, clamp(16px, 2vw, 24px)) !important;
  padding-right: var(--awa-layout-shell-gutter, clamp(16px, 2vw, 24px)) !important;
  box-sizing: border-box !important;
}

/* AWA: home card density — hide rating + empty price slot */
/* !important + #html-body x4: themes/styles reservam min-height e display:flex */
/* Gate B2B na home passou a não ser renderizado (2026-08-09, ver bestseller.phtml);
   .info-price:not(:has(*)) já cobre o slot vazio resultante. */
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .product-rating,
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .product-reviews-summary,
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .info-price:empty,
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .info-price:not(:has(*)) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .product-info {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--awa-space-2, 8px) !important;
  row-gap: var(--awa-space-2, 8px) !important;
}
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .awa-b2b-sku {
  min-height: 0 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .product-name {
  margin: 0 !important;
}
html body#html-body#html-body#html-body#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) .page-wrapper .content-top-home .awa-product-card .awa-card-view-product {
  margin-top: auto !important;
}


/* ==========================================================================
   AWA B2B L2C guest/pending hide (2026-08-07)
   Must load AFTER align-grid qty/tocart display:flex!important rules.
   Gated by body.b2b-restricted-mode (set by GrupoAwamotos_B2B/js/login-to-cart).
   ========================================================================== */
html body#html-body#html-body#html-body#html-body.b2b-restricted-mode.catalog-product-view .page-wrapper .product-info-main .product-add-form .box-tocart .field.qty,
html body#html-body#html-body#html-body#html-body.b2b-restricted-mode.catalog-product-view .page-wrapper .product-info-main .product-add-form .box-tocart #product-addtocart-button,
html body#html-body#html-body#html-body#html-body.b2b-restricted-mode.catalog-product-view .page-wrapper .product-info-main .product-add-form .box-tocart .action.tocart,
html body#html-body#html-body#html-body#html-body.b2b-restricted-mode [data-b2b-original-hidden="1"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   Onda 6B — home shelves: setas no centro do stage (fonte terminal)
   Escopo: somente home + shelves rokan. PDP related permanece intocado.
   ========================================================================== */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-index-index .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr,
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-home .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr,
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-homepage_ayo_home5 .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr {
  position: absolute !important;
  inset: calc(50% - 18px) 0 auto 0 !important;
  top: calc(50% - 18px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  height: 0 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-index-index .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn,.awa-carousel__arrow,.awa-carousel__button,.owl-prev,.owl-next),
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-home .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn,.awa-carousel__arrow,.awa-carousel__button,.owl-prev,.owl-next),
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-homepage_ayo_home5 .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn,.awa-carousel__arrow,.awa-carousel__button,.owl-prev,.owl-next) {
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  inset-block-start: 0 !important;
  inset-block-end: auto !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-index-index .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn--prev,.awa-carousel__arrow--prev,.awa-carousel__button--prev,.owl-prev),
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-home .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn--prev,.awa-carousel__arrow--prev,.awa-carousel__button--prev,.owl-prev),
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-homepage_ayo_home5 .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn--prev,.awa-carousel__arrow--prev,.awa-carousel__button--prev,.owl-prev) {
  left: 8px !important;
  right: auto !important;
  inset-inline-start: 8px !important;
  inset-inline-end: auto !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-index-index .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn--next,.awa-carousel__arrow--next,.awa-carousel__button--next,.owl-next),
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-home .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn--next,.awa-carousel__arrow--next,.awa-carousel__button--next,.owl-next),
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.cms-homepage_ayo_home5 .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr :is(.awa-owl-nav__btn--next,.awa-carousel__arrow--next,.awa-carousel__button--next,.owl-next) {
  right: 8px !important;
  left: auto !important;
  inset-inline-end: 8px !important;
  inset-inline-start: auto !important;
}



/* === Onda 6B.2 — lock final nav-anchor viewport (fonte única align-grid) === */
@media (min-width: 768px) {
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel[class*="rokan-"]
  > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr[data-awa-nav-anchor="viewport"] {
  position: absolute !important;
  inset: 220px 0 auto 0 !important;
  top: 220px !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  height: 0 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .awa-shelf--carousel[class*="rokan-"]
  > .awa-owl-nav.awa-carousel__nav.awa-carousel-chrome-ssr[data-awa-nav-anchor="viewport"]
  :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button, .owl-prev, .owl-next) {
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  inset-block-start: 0 !important;
  inset-block-end: auto !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}
}


/* === Onda 6B.2 — emergency specificity lock (selector parity com themes viewport nav) === */
@media (min-width: 768px) {
html body#html-body.cms-index-index .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor="viewport"],
html body#html-body.cms-home .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor="viewport"],
html body#html-body.cms-homepage_ayo_home5 .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor="viewport"] {
  top: 220px !important;
  bottom: auto !important;
  inset: 220px 0 auto 0 !important;
  height: 0 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

html body#html-body.cms-index-index .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor="viewport"] :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button, .owl-prev, .owl-next),
html body#html-body.cms-home .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor="viewport"] :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button, .owl-prev, .owl-next),
html body#html-body.cms-homepage_ayo_home5 .page-wrapper .content-top-home .awa-shelf--carousel[class*="rokan-"] > .awa-owl-nav.awa-carousel__nav[data-awa-nav-anchor="viewport"] :is(.awa-owl-nav__btn, .awa-carousel__arrow, .awa-carousel__button, .owl-prev, .owl-next) {
  top: 0 !important;
  bottom: auto !important;
  inset-block-start: 0 !important;
  inset-block-end: auto !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}
}/*P2-CONTACT-TA*/html body#html-body#html-body#html-body#html-body.contact-index-index .page-wrapper .column.main form textarea,html body#html-body#html-body#html-body#html-body.curriculo-index-index .page-wrapper .column.main form textarea{min-height:var(--awa-size-120,120px)!important;height:auto!important}
/* P2-FAB-STACK-EOF 2026-08-17 last-file unlayered; 12×#html-body + #awa-back-to-top */@media (max-width: 991px) {html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body button#awa-back-to-top.is-visible:not([hidden]) {  bottom: calc(var(--awa-mobile-bottom-nav-h, 72px) + 136px + env(safe-area-inset-bottom, 0px)) !important;  inset-block-end: calc(var(--awa-mobile-bottom-nav-h, 72px) + 136px + env(safe-area-inset-bottom, 0px)) !important;  right: 16px !important;  z-index: 998 !important;}}
@media (min-width: 768px){html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner .awa-plp-b2b-gate-banner__action--primary{color:var(--awa-text-inverse,#fff)!important}}
@media (max-width:767px){html body#html-body#html-body#html-body:not(.onepagecheckout-index-index):not(.checkout-index-index) .page-wrapper .awa-site-header[data-awa-header-mode=default]{--awa-header-promo-h:44px}html body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar,.top-header.awa-b2b-promo-bar){box-sizing:border-box!important;height:44px!important;max-height:44px!important;min-height:44px!important;overflow:hidden!important;padding-block:0!important}html body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) :is(.awa-b2b-promo-bar__inner,.awa-b2b-promo-bar__layout){align-items:center!important;box-sizing:border-box!important;gap:8px!important;height:44px!important;max-height:44px!important;min-height:44px!important;overflow:hidden!important;padding-inline:12px 48px!important}html body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) .awa-b2b-promo-bar__cta{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;font-weight:700!important;height:44px!important;max-height:44px!important;min-height:44px!important;padding-block:0!important;padding-inline:8px!important;text-decoration:none!important}html body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) .awa-b2b-promo-close{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;height:44px!important;justify-content:center!important;min-height:44px!important;min-width:44px!important;right:0!important;top:0!important;width:44px!important}html body#html-body#html-body#html-body:is(.catalog-category-view,.catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner .awa-plp-b2b-gate-banner__action--primary{background:var(--awa-primary,oklch(0.525 0.155 27.5))!important;color:var(--awa-text-inverse,#fff)!important;font-weight:700!important;text-decoration:none!important}}html body#html-body#html-body#html-body .page-wrapper :is(.page_footer,.page-footer) :is(.awa-footer-copyright__legal,.awa-footer-copyright__disclaimer){font-size:var(--awa-font-size-sm,12px)!important;line-height:1.45!important}
@media (max-width:767px){html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar,.top-header.awa-b2b-promo-bar){box-sizing:border-box!important;height:44px!important;line-height:44px!important;max-height:44px!important;min-height:44px!important;overflow:hidden!important;padding-block:0!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) :is(.awa-b2b-promo-bar__inner,.awa-b2b-promo-bar__layout){align-items:center!important;box-sizing:border-box!important;height:44px!important;max-height:44px!important;min-height:44px!important;overflow:hidden!important;padding-inline:12px 48px!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) .awa-b2b-promo-bar__cta{align-items:center!important;display:inline-flex!important;height:44px!important;max-height:44px!important;min-height:44px!important;padding-inline:8px!important}html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar,.awa-b2b-promo-bar) :is(.awa-b2b-promo-close,#awa-b2b-promo-close){height:44px!important;max-height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}}
/* P1-VISUAL-20260818c PDP social after buy-box. !important: sibling cluster uses order 1-4 in inline terminal-wins; default 0 put Imprimir/Compartilhar above H1. Static CSS bypasses PHP-FPM OPcache. */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body.catalog-product-view .page-wrapper .product-info-main>.product-social-links{order:5!important}


/* P1-VISUAL-20260818h menu level0 focus-ring stable */
html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header [data-role=awa-vertical-menu-panel][data-awa-menu-state=open]>li.ui-menu-item.level0:is(:hover,:focus-within,.ui-state-active,.ui-state-focus,.active)>a.level-top.navigation__link{outline:2px solid color-mix(in srgb,var(--awa-primary,#b73337) 45%,transparent)!important;outline-offset:-2px!important;text-decoration:none!important}

/* P1-VISUAL-20260818j menu level0 li highlight stable */
html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header [data-role=awa-vertical-menu-panel][data-awa-menu-state=open]>li.ui-menu-item.level0:is(:hover,:focus-within,.ui-state-active,.ui-state-focus,.active){border-radius:8px!important;box-shadow:inset 3px 0 0 var(--awa-primary,#b73337)!important}
/*P1-VISUAL-20260818k*/html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header [data-role='awa-vertical-menu-panel'][data-awa-menu-state='open']>li.ui-menu-item.level0:is(:hover,:focus-within,.ui-state-active,.ui-state-focus,.active)>a.level-top.navigation__link{color:var(--awa-primary,#b73337)!important}html body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header [data-role='awa-vertical-menu-panel'][data-awa-menu-state='open']>li.ui-menu-item.level0:is(:hover,:focus-within,.ui-state-active,.ui-state-focus,.active)>a.level-top.navigation__link .navigation__label{color:var(--awa-primary,#b73337)!important;-webkit-text-fill-color:var(--awa-primary,#b73337)!important}html body#html-body#html-body#html-body#html-body#html-body:not(.checkout-index-index):not(.onepagecheckout-index-index) .page-wrapper .awa-site-header .navigation.verticalmenu.side-verticalmenu>ul.togge-menu.list-category-dropdown[data-awa-menu-state='open']>li.ui-menu-item.level0:is(:hover,:focus-within,.ui-state-active,.ui-state-focus,.active)>a.level-top.navigation__link .navigation__label{color:var(--awa-primary,#b73337)!important;-webkit-text-fill-color:var(--awa-primary,#b73337)!important}