#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-density-1: 2px;
  --awa-density-2: 4px;
  --awa-density-3: 6px;
  --awa-density-4: 8px;
}

/* Ritmo vertical mais enxuto e consistente entre blocos da home. */
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .top-home-content--above-fold {
  margin-bottom: var(--awa-density-2) !important;
}

#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .ayo-home5-wrapper {
  padding-top: var(--awa-density-2) !important;
}

/* padding-block das seções: §32 + §33 (não duplicar top/bottom aqui) */

#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  :is(.top-home-content--category-carousel, .awa-carousel-section)
  .awa-section-header {
  margin-bottom: var(--awa-density-2) !important;
}

/* Grid de benefícios com colunas consistentes no desktop/tablet. */
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .awa-hero-benefits {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--awa-density-3) !important;
}

#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .awa-hero-benefits__item {
  margin-bottom: 0 !important;
  padding: var(--awa-density-2) !important;
  gap: var(--awa-density-2) !important;
}

/* Categoria/home reel: densidade horizontal e vertical padronizada. */
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .awa-category-carousel__track {
  gap: var(--awa-density-2) !important;
  padding-top: var(--awa-density-1) !important;
  padding-bottom: var(--awa-density-2) !important;
}

#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .awa-category-carousel__item {
  padding: var(--awa-density-2) var(--awa-density-1) !important;
  gap: var(--awa-density-2) !important;
}

/* Cards de produto com gutters mais uniformes entre colunas. */
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .awa-carousel-section
  .item-product.awa-carousel-card-slot {
  padding-left: var(--awa-density-1) !important;
  padding-right: var(--awa-density-1) !important;
}

#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .awa-carousel-section
  .awa-product-card {
  gap: var(--awa-density-2) !important;
}

@media (max-width: 1024px) {
  #html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .awa-hero-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .awa-hero-benefits {
    grid-template-columns: 1fr;
    gap: var(--awa-density-2) !important;
  }
}

/* Hard lock legado removido — §33 define padding-block explícito */

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 {
  margin-bottom: 8px !important;
}

