/* ═══════════════════════════════════════════════════════════════════════════
   HOME GRID SSOT LOCK — eixo 1280px, seções densas 4–16px, cards flat
   ═══════════════════════════════════════════════════════════════════════════ */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) {
    --awa-home-gap-xs: 4px;
    --awa-home-gap-sm: 8px;
    --awa-home-gap-md: 12px;
    --awa-home-gap-lg: 16px;
    --awa-home-shell-max: min(100%, 1280px);
}

/* Containers — eixo único 1280px */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(
    .content-top-home .top-home-content.awa-home-section > .container,
    .content-top-home .top-home-content.awa-carousel-section > .container,
    .content-top-home .awa-hero-b2b-cta__inner.container,
    .awa-home-pricing-notice > .container,
    .page-main.container,
    .awa-benefits-bar .awa-benefits-container
) {
    box-sizing: border-box !important;
    margin-inline: auto !important;
    max-width: var(--awa-home-shell-max) !important;
    padding-inline: clamp(12px, 2.5vw, 16px) !important;
    width: 100% !important;
}

/* Ritmo vertical entre seções */
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) {
    margin-block: 0 !important;
    padding-block: var(--awa-home-gap-md) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(.awa-section-header, .awa-shelf__header) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: var(--awa-home-gap-sm) var(--awa-home-gap-md) !important;
    margin-block-end: var(--awa-home-gap-md) !important;
    padding-inline: 0 !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(.awa-section-header__title, .awa-shelf__title, h2.awa-section-header__title) {
    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: 0 !important;
    padding-block: 0 !important;
    letter-spacing: -0.01em !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;
}

/* Carrosséis / vitrines */
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 .awa-carousel__track,
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-home-gap-md) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(.item-product, .awa-carousel-card-slot, .content-item-product) {
    border: 1px solid var(--awa-border, #e5e7eb) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    background: var(--awa-bg, #fff) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(.item-product, .content-item-product) :is(.product-info, .product-item-info) {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--awa-home-gap-sm) !important;
    padding: var(--awa-home-gap-sm) var(--awa-home-gap-md) var(--awa-home-gap-md) !important;
}

/* Carrossel 5 cards: densidade e legibilidade em desktop largo */
@media (min-width: 1280px) {
    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper .awa-carousel-section .awa-carousel__track {
        gap: var(--awa-home-gap-sm) !important;
    }

    html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
    .page-wrapper .awa-shelf--carousel :is(.awa-carousel__slide, .owl-item, .swiper-slide) {
        padding-left: var(--awa-home-gap-sm) !important;
        padding-right: var(--awa-home-gap-sm) !important;
    }

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

/* Benefits bar — compacto */
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper .awa-benefits-bar .awa-benefits-container {
    gap: var(--awa-home-gap-sm) !important;
    padding-block: var(--awa-home-gap-md) !important;
}

html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper .awa-benefits-bar .awa-benefit-item {
    gap: var(--awa-home-gap-sm) !important;
    padding: var(--awa-home-gap-sm) !important;
}

/* Hero B2B CTA — grid benefícios denso */
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: var(--awa-home-gap-md) !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 {
    min-height: 0 !important;
    padding: var(--awa-home-gap-md) !important;
    gap: var(--awa-home-gap-sm) !important;
}

/* 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__item {
    gap: var(--awa-home-gap-sm) !important;
}

/* First-paint lock: evita categorias empilhadas até os bundles async terminarem. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper .top-home-content--category-carousel {
    margin-block: 0 !important;
    padding-block: var(--awa-home-gap-md) !important;
    overflow: 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 > .container {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--awa-home-gap-md) !important;
    margin-inline: auto !important;
    max-width: var(--awa-home-shell-max) !important;
    padding-inline: clamp(12px, 2.5vw, 16px) !important;
    width: 100% !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;
    overflow: hidden !important;
    padding-block: var(--awa-home-gap-xs) !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 {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: var(--awa-home-gap-sm) !important;
    margin: 0 !important;
    max-height: 220px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: var(--awa-home-gap-xs) var(--awa-home-gap-sm) var(--awa-home-gap-sm) !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    width: 100% !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::-webkit-scrollbar {
    display: none !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 {
    align-items: center !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: var(--awa-home-gap-sm) !important;
    max-width: 152px !important;
    min-height: 0 !important;
    min-width: 112px !important;
    overflow: hidden !important;
    padding: var(--awa-home-gap-sm) !important;
    scroll-snap-align: start !important;
    width: clamp(112px, 10vw, 152px) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper .awa-category-carousel__icon {
    height: 72px !important;
    min-height: 72px !important;
    min-width: 72px !important;
    padding: var(--awa-home-gap-sm) !important;
    width: 72px !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) {
    height: 54px !important;
    max-height: 54px !important;
    max-width: 54px !important;
    width: 54px !important;
}

/* First-paint footer lock: impede texto de 8px até os refinamentos finais carregarem. */
html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(.footer-newsletter, .newsletter, .block.newsletter, .awa-newsletter) {
    border-radius: 8px !important;
    font-size: 13px !important;
    gap: var(--awa-home-gap-sm) !important;
    line-height: 1.4 !important;
    margin-block: var(--awa-home-gap-md) !important;
    padding: var(--awa-home-gap-md) var(--awa-home-gap-lg) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper :is(.page-footer, footer, #footer.footer-container) {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-top: var(--awa-home-gap-md) !important;
    padding-block: var(--awa-home-gap-lg) var(--awa-home-gap-sm) !important;
}

@media (max-width: 767px) {
    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;
    }
}

/* ═══ TERMINAL GRID LOCK — containers 1280, spacing 4–16px, títulos em px (root 10px) ═══ */
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-gap-md) !important;
    row-gap: var(--awa-home-gap-md) !important;
}

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 > .container,
    .top-home-content.awa-carousel-section > .container,
    .top-home-content--category-carousel > .container,
    .awa-hero-b2b-cta__inner.container
) {
    max-width: var(--awa-home-shell-max) !important;
    padding-inline: clamp(12px, 2vw, 16px) !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 {
    padding-block: var(--awa-home-gap-lg) !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 !important;
    align-items: end !important;
    gap: var(--awa-home-gap-sm) var(--awa-home-gap-md) !important;
    margin-block: 0 var(--awa-home-gap-sm) !important;
    padding-block: var(--awa-home-gap-xs) var(--awa-home-gap-sm) !important;
}

html body#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-home-gap-md) !important;
    max-width: var(--awa-home-shell-max) !important;
    margin-inline: 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 .awa-carousel__track > li.item {
    padding-inline: var(--awa-home-gap-sm) !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-name, .product-item-name, .product-name a, .product-item-link) {
    font-size: 12px !important;
    line-height: 1.35 !important;
    min-height: calc(1.35em * 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(.product-info, .product-item-info) {
    gap: var(--awa-home-gap-sm) !important;
    padding: var(--awa-home-gap-sm) !important;
}

/* Shelf contract: remove gutter legado do Owl e padroniza colunas/card. */
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-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#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;
}

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) {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 50% !important;
    margin: 0 !important;
    max-inline-size: 50% !important;
    padding-inline: var(--awa-home-gap-xs) !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-product-card) {
    min-height: 0 !important;
    overflow: visible !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 .product-thumb {
    aspect-ratio: var(--awa-grid-thumb-ratio, 1 / 1) !important;
    min-height: 0 !important;
    max-height: none !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 .product-thumb img {
    max-height: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Polish da shelf: setas em faixa própria e card B2B mais denso. */
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 {
    overflow: visible !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
    :is(.awa-section-header, .awa-shelf__header)
    > .awa-owl-nav:not(.awa-owl-nav--header-mounted) {
        align-items: center !important;
        bottom: auto !important;
        display: inline-flex !important;
        gap: var(--awa-home-gap-sm) !important;
        height: 32px !important;
        justify-content: flex-end !important;
        left: auto !important;
        pointer-events: none !important;
        position: absolute !important;
        right: 0 !important;
        top: 4px !important;
        width: auto !important;
        z-index: 12 !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--header-mounted {
        position: static !important;
        top: auto !important;
        right: auto !important;
        height: 32px !important;
        pointer-events: 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-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;
    }
}

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-product-card) {
    background: var(--awa-bg, #ffffff) !important;
    border-color: var(--awa-border, #e5e5e5) !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 4%) !important;
    gap: 6px !important;
    padding: var(--awa-home-gap-sm) !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: transparent !important;
    margin-block-end: var(--awa-home-gap-xs) !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-image-container, .product-image-wrapper) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !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
:is(.product-info, .product-item-info) {
    flex: 1 1 auto !important;
    gap: var(--awa-home-gap-xs) !important;
    padding: var(--awa-home-gap-xs) 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-b2b-sku {
    align-self: flex-start !important;
    background: var(--awa-bg-muted, #f7f7f7) !important;
    border-color: var(--awa-border, #e5e5e5) !important;
    color: var(--awa-text-secondary, #666666) !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#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: var(--awa-home-gap-sm) !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#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: var(--awa-home-gap-sm) !important;
    justify-content: space-between !important;
    margin: 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 .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#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, #b73337) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.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 .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, #b73337) !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#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#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, #b73337) !important;
    border-radius: 6px !important;
    color: var(--awa-text-inverse, #ffffff) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    padding: 4px 8px !important;
    text-transform: uppercase !important;
}

@media (min-width: 768px) {
    html body#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;
    }

    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: 33.333333% !important;
        max-inline-size: 33.333333% !important;
    }
}

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

@media (min-width: 992px) {
    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;
        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
    ul.owl.awa-carousel__track:has(> li.item:nth-child(4):last-child) > li.item {
        flex-basis: 25% !important;
        max-inline-size: 25% !important;
    }
}

@media (min-width: 1280px) {
    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: 13px !important;
        line-height: 1.35 !important;
        min-height: calc(1.35em * 2) !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 .awa-hero-benefits {
        grid-template-columns: 1fr !important;
    gap: var(--awa-home-gap-sm) !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 {
    padding-inline: clamp(12px, 2vw, 16px) !important;
}

/* Ritmo §26 — vence gap 18.8px legado do gate-polish */
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-hero-b2b-cta):not(.top-home-content--above-fold) {
    display: block !important;
    gap: 0 !important;
    padding-block: var(--awa-home-gap-md) !important;
}

html body#html-body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
.page-wrapper .awa-home-pricing-notice {
    padding-block: var(--awa-home-gap-md) !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-home-gap-md) !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 > .container {
    gap: var(--awa-home-gap-sm) !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 {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: var(--awa-home-gap-sm) !important;
    margin-block-end: 0 !important;
    padding-block: var(--awa-home-gap-xs) 0 !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__left {
    grid-column: 1 !important;
    grid-row: 1 / -1 !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__link {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
    min-height: 32px !important;
    padding: 6px 10px !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 {
    grid-column: 3 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
}