/* v2 specificity lock: empata/esmaga regras antigas de mesma camada com !important. */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .top-home-content--above-fold {
  margin-bottom: var(--awa-density-2) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .ayo-home5-wrapper {
  padding-top: var(--awa-density-2) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-hero-b2b-cta, .top-home-content--category-carousel, .awa-carousel-section) {
  padding-top: var(--awa-density-3) !important;
  padding-bottom: var(--awa-density-3) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.top-home-content--category-carousel, .awa-carousel-section)
  .awa-section-header {
  margin-bottom: var(--awa-density-2) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--awa-density-3) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item {
  margin-bottom: 0 !important;
  padding: var(--awa-density-2) !important;
  gap: var(--awa-density-2) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__track {
  gap: var(--awa-density-2) !important;
  padding-top: var(--awa-density-1) !important;
  padding-bottom: var(--awa-density-2) !important;
}

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 {
  padding-left: var(--awa-density-1) !important;
  padding-right: var(--awa-density-1) !important;
}

@media (max-width: 1024px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-hero-benefits {
    grid-template-columns: repeat(2, 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-benefits {
    grid-template-columns: 1fr !important;
    gap: var(--awa-density-2) !important;
  }

  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    :is(.awa-hero-b2b-cta, .top-home-content--category-carousel, .awa-carousel-section) {
    padding-top: var(--awa-density-3) !important;
    padding-bottom: var(--awa-density-3) !important;
  }
}

/* Home density pass — shelf headers, category cards and benefits stay inside 4-16px. */
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-density-3) !important;
  row-gap: var(--awa-density-3) !important;
}

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

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-section-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: var(--awa-density-2) !important;
  margin-block: 0 var(--awa-density-2) !important;
  padding-block: var(--awa-density-1) var(--awa-density-2) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header__left, .awa-category-carousel__header) {
  gap: var(--awa-density-1) !important;
  min-width: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header__title, .awa-category-carousel__header h2) {
  margin: 0 !important;
  padding-block: 0 !important;
  line-height: 1.25 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section
  .awa-section-header {
  align-content: start !important;
  grid-auto-rows: max-content !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.awa-section-header__subtitle, .awa-category-carousel__subtitle) {
  margin: 0 !important;
  line-height: 1.35 !important;
}

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-shelf-view-all) {
  min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  align-self: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits {
  gap: var(--awa-density-2) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item {
  min-height: 0 !important;
  padding: var(--awa-density-2) var(--awa-density-3) !important;
}

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

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  #awa-cat-carousel.awa-category-carousel__track {
  gap: 8px !important;
  padding: 0 !important;
  scroll-padding-inline: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  #awa-cat-carousel > .awa-category-carousel__item {
  width: clamp(112px, 10vw, 152px) !important;
  min-width: 112px !important;
  max-width: 152px !important;
  padding: var(--awa-density-2) !important;
  border-radius: 8px !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__icon {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  padding: 0 !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-category-carousel__icon
  :is(img, picture img) {
  width: 88px !important;
  height: 88px !important;
  max-width: 88px !important;
  max-height: 88px !important;
}

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

  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) {
    justify-self: start !important;
  }

  html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-category-carousel__viewport {
    margin-inline: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §28 Final-wins — gate-polish + shelf toolbar grid (2026-06-12)
   Última camada home: vence awa-home-gate-polish-type (--awa-f-gap 1.88rem,
   título featured 2.25rem/900, container flex legado).
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-f-gap: 8px !important;
  --awa-home-section-pad: 12px !important;
  --awa-home-section-pad-tight: 8px !important;
  --awa-home-carousel-gutter-inline: 16px !important;
  --awa-home-carousel-header-gap: 8px !important;
}

/* Título featured — corporativo, não display 900/2.25rem */
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--featured, .awa-shelf--featured)
  :is(.awa-section-header__title, .awa-shelf__title, 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#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.awa-section-header__title, .awa-shelf__title, .awa-category-carousel__header h2) {
  font-size: clamp(16px, 15px + 0.25vw, 18px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* Shelf toolbar — grid 3 colunas: título | ver todos | setas */
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)
  > .container {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) !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, .top-home-content--category-carousel)
  :is(.awa-section-header, .awa-shelf__header, .awa-category-carousel__header.awa-section-header) {
  align-items: center !important;
  border-block-end: 0 !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  margin-block: 0 8px !important;
  min-height: 0 !important;
  padding-block: 4px 8px !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
  .content-top-home
  :is(.awa-section-header, .awa-shelf__header):not(:has(> .awa-owl-nav)) {
  grid-template-columns: minmax(0, 1fr) 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__left, .awa-shelf__header-left, .awa-category-carousel__header .awa-section-header__left) {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-content: center !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__header .awa-section-header__link) {
  align-self: center !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  margin: 0 !important;
  /* H17A: alinhar ao target 44px das prateleiras (antes 32/36) */
  min-height: 44px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !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, .awa-shelf__header)
  > .awa-owl-nav {
  align-self: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  height: 32px !important;
  justify-self: end !important;
  margin: 0 !important;
  position: static !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, .awa-shelf__header)
  > .awa-owl-nav
  .awa-owl-nav__btn {
  height: 32px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  width: 32px !important;
}

/* Benefits bar — gap dentro da escala 4–16px */
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: 6px !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
    :is(.awa-carousel-section, .top-home-content--category-carousel)
    :is(.awa-section-header, .awa-shelf__header) {
    grid-template-columns: minmax(0, 1fr) auto !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):not(:has(> .awa-owl-nav)) {
    grid-template-columns: minmax(0, 1fr) 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, .awa-shelf__header)
    > .awa-owl-nav {
    grid-column: 2 !important;
  }
}

/* §29 Tablet home — header compacto + eixo centralizado (768–991) */
@media (min-width: 768px) and (max-width: 991px) {
  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'] {
    --awa-header-main-row-h: 56px;
    --awa-header-stack-h: 128px;
  }

  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
    > .container {
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    width: 100% !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §30 Redução de ruído visual — home B2B corporativo (2026-06-11)
   Superfícies flat, menos hairlines/pills/sombras; hierarquia só por tipo.
   ════════════════════════════════════════════════════════════════════════ */

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__eyebrow, .awa-shelf__eyebrow) {
  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
  :is(.awa-section-header__subtitle, .awa-category-carousel__subtitle):empty{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
  :is(.awa-section-header, .awa-shelf__header, .awa-category-carousel__header.awa-section-header) {
  border-block-end: 0 !important;
  box-shadow: 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
  :is(.awa-section-header__title, .awa-shelf__title)::before,
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__title, .awa-shelf__title)::after {
  display: none !important;
  content: 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
  :is(.awa-section-header__link, .awa-shelf__view-all, .awa-category-carousel__header .awa-section-header__link, .awa-shelf-view-all) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  /* H17A: target único 44px (categoria + prateleiras) */
  min-height: 44px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  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):hover {
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: underline !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-owl-nav__btn {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, var(--awa-border, var(--awa-border)) 85%, transparent) !important;
  box-shadow: none !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    .awa-owl-nav__btn:hover {
    background: var(--awa-bg-subtle, var(--awa-bg-subtle)) !important;
    border-color: var(--awa-border, var(--awa-border)) !important;
    box-shadow: 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
  :is(.awa-shelf--carousel, .awa-carousel-section)
  :is(.item-product, .product-item-info, .awa-carousel-card-slot, .content-item-product, .awa-product-card) {
  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#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-benefits-bar
  :is(.awa-benefit-item, .awa-benefits-item, .benefit-item) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: 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-cat-carousel
  > .awa-category-carousel__item {
  background: var(--awa-bg-subtle, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  box-shadow: 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-category-carousel__icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice {
  background: transparent !important;
  border: 0 !important;
  border-block-start: 1px solid var(--awa-border, var(--awa-border)) !important;
  box-shadow: none !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 13px !important;
  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 {
  background: var(--awa-bg-subtle, var(--awa-bg-subtle)) !important;
  border-block: 1px solid var(--awa-border, var(--awa-border)) !important;
  box-shadow: none !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-social-proof-bar {
  background: transparent !important;
  border-block: 0 !important;
  box-shadow: none !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  padding-block: 8px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-social-proof-bar
  .awa-social-proof-stat {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-social-proof-number {
  color: var(--awa-text-primary, var(--awa-text)) !important;
  font-size: 14px !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
  .awa-social-proof-label {
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §31 Ruído residual — hero, badges, hovers, fades (final-wins home)
   ════════════════════════════════════════════════════════════════════════ */

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(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next) {
  background: rgb(255 255 255 / 88%) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  box-shadow: none !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

@media (hover: hover) and (pointer: fine) {
  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(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next):hover {
    background: var(--awa-bg, var(--awa-bg)) !important;
    box-shadow: none !important;
  }
}

/* P1-C home (2026-07-28): tipografia de badge só no .onsale/.sticker/.product-label —
   NÃO no container vazio .hot-onsale (especificidade 3×#html-body vencía o refine). */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.onsale, .sticker, .product-label, .discount-badge, .sticker.discount) {
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  padding: 3px 6px !important;
  text-transform: uppercase !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  .hot-onsale {
  text-transform: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: normal !important;
  line-height: inherit !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: 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
  .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;
  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
  :is(.awa-shelf--carousel, .awa-carousel-section)
  :is(.item-product, .product-item-info, .awa-carousel-card-slot, .content-item-product):hover {
  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-category-carousel__item:hover {
  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
  :is(.awa-category-carousel__viewport::before, .awa-category-carousel__viewport::after) {
  display: none !important;
  content: 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
  .top-home-content--above-fold
  .swiper-pagination-bullet {
  background: var(--awa-border, var(--awa-border)) !important;
  box-shadow: none !important;
  opacity: 1 !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
  .swiper-pagination-bullet-active {
  background: var(--awa-primary, var(--awa-primary)) !important;
  box-shadow: 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
  :is(.awa-carousel-section--featured, .awa-shelf--featured)
  :is(.awa-section-header__title, .awa-shelf__title, h2) {
  font-size: clamp(17px, 16px + 0.35vw, 20px) !important;
  font-weight: 600 !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
  :is(.hot-deal, .top-home-content--trust-and-offers) {
  box-shadow: 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
  :is(.hot-deal, .item-deal-product) {
  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#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  :is(.page_footer, .page-footer)
  :is(.action.subscribe, .awa-seal, .awa-security-badge, .awa-payment-chip) {
  box-shadow: none !important;
}

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-professional {
  box-shadow: 0 1px 0 var(--awa-border, var(--awa-border)) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   §32 Home visual refine — padronização B2B (2026-06-12)
   Escopo: somente home. Cards com altura uniforme, imagem 1:1, CTA alinhado.
   ════════════════════════════════════════════════════════════════════════ */

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
  --awa-home-card-radius: 8px;
  --awa-home-card-pad: 8px;
  --awa-home-section-gap: 8px;
  --awa-home-thumb-ratio: 1 / 1;
}

/* Ritmo vertical entre seções — 24px (escala 4/8/12/16/24) */
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-hero-b2b-cta
  ):not(.top-home-content--above-fold) {
  padding-block: var(--awa-home-section-gap) !important;
}

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) !important;
  row-gap: var(--awa-home-section-gap) !important;
}

/* Carrossel — slides com mesma altura */
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-carousel-section)
  :is(.awa-carousel__track, ul.owl) {
  align-items: stretch !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-carousel-section)
  :is(li.item, li.bestsellerslider-item, .awa-carousel__slide) {
  display: flex !important;
  height: 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-shelf--carousel, .awa-carousel-section)
  :is(.item-product, .awa-carousel-card-slot) {
  display: flex !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 100% !important;
  width: 100% !important;
}

/* Card produto — coluna flex, CTA no rodapé */
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-carousel-section)
  :is(.content-item-product, .awa-product-card) {
  border-radius: var(--awa-home-card-radius) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--awa-density-2, 8px) !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  padding: var(--awa-home-card-pad) !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-carousel-section)
  .product-thumb {
  aspect-ratio: var(--awa-home-thumb-ratio) !important;
  background: var(--awa-bg-subtle, var(--awa-bg-subtle)) !important;
  border-radius: calc(var(--awa-home-card-radius) - 2px) !important;
  display: grid !important;
  flex: 0 0 auto !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 8px !important;
  place-items: center !important;
  position: relative !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-carousel-section)
  .product-thumb
  :is(.product-image-container, .product-image-wrapper, .product-thumb-link, .first-thumb) {
  display: grid !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !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-carousel-section)
  .product-thumb
  img.product-image-photo {
  display: block !important;
  height: auto !important;
  margin: 0 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
  :is(.awa-shelf--carousel, .awa-carousel-section)
  .product-info {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 6px !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
  :is(.awa-shelf--carousel, .awa-carousel-section)
  .product-name {
  margin: 0 !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
  :is(.awa-shelf--carousel, .awa-carousel-section)
  .product-name
  .product-item-link {
  color: var(--awa-text-primary, var(--awa-text)) !important;
  display: -webkit-box !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-decoration: 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
  :is(.awa-shelf--carousel, .awa-carousel-section)
  .awa-b2b-sku {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  margin: 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-shelf--carousel, .awa-carousel-section)
  .info-price {
  margin-block-start: auto !important;
  padding-block-start: 4px !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-carousel-section)
  .info-price
  .b2b-login-to-see-price {
  align-items: center !important;
  background: var(--awa-bg-subtle, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 8px 10px !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-carousel-section)
  .info-price
  .b2b-login-to-see-price
  a {
  color: var(--awa-primary, var(--awa-primary)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  min-height: 32px !important;
  padding: 4px 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Badges — posição e tamanho uniformes */
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-carousel-section)
  .hot-onsale {
  inset: 8px auto auto 8px !important;
  position: absolute !important;
  z-index: 2 !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-carousel-section)
  .hot-onsale
  :is(.onsale, .sticker, .product-label) {
  background: var(--awa-primary, var(--awa-primary)) !important;
  color: var(--awa-bg) !important;
}

/* Categoria — cards uniformes com hover sutil */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  #awa-cat-carousel
  > .awa-category-carousel__item {
  align-items: center !important;
  border-radius: var(--awa-home-card-radius) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 132px !important;
  text-align: center !important;
  transition: border-color 160ms ease, background-color 160ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    #awa-cat-carousel
    > .awa-category-carousel__item:hover {
    background: var(--awa-bg, var(--awa-bg)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 35%, var(--awa-border, var(--awa-border))) !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-carousel-section)
    :is(.content-item-product, .awa-product-card):hover {
    border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 28%, var(--awa-border, var(--awa-border))) !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-category-carousel__label {
  color: var(--awa-text-primary, var(--awa-text)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

/* Benefits — altura igual e ícones alinhados */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item,
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-item, .awa-benefits-item, .benefit-item) {
  align-items: flex-start !important;
  border-radius: var(--awa-home-card-radius) !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 72px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item
  :is(.awa-hero-benefits__title, .benefit-title, strong),
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-item, .awa-benefits-item)
  strong {
  color: var(--awa-text-primary, var(--awa-text)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-hero-benefits__item
  :is(.awa-hero-benefits__text, .benefit-text, p),
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-item, .awa-benefits-item)
  span:not(strong) {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Faixa pricing notice — card leve */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice
  :is(.awa-home-pricing-notice__inner, .container) {
  align-items: center !important;
  background: var(--awa-bg-subtle, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: var(--awa-home-card-radius) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  justify-content: space-between !important;
  padding: 10px 12px !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
    :is(.awa-shelf--carousel, .awa-carousel-section)
    :is(.content-item-product, .awa-product-card) {
    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-cat-carousel
    > .awa-category-carousel__item {
    min-height: 120px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §33 Corporate density terminal — vence body-end clamp 2vw≈27px (2026-06-12)
   Tokens fixos 4/8/12/16/24px (vars herdadas eram shadowed por clamp).
   ════════════════════════════════════════════════════════════════════════ */

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:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper,
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: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:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .content-top-home
  :is(.top-home-content, .awa-carousel-section, .awa-home-section, .awa-hero-b2b-cta) {
  --awa-home-section-gap: 12px;
  --awa-home-pad-featured: 16px;
  --awa-home-pad-standard: 12px;
  --awa-home-pad-compact: 8px;
  --awa-home-pad-category: 12px;
  --awa-home-pad-benefits: 8px;
  --awa-home-grid-gap: 8px;
  --awa-home-shell-max: 1280px;
  --awa-home-shell-gutter: 16px;
  --section-py: 12px;
  --section-py-half: 8px;
}

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
  ),
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-hero-b2b-cta
  ):not(.top-home-content--above-fold) {
  margin-block: 0 !important;
  padding-block: 8px !important;
}

@layer awa-visual-priority {
  /* §hero-box-r1: content-box + padding-inline 16 expandia o hero p/ vw+32 e
     cortava 16px da imagem (imgOverflow falso no Pixel QA; clip real à direita).
     border-box + padding-inline 0 = full-bleed alinhado ao critical CSS. */
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    #awa-main-content.top-home-content--above-fold {
    box-sizing: border-box !important;
    margin-block: 0 !important;
    max-width: 100% !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    width: 100% !important;
  }
}

/* Eixo único home — rail 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
  :is(
    .page-main.container,
    .awa-home-pricing-notice :is(.container, .awa-home-pricing-notice__inner)
  ) {
  box-sizing: border-box !important;
  margin-inline: 0 !important;
  max-width: min(100%, 1280px) !important;
  padding-inline: 16px !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-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
  .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#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 {
  gap: 8px !important;
  row-gap: 8px !important;
}

html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice
  :is(.awa-home-pricing-notice__inner, .container) {
  padding-inline: 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(.awa-section-header, .awa-shelf__header, header.awa-section-header) {
  gap: 8px !important;
  margin-block-end: 8px !important;
  padding-block-end: 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
  :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;
  text-transform: uppercase !important;
}

@media (max-width: 767px) {
  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:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home,
  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:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .content-top-home
    :is(.top-home-content, .awa-carousel-section, .awa-home-section) {
    --awa-home-section-gap: 8px;
    --awa-home-pad-featured: 12px;
    --awa-home-pad-standard: 8px;
    --awa-home-pad-compact: 8px;
    --awa-home-pad-category: 12px;
    --awa-home-shell-gutter: 16px;
    --section-py: 8px;
  }

  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
    ),
  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-hero-b2b-cta
    ):not(.top-home-content--above-fold) {
    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: 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(
      .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
    .container {
    padding-inline: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   §34 Home audit fixes — benefits, hero mobile, pricing, títulos (2026-06-12)
   Vence preload/critical residual da auditoria home.
   ════════════════════════════════════════════════════════════════════════ */

/* Pricing notice — escala 12/16px (não 10px legado) */
html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-home-pricing-notice
  :is(.awa-home-pricing-notice__inner, .container) {
  padding-block: 6px !important;
  padding-inline: 16px !important;
}

/* Benefits mobile — 2x2 alinhado, ícones uniformes */
@media (max-width: 767px) {
  html body#html-body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper
    .awa-benefits-bar {
    padding-inline: 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-benefits-container {
    align-items: stretch !important;
    gap: 8px !important;
    grid-auto-rows: 1fr !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-item, .awa-benefits-item, .benefit-item) {
    align-items: center !important;
    box-sizing: border-box !important;
    gap: 8px !important;
    min-height: 56px !important;
    padding: 8px !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-icon, .benefit-icon) {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 24px !important;
    height: 24px !important;
    justify-content: center !important;
    width: 24px !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-icon, .benefit-icon)
    :is(img, svg) {
    block-size: 24px !important;
    filter: brightness(0) invert(1) !important;
    height: 24px !important;
    max-height: 24px !important;
    max-width: 24px !important;
    object-fit: contain !important;
    width: 24px !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, .awa-benefit-text, strong) {
    line-height: 1.25 !important;
  }
}

/* Títulos produto — contrato 2 linhas rígido */
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-carousel-section)
  .product-name {
  max-height: calc(13px * 1.35 * 2) !important;
  overflow: hidden !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-carousel-section)
  .product-name
  :is(.product-item-link, a) {
  max-height: inherit !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Hero mobile — overflow, setas simétricas, sem faixa cinza residual */
@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
    .top-home-content--above-fold {
    margin-block: 0 !important;
    overflow: hidden !important;
    padding-block: 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
    :is(.banner-slider, .banner-slider2, .wrapper_slider.visible-xs) {
    margin-block: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding-block: 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
    .top-home-content--above-fold
    :is(.awa-hero-swiper, .swiper-wrapper, .swiper-slide, .banner_item_bg) {
    max-width: 100% !important;
    overflow: hidden !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
    .wrapper_slider.visible-xs
    .banner_item_bg
    :is(picture, img) {
    background: transparent !important;
    margin: 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
    .top-home-content--above-fold
    :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;
    inset-block-start: 50% !important;
    justify-content: center !important;
    margin-block: 0 !important;
    min-height: var(--awa-home-touch-target, 44px) !important;
    min-width: var(--awa-home-touch-target, 44px) !important;
    transform: translateY(-50%) !important;
    width: var(--awa-home-touch-target, 44px) !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
    :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;
  }

  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
    :is(.awa-hero-swiper__nav--prev, .swiper-button-prev) {
    inset-inline-start: 8px !important;
    inset-inline-end: auto !important;
    left: 8px !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
    .top-home-content--above-fold
    :is(.awa-hero-swiper__nav--next, .swiper-button-next) {
    inset-inline-end: 8px !important;
    inset-inline-start: auto !important;
    left: auto !important;
    right: 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
    .top-home-content--above-fold
    .swiper-pagination {
    inset-block-end: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §35 HDR terminal — vence §APF-MOBILE-FINAL + impeccable CLS locks
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {
  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']
    .header-content:has(.awa-b2b-promo-bar) {
    align-items: stretch !important;
    height: auto !important;
    max-height: none !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-header.awa-b2b-promo-bar {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !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-header
    .awa-b2b-promo-bar__inner {
    width: 100% !important;
    max-width: min(100%, 1280px) !important;
    margin-inline: auto !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-site-header:not(.awa-header-condensed)
    .header-wrapper-sticky
    :is(.header-main, .header_main, .header.awa-main-header) {
    padding: 0 !important;
    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
    .awa-site-header:not(.awa-header-condensed)
    .awa-header-search-col
    :is(.block-content, .block-search) {
    padding: 0 !important;
    padding-block: 0 !important;
    margin: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !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
    .awa-header-search-col
    form#search_mini_form {
    margin: 0 !important;
    height: 44px !important;
    max-height: 44px !important;
  }
}

/* Dark mode desativado (2026-07-16): bloco prefers-color-scheme / awa-dark-mode removido. */