/* ===========================================
   AWA MOTOS - CONSISTENCY HOME5 LAYER
   Tema: AYO/Rokanthemes (Home5)

   EXTRAÍDO de awa-consistency.css para:
   - reduzir tamanho e complexidade do arquivo principal
   - concentrar ajustes específicos da homepage Home5

   !important POLICY (42 ocorrências — todas justificadas):
   ─────────────────────────────────────────────────────────
   Categoria A — Override de _extend.less (float grid → CSS Grid)
     Rokanthemes compila .row / [class*="col-"] com widths, floats
     e margins fixos. !important é o ÚNICO mecanismo para converter
     para CSS Grid sem editar arquivos do tema (proibido).
     → linhas: ~303, 314, 317, 321-324, 877-889, 957-986

   Categoria B — Override de inline styles (JS)
     SuperDeals/TimeCircles e Owl Carousel aplicam width/position
     via JavaScript element.style. CSS sem !important não prevalece.
     → linhas: ~1012-1039, 1054, 1062, 1067, 1085-1104

   Categoria C — Cascade com !important desktop
     @media queries responsivos que precisam sobrescrever regras
     desktop da mesma especificidade que já usam !important.
     → linhas: ~957, 958, 966, 985-986

   REMOÇÃO SEGURA: só quando o Rokanthemes/SuperDeals substituir
   float-grid por CSS Grid nativo OU quando os plugins JS pararem
   de aplicar inline styles.
=========================================== */

/* ===========================================
   HOME5 — ALINHAMENTO E ACABAMENTO FINAL
   Consolidado com :is(...) para reduzir duplicidade.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .block_cat > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .block_cat > .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .leftBlock .vc_tta-tabs-container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .rightBlock .tab_container {
    width: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .leftBlock .tabs {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--awa-space-2);
    margin: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .leftBlock .tabs > li {
    float: none;
    width: 100%;
    margin: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container [class^="tab_content_"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container [class*=" tab_content_"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .item-product {
    height: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product > .container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification > .container {
    width: 100%;
    max-width: var(--awa-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--awa-space-5); /* BP-20: era 20px */
    padding-right: var(--awa-space-5); /* BP-20: era 20px */
    box-sizing: border-box;
}

/* Home5: evitar desalinhamento por containers aninhados (módulos Rokanthemes já incluem .container) */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .categorytab-container > .container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .list-tab-product,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .hot-deal {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* CategoryTab real (grid.phtml): tabs + conteúdo com largura estável */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container > ul.tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--awa-space-2);
    margin: 0 0 var(--awa-space-4);
    padding: 0;
    list-style: none;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container > ul.tabs > li {
    float: none;
    margin: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container .tab_container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container .owl-container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container .category_tab_slider,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container .category_tab_slider .product_row {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* CategoryTab thumbnail (catthumbnail.phtml): grade estável para colunas 5/7 + subcolunas */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--awa-space-4);
    margin: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-5,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-5 {
    grid-column: span 5;
    width: auto;
    max-width: 100%;
    float: none;
    padding: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-7,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-7 {
    grid-column: span 7;
    width: auto;
    max-width: 100%;
    float: none;
    padding: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-7 > .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-7 > .row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--awa-space-4);
    margin: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-7 > .row > [class*="col-"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-7 > .row > [class*="col-"] {
    width: auto;
    max-width: 100%;
    float: none;
    padding: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .popcat-box {
    height: 100%;
}

/* ProductTab/SuperDeals: row legada não deve contrair bloco de carrossel */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product > .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .hot-deal-tab-slider > .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product > .row > .tab_container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .hot-deal-slide {
    width: 100%;
    min-width: 0;
}

/* ProductTab (producttab.phtml): wrapper de aba precisa de contenção explícita */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .tab_container {
    width: 100%;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content.active {
    display: block;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .productTabContent {
    width: 100%;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .product_row {
    min-width: 0;
}

/* ProductTab Home5: neutralizar listview legado (thumb 30% + info 70%) que estica cards */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product.listview {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product.listview .product-thumb,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product.listview .product-info {
    float: none;
    width: 100%;
    max-width: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product.listview .product-info {
    margin-top: 0;
    padding-left: 0;
}

/* ProductTab fallback sem Owl: evita card único gigante */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .productTabContent:not(.owl-carousel) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--awa-space-4);
    width: 100%;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .productTabContent:not(.owl-carousel) .product_row {
    display: contents;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .productTabContent:not(.owl-carousel) .item-product-parent {
    min-width: 0;
    width: auto;
    float: none;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .hot-deal-slide .product_row {
    height: 100%;
}

/* Itens/células dos carrosséis com altura consistente para alinhar cards */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .category_tab_slider .item,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .category_tab_slider .item-inner,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .item-product {
    height: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content + .top-home-content {
    margin-top: var(--awa-page-section-gap);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold {
    display: block;
    width: 100%;
    max-width: var(--awa-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--awa-space-5); /* BP-20: era 20px */
    padding-right: var(--awa-space-5); /* BP-20: era 20px */
    box-sizing: border-box;
    align-items: start;
}

/* Above-the-fold: evitar overflow e alinhar módulos lado a lado no desktop */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > * {
    min-width: 0;
}

/* AF-07: Hero slider full-bleed (viewport width) mantendo o wrapper da seção estável.
   A seção acima-da-dobra pode conter outros módulos (quick-nav/CTA); então o full-width
   é aplicado apenas ao bloco de slider. */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > .banner-slider,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > .banner-slider.banner-slider2 {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 0;
    padding-right: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > .banner-slider .wrapper_slider {
    margin-left: 0;
    margin-right: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold .awa-mobile-quick-nav {
    grid-column: 1 / -1;

    /* Full-bleed dentro do container acima-da-dobra: mantém sticky/linha visual alinhada com a viewport */
    margin-left: -20px;
    margin-right: -20px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold .awa-hero-cta-strip {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Trust + offers: banner e hot deal alinhados em colunas no desktop */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--awa-space-4);
    align-items: start;
    grid-auto-flow: row;
}

/* Ajuste fino do ritmo visual: reduz o vão entre hero e serviços/ofertas */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold + .top-home-content--trust-and-offers {
    margin-top: var(--awa-space-4);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container > * {
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container > .banner_mid_1,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container > .hot-deal {
    width: 100%;
    max-width: 100%;
}

/* Benefícios/serviços sempre full-width antes das colunas */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServices {
    grid-column: 1 / -1;
    margin: 0;

    /* evita placeholder de contain-intrinsic-size (400px) em seção crítica */
    content-visibility: visible;
    contain-intrinsic-size: auto 0;
}

/* Zerar margins legadas da _extend.less no velaServicesInner dentro de trust-and-offers */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner {
    margin: 0 !important;
}

/* Neste bloco usamos gap do grid; evitar somar margens/paddings legados */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1 {
    margin-top: 0;
}

/* Home5 Trust/Offers: remover "gutter bleed" de .row legada (margin -10px da _extend.less)
   e alinhar banner com o grid/padding do container. */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--awa-space-4);
    margin: 0 !important;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row > [class*="col-"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex > [class*="col-"] {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    min-width: 0;
}

@media (width <= 767px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex {
        grid-template-columns: 1fr;
        gap: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .rowFlex {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .item-product .product-name a,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .item-product .product-item-link,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .product-item .product-item-link {
        -webkit-line-clamp: 3;
        min-height: 4.2em;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper {
        padding-inline: var(--awa-space-3-75); /* BP-50: era 15px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss .countdown_block {
        position: static !important;
        width: 100% !important;
        margin: 0 0 var(--awa-space-2-5) !important; /* BP-50: era 10px */
        padding: 0 !important;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--awa-space-2); /* BP-17: era 8px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .title_countdown {
        display: block;
        margin: 0;
        line-height: var(--awa-leading-compact);
        flex: 1 0 100%;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles {
        width: 100% !important;
        justify-content: center;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section {
        padding-block: 28px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badges-grid {
        grid-template-columns: 1fr;
        max-width: 320px;
        gap: var(--awa-space-3); /* BP-17: era 12px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badge-item {
        flex-direction: row;
        text-align: left;
        padding: 14px 16px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badge-item img {
        width: 36px;
        height: 36px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details summary {
        padding: 14px 16px;
        font-size: 0.875rem;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details > :not(summary) {
        padding: 0 16px 14px;
        font-size: 0.8125rem;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-intent-heading h2 {
        font-size: 1.15rem;
        margin-bottom: var(--awa-space-4); /* BP-19: era 16px */
        padding-bottom: var(--awa-space-2); /* BP-20: era 8px */
    }
}

@media (width <= 991px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold + .top-home-content--trust-and-offers {
        margin-top: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .block_cat > .row {
        row-gap: var(--awa-space-4);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .productTabContent:not(.owl-carousel) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .leftBlock .tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification > .container {
        padding-left: var(--awa-space-3-75); /* BP-50: era 15px */
        padding-right: var(--awa-space-3-75); /* BP-50: era 15px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold {
        padding-left: var(--awa-space-3-75); /* BP-50: era 15px */
        padding-right: var(--awa-space-3-75); /* BP-50: era 15px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold .awa-mobile-quick-nav {
        margin-left: calc(var(--awa-space-3-75) * -1); /* BP-50: era -15px */
        margin-right: calc(var(--awa-space-3-75) * -1); /* BP-50: era -15px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container > ul.tabs {
        gap: var(--awa-space-1);
        margin-bottom: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row {
        grid-template-columns: 1fr;
        gap: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-5,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-5,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-7,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-7 {
        grid-column: auto;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-md-7 > .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .title-catthum + .row > .col-sm-7 > .row {
        grid-template-columns: 1fr;
        gap: var(--awa-space-3);
    }

    /* R24 tombstone — overrides responsivos da .awa-hero-cta-strip
       desativados (CTA oculta em FIX-53, awa-fixes.css). */

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .banner_mid_1,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .the_blog,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .categorytab-container + .categorytab-container {
        margin-top: var(--awa-space-4);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--b2b-promo {
        margin-top: var(--awa-space-5);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > .categorytab-container,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > .ayo-home5-launches {
        margin-bottom: var(--awa-space-5);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .rowFlex {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: var(--awa-space-3) !important;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section {
        padding-block: 36px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-intent-heading h2 {
        font-size: 1.3rem;
        margin-bottom: var(--awa-space-5); /* BP-19: era 20px */
    }
}

/* Above-the-fold: busca + categorias com maior destaque na Home */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .header-control .menu_left_home1 {
    border-radius: var(--awa-control-radius);
    box-shadow: var(--awa-shadow-sm);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .header-control .menu_left_home1 .menu-vertical-title,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .header-control .menu_left_home1 .verticalmenu-title {
    background: var(--awa-red);
    color: var(--awa-text-on-primary);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .header-control .menu_left_home1 .verticalmenu,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .header-control .menu_left_home1 .verticalmenu-content {
    border: 1px solid var(--awa-gray-200);
    border-top: 0;
    background: var(--awa-bg-surface); /* BP-12 */
}

/* R24 tombstone — estilos detalhados da .awa-hero-cta-strip removidos
   porque o bloco foi ocultado por FIX-53 em awa-fixes.css (display:none).
   Manter este comentário como referência caso a CTA volte futuramente. */

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids .ayo-home5-launches {
    margin-top: var(--awa-space-5);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids .awa-intent-heading {
    margin: 0 0 var(--awa-space-3);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids .awa-intent-heading h2 {
    margin: 0;
    font-size: clamp(1.25rem, 1rem + .8vw, 1.7rem);
    line-height: var(--awa-leading-compact);
    color: var(--awa-text-primary, #222);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .banner_mid_1,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .the_blog {
    margin-top: var(--awa-space-5);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--b2b-promo {
    margin-top: var(--awa-space-6);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--b2b-promo .b2b-promo-banner {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: calc(var(--awa-control-radius) + 2px);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > .categorytab-container,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > .ayo-home5-launches {
    margin-bottom: var(--awa-space-6);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > :last-child {
    margin-bottom: 0;
}

/* Intent grids: prevenir overflow e desalinhamento por wrappers/larguras implícitas */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > * {
    min-width: 0;
}

/* Lançamentos: alguns widgets/blocos trazem .container interno — evitar “container duplo” */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--intent-grids > .container > .ayo-home5-launches > .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product > .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* Home5 ultra-fino: densidade e ritmo visual da seção ProductTab */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product {
    padding-top: clamp(40px, 5vw, 56px);
    padding-bottom: clamp(56px, 7vw, 88px);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .rokan-product-heading h2,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .rokan-product-heading h2 span {
    font-size: clamp(24px, 2vw + 14px, 26px);
    line-height: var(--awa-leading-compact);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product {
    padding: var(--awa-space-4); /* BP-18: era 16px */
    border-radius: var(--awa-radius-sm); /* BP-49: era 6px */
    gap: var(--awa-space-3); /* BP-17: era 12px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgb(0 0 0 / 7%);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .title-product,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .product-name {
    margin: 0 0 8px;
    line-height: var(--awa-leading-cozy);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .title-product a,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .product-item-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.7em;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .info-price,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .price-box {
    margin-top: 2px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product .product-info-cart {
    margin-top: var(--awa-space-4); /* BP-19: era 16px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .vc_tta-tabs-container {
    margin-bottom: var(--awa-space-5); /* BP-19: era 20px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .vc_tta-tabs-container .tabs li {
    margin: 0 var(--awa-space-2-5); /* BP-50: era 10px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .vc_tta-tabs-container .tabs li a {
    font-size: var(--awa-text-md);
    line-height: 34px;
    padding-bottom: var(--awa-space-2); /* BP-20: era 8px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .row {
    margin-left: 0;
    margin-right: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .row > [class*="col-"] {
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification .awa-ticker-wrap {
    display: flex;
    align-items: center;
    min-height: 36px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .rowFlex {
    align-items: stretch;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .row > [class*="col-"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .rowFlex > [class*="col-"] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container > .categorytab-container + .categorytab-container {
    margin-top: var(--awa-space-5);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal .hot-deal-tab-slider {
    height: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product {
    min-width: 0;
    overflow-x: clip;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .banner_mid_1 + .hot-deal {
    margin-top: var(--awa-space-5);
}

@media (width >= 1200px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content + .top-home-content {
        margin-top: var(--awa-page-section-gap-lg);
    }
}

@media (width <= 768px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification .awa-ticker-wrap {
        min-height: 32px;
    }

    /* R24 tombstone — layout mobile da .awa-hero-cta-strip removido. */

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-mobile-quick-nav .quick-nav-wrapper {
        display: flex;
        gap: var(--awa-space-2);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        touch-action: pan-x pinch-zoom; /* BP-27: melhor scroll horizontal touch */
        padding-bottom: var(--awa-space-1);
        scroll-snap-type: x mandatory;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-mobile-quick-nav .quick-nav-item {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .the_blog .block-title,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .tab_product .box-title,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal .rokan-product-heading h2 {
        margin-bottom: var(--awa-space-4);
        line-height: var(--awa-leading-snug);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product {
        padding-top: 36px;
        padding-bottom: 52px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .tab_product .list-tab-product .item-product {
        padding: var(--awa-space-3-5); /* BP-50: era 14px */
        gap: var(--awa-space-2-5); /* BP-50: era 10px */
    }
}

@media (width <= 680px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .list-tab-product .product-tab-slider.tab_content .productTabContent:not(.owl-carousel) {
        grid-template-columns: 1fr;
        gap: var(--awa-space-4); /* BP-17: era 16px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container .leftBlock .tabs {
        grid-template-columns: 1fr;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container > ul.tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: var(--awa-space-1);
        scrollbar-width: thin;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container > ul.tabs > li {
        flex: 0 0 auto;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content + .top-home-content {
        margin-top: var(--awa-space-5);
    }
}

@media (width <= 480px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .banner_mid_1 + .hot-deal {
        margin-top: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .rowFlex {
        grid-template-columns: 1fr !important;
        gap: var(--awa-space-2) !important;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .row > [class*="col-"]:nth-child(n+4),
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .rowFlex > [class*="col-"]:nth-child(n+4) {
        display: block;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper {
        padding-inline: var(--awa-space-3); /* BP-21: era 12px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section {
        padding-block: var(--awa-space-5); /* BP-21: era 20px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section--compact {
        padding-block: 10px;
    }
}

@media (width <= 390px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification > .container {
        padding-left: var(--awa-space-3); /* BP-20: era 12px */
        padding-right: var(--awa-space-3); /* BP-20: era 12px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold {
        padding-left: var(--awa-space-3); /* BP-20: era 12px */
        padding-right: var(--awa-space-3); /* BP-20: era 12px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold .awa-mobile-quick-nav {
        margin-left: -12px;
        margin-right: -12px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .categorytab-container > .container > ul.tabs {
        margin-bottom: var(--awa-space-2);
    }

    /* R24 tombstone — largura compacta da .awa-hero-cta-strip removida. */

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content + .top-home-content {
        margin-top: var(--awa-space-4);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .the_blog {
        margin-top: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .the_blog .block-title,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .tab_product .box-title,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal .rokan-product-heading h2 {
        font-size: clamp(18px, 5.2vw, 22px);
        margin-bottom: var(--awa-space-3);
    }
}

@media (width <= 375px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification .awa-ticker-wrap {
        min-height: 30px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .banner_mid_1 + .hot-deal {
        margin-top: var(--awa-space-2);
    }
}

@media (width <= 320px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content > .container,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification > .container {
        padding-left: var(--awa-space-2-5); /* BP-50: era 10px */
        padding-right: var(--awa-space-2-5); /* BP-50: era 10px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold {
        padding-left: var(--awa-space-2-5); /* BP-50: era 10px */
        padding-right: var(--awa-space-2-5); /* BP-50: era 10px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold .awa-mobile-quick-nav {
        margin-left: calc(var(--awa-space-2-5) * -1); /* BP-50: era -10px */
        margin-right: calc(var(--awa-space-2-5) * -1); /* BP-50: era -10px */
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content + .top-home-content {
        margin-top: var(--awa-space-3);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .the_blog .block-title,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .tab_product .box-title,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content .hot-deal .rokan-product-heading h2 {
        font-size: clamp(17px, 6vw, 20px);
        line-height: var(--awa-leading-compact);
        margin-bottom: var(--awa-space-2);
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .block_notification .awa-ticker-wrap {
        min-height: 28px;
    }
}

/* ===========================================
   PERF-01: content-visibility — seções below-fold
   Permite que o navegador pule layout/paint de
   seções fora do viewport até scroll. Reduz
   tempo de renderização inicial (INP/LCP).
   Suportado: Chrome 85+, Edge 85+, Firefox 125+.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--bestsellers,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--b2b-promo,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--launches,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--popular-categories,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-close {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
}

/* ===========================================
   AF-02: esconder seções que renderizam apenas
   headings sem conteúdo (ex.: "Lançamentos",
   "Chegou na loja").
   :has() — suportado em Chrome 105+, Safari 15.4+,
   Firefox 121+.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper
    :is(.home-new-product, .list-tab-product, .onsale_product, .home-bestseller):not(:has(.item-product, .product-item, .owl-item)) {
    display: none;
}

/* ===========================================
   AF-01: product names — line-clamp global
   para TODOS os cards da homepage (hot-deal,
   categorytab, onsale, bestseller, carrosséis).
   tab_product já tem regra própria (L477).
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .item-product .product-name a,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .item-product .product-item-link,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .product-item .product-item-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
    line-height: var(--awa-leading-normal);
}

/* ===========================================
   AF-04: velaServices benefits strip
   Float-based → CSS Grid com alturas iguais.
   5 items no desktop, colapsa para 3→2→1.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .rowFlex {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: var(--awa-space-4) !important;
    flex-wrap: unset !important; /* anula flex-wrap da _extend.less */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .row > [class*="col-"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .velaServicesInner > .rowFlex > [class*="col-"] {
    width: auto !important;
    max-width: 100% !important;
    float: none;
    padding: 0;
    flex: unset !important; /* anula flex: 0 0 20% da _extend.less */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .velaServices .boxService {
    height: 100%;
    text-align: center;
}

/* ===========================================
   AF-06: hot-deal item-product — flex column
   para empurrar botões ao fundo do card.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .item-product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .item-product .product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .item-product .product-info .product-info-cart,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .hot-deal .item-product .product-info .actions-primary {
    margin-top: auto;
}

/* AF-08: justify-content: flex-start merged na regra original (L14) */

/* ===========================================
   AF-07: ayo-home5 CMS wrapper — seções do
   Canal B (trust-badges, FAQ). Grid responsivo.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper {
    max-width: var(--awa-container);
    margin-inline: auto;
    margin-top: var(--awa-space-6); /* R19/R24: margin centralizado aqui (antes em FIX-24) */
    padding-inline: var(--awa-space-5); /* BP-21: era 20px */
    box-sizing: border-box;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper .ayo-home5-section {
    margin-bottom: var(--awa-space-6);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper .ayo-home5-section:last-child {
    margin-bottom: 0;
}

/* ===========================================
   AF-09: FAQ section — largura máxima para
   legibilidade confortável do texto.
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .home-faq-section,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper [class*="faq"] .block-content {
    max-width: 800px;
    margin-inline: auto;
}

/* ===========================================
   AF-RESPONSIVE: overrides para novos fixes
=========================================== */

/* ≤991px — velaServices wraps to 3+2 rows (all 5 visible) */

/* ≤767px — velaServices 2 colunas, product name 3 linhas */

/* ≤480px — velaServices 1 coluna, espaçamentos compactos */

/* ===========================================
   HOME5 — SUPER DEALS LAYOUT RECOVERY
   Corrige cascata de fixes globais que transformavam
   o countdown em painel escuro full-width.
=========================================== */
@media (width >= 992px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container {
        grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
        align-items: start;
    }
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss {
    display: block !important;
    position: relative;
    overflow: visible;
    padding: var(--awa-space-3); /* BP-18: era 12px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss .countdown_block {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: var(--awa-space-2-5); /* BP-50: era 10px */
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: right;
    background: transparent !important;
    border-radius: 0 !important;
    z-index: 1;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .title_countdown {
    display: block;
    margin: 0;
    line-height: var(--awa-leading-compact);
    font-size: var(--awa-text-md);
    font-weight: var(--awa-weight-medium);
    color: var(--awa-dark); /* BP-15: era #222 hardcoded */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown {
    display: inline-block;
    width: auto !important;
    padding: 13px 20px;
    border-radius: var(--awa-radius-xs); /* BP-11: era 4px hardcoded */
    background: var(--awa-red-dark); /* BP-10: era #8e2629 hardcoded */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles {
    display: inline-flex;
    width: auto !important;
    gap: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles > div {
    width: auto !important;
    min-width: 63px;
    min-height: 0;
    padding: 5px;
    background: transparent;
    border-radius: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles > div .number {
    color: var(--awa-text-on-dark);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles > div .text {
    color: var(--awa-text-countdown-label); /* BP-41: era #ffe8c9 hardcoded */
}

/* ===========================================
   HOMEPAGE UX — HIERARQUIA VISUAL ENTRE SEÇÕES
   Espaçamento, dividers, ritmo alternado e seção Trust/FAQ
=========================================== */

/* --- Espaçamento vertical entre seções --- */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section {
    padding-block: var(--awa-space-9); /* BP-21: era 48px */
    position: relative;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section--compact {
    padding-block: var(--awa-space-4); /* BP-21: era 16px */
}

/* Divider sutil entre seções (exceto a primeira) */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section + .awa-home-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(90%, 1200px);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--awa-border, #e0e0e0) 20%, var(--awa-border, #e0e0e0) 80%, transparent);
    pointer-events: none;
}

/* Seções destacadas (B2B e Trust/FAQ) — fundo alternado */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section--highlight {
    background-color: var(--awa-bg-subtle, #f7f7f9);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section--highlight + .awa-home-section::before,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section + .awa-home-section--highlight::before {
    display: none; /* sem divider em transições de fundo */
}

/* --- Headings unificados --- */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-intent-heading h2 {
    font-size: 1.5rem;
    font-weight: var(--awa-weight-bold);
    letter-spacing: var(--awa-tracking-normal);
    color: var(--awa-heading, #1a1a2e);
    margin: 0 0 var(--awa-space-6); /* BP-20: era 0 0 24px */
    padding-bottom: var(--awa-space-3); /* BP-20: era 12px */
    border-bottom: 2px solid var(--awa-accent, #c00);
    display: inline-block;
}

/* --- Trust Badges (seção de fechamento) --- */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap {
    margin-bottom: var(--awa-space-8); /* BP-19: era 40px */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badges-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--awa-space-6); /* BP-17: era 24px */
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badge-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--awa-space-2-5); /* BP-50: era 10px */
    padding: var(--awa-space-5) var(--awa-space-4); /* BP-18: era 20px 16px */
    border-radius: var(--awa-radius-sm); /* F1-04: era 8px hardcoded */
    background: var(--awa-bg-surface); /* BP-12 */
    box-shadow: var(--awa-shadow-sm); /* BP-35: era 0 1px 4px rgb(0 0 0 / 6%) */
    transition: box-shadow var(--awa-transition-fast), transform var(--awa-transition-fast); /* BP-08: era 0.2s ease hardcoded */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badge-item:hover {
    box-shadow: var(--awa-shadow-md); /* BP-35: era 0 4px 12px rgb(0 0 0 / 10%) */
    transform: translateY(-2px);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badge-item img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-trust-badges-wrap .trust-badge-item span {
    font-size: 0.875rem;
    font-weight: var(--awa-weight-semibold);
    color: var(--awa-heading, #1a1a2e);
}

/* --- FAQ Quick (acordeões) --- */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap {
    max-width: 800px;
    margin: 0 auto;
    content-visibility: auto; /* BP-34: FAQ always below-fold */
    contain-intrinsic-size: auto 300px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details {
    border: 1px solid var(--awa-border, #e0e0e0);
    border-radius: var(--awa-radius-sm); /* F1-04: era 8px hardcoded */
    margin-bottom: var(--awa-space-2); /* BP-19: era 8px */
    background: var(--awa-bg-surface); /* BP-12 */
    overflow: hidden;
    transition: box-shadow var(--awa-transition-fast); /* BP-08: era 0.2s ease hardcoded */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details[open] {
    box-shadow: var(--awa-shadow); /* BP-35: era 0 2px 8px rgb(0 0 0 / 6%) */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details summary {
    padding: var(--awa-space-4) var(--awa-space-5); /* BP-18: era 16px 20px */
    font-weight: var(--awa-weight-semibold);
    font-size: 0.9375rem;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--awa-space-3); /* BP-17: era 12px */
    color: var(--awa-heading, #1a1a2e);
    user-select: none;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details summary::-webkit-details-marker {
    display: none;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details summary::after {
    content: '+';
    font-size: 1.25rem;
    font-weight: var(--awa-weight-light);
    color: var(--awa-accent, #c00);
    flex-shrink: 0;
    transition: transform var(--awa-transition-fast); /* BP-08: era 0.2s ease hardcoded */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details[open] summary::after {
    content: '−';
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details > :not(summary) {
    padding: 0 20px 16px;
    font-size: 0.875rem;
    line-height: var(--awa-leading-loose);
    color: var(--awa-gray-600); /* BP-41: era #555 hardcoded */
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .awa-faq-quick-wrap details a {
    color: var(--awa-accent, #c00);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* --- Responsivo — breakpoints menores --- */

/* ===========================================
   HOME5 — TRUST/OFFERS POLISH (P2)
   Acabamento visual dos cards de benefícios e do bloco Super Deals
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .rowFlex.rowFlexMargin.flexJustifyCenter {
    align-items: stretch;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .rowFlex.rowFlexMargin.flexJustifyCenter > [class*="col-"] {
    display: flex;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService {
    width: 100%;
    min-height: 100%;
    align-items: flex-start;
    gap: var(--awa-space-3);
    padding: var(--awa-space-4);
    border: 1px solid rgb(15 23 42 / 8%);
    border-radius: var(--awa-radius-sm);
    background: #fff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
    transition: border-color var(--awa-transition-fast), box-shadow var(--awa-transition-fast), transform var(--awa-transition-fast);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService:hover {
    border-color: rgb(183 51 55 / 20%);
    box-shadow: 0 8px 18px rgb(15 23 42 / 8%);
    transform: translateY(-1px);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceContent {
    min-width: 0;
    display: grid;
    gap: 4px;
    align-content: start;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle {
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc {
    margin: 0;
    line-height: 1.35;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc a {
    color: var(--awa-gray-600);
    text-decoration: none;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc a:hover {
    color: var(--awa-red-dark);
    text-decoration: underline;
    text-underline-offset: 2px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--awa-space-3);
    margin-bottom: var(--awa-space-2);
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading h2 {
    margin: 0;
    line-height: 1.05;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading h2 .sup-title {
    display: block;
    margin-top: 3px;
    font-size: 0.82em;
    font-weight: var(--awa-weight-medium);
    color: var(--awa-gray-600);
    text-transform: none;
    letter-spacing: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss {
    border: 1px solid rgb(15 23 42 / 6%);
    border-radius: var(--awa-radius-md);
    background: #fff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}

@media (width <= 767px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService {
        padding: 12px 14px;
        gap: 10px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading {
        align-items: flex-start;
        margin-bottom: var(--awa-space-3);
    }
}

/* ===========================================
   HOME5 — MOBILE RHYTHM POLISH (P3)
   Ajusta ritmo acima da dobra e leitura dos cards em telas pequenas.
=========================================== */
@media (width <= 767px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent {
        width: 100%;
        min-width: 0;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100%;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter > [class*="col-"] {
        width: auto !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        min-width: 0;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold + .top-home-content--trust-and-offers {
        margin-top: 10px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers {
        padding-top: 16px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container {
        gap: 14px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle {
        font-size: 16px;
        line-height: 1.15;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc {
        font-size: 12px;
        line-height: 1.3;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceImage,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceIcon {
        flex: 0 0 auto;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading h2 {
        font-size: clamp(26px, 8vw, 34px);
    }
}

@media (width <= 390px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        gap: 10px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService {
        padding: 11px 12px;
        gap: 8px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle {
        font-size: 15px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc {
        font-size: 11px;
    }
}

/* ===========================================
   HOME5 — TRUST/OFFERS ALIGNMENT FINAL (P4)
   Consolida grid, ritmo e alinhamento estrutural da home.
   Responsabilidade: layout/spacing da home (sem hotfix de compat).
=========================================== */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "benefits"
        "banners"
        "deals";
    gap: 18px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid > .velaServicesInner.velaServicesInner--home5 {
    grid-area: benefits;
    min-width: 0;
    margin: 0 !important;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid > .banner_mid_1.top-home-content__trust-offers-banner {
    grid-area: banners;
    min-width: 0;
    align-self: start;
    margin: 0 !important;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid > .hot-deal.top-home-content__trust-offers-deals {
    grid-area: deals;
    min-width: 0;
    align-self: start;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold + .top-home-content--trust-and-offers {
    margin-top: 14px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers {
    padding-top: 18px;
}

/* Benefícios (5 cards) — usar grid real para neutralizar colunas Bootstrap legadas */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent {
    width: 100%;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100%;
    align-items: stretch;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter > [class*="col-"] {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    min-width: 0;
    display: flex;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService {
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 12px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceContent {
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle {
    min-height: 2.4em;
    line-height: 1.2;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc {
    min-height: 2.7em;
    line-height: 1.35;
}

/* Banners promocionais — 2 + 1 full-width para eliminar "buraco" visual */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
    align-items: start;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row > [class*="col-"],
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex > [class*="col-"] {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .bs-banner,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .bs-banner > a,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .bs-banner img {
    display: block;
    width: 100%;
}

/* Super Deals — alinhamento do heading, countdown e painel */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals {
    margin: 0 !important;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss .countdown_block {
    position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
    flex-wrap: wrap;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .title_countdown {
    margin: 0;
    flex: 1 1 240px;
    min-width: 0;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown {
    flex: 0 1 auto;
    max-width: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles {
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-end;
    width: auto !important;
    max-width: 100%;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles > div {
    min-width: 56px;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .row,
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-slide {
    min-width: 0;
}

@media (width >= 992px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid {
        grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
        grid-template-areas:
            "benefits benefits"
            "banners deals";
        gap: 18px 20px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row > [class*="col-"]:nth-child(3),
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex > [class*="col-"]:nth-child(3) {
        grid-column: 1 / -1;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row > [class*="col-"]:nth-child(3) .bs-banner img,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex > [class*="col-"]:nth-child(3) .bs-banner img {
        aspect-ratio: 2.25 / 1;
        object-fit: cover;
        object-position: center;
    }
}

@media (width >= 768px) and (width <= 1199px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc {
        min-height: 0;
    }
}

@media (width <= 991px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "benefits"
            "banners"
            "deals";
        gap: 16px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row > [class*="col-"]:nth-child(3),
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex > [class*="col-"]:nth-child(3) {
        grid-column: 1 / -1;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block {
        justify-content: flex-start;
    }
}

@media (width <= 767px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold + .top-home-content--trust-and-offers {
        margin-top: 10px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers {
        padding-top: 14px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc {
        min-height: 0;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .row,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .banner_mid_1.top-home-content__trust-offers-banner .rowFlex {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .hot-deal-tab-slider.hot-deal-tab-slider-customcss {
        padding: 12px;
        gap: 10px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .rokan-product-heading.rokan-onsale-heading {
        margin-bottom: 8px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .title_countdown {
        flex-basis: 100%;
        text-align: center;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .hot-deal.top-home-content__trust-offers-deals .countdown_block .super-deal-countdown .time_circles {
        width: 100% !important;
        justify-content: center;
    }
}

@media (width <= 390px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers > .container.top-home-content__trust-offers-grid {
        gap: 14px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        gap: 10px;
    }
}

@media (width <= 320px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        grid-template-columns: 1fr;
    }
}

/* ===========================================
   HOME5 — MOBILE PREMIUM FINISH (P6)
   Hero mobile, cards de benefícios e tipografia sem clipping.
=========================================== */
@media (width <= 767px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > .banner-slider .wrapper_slider.visible-xs .banner_item .banner_item_bg {
        border-radius: 0;
        overflow: hidden;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--above-fold > .banner-slider .wrapper_slider.visible-xs .banner_item .banner_item_bg img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 7;
        object-fit: cover;
        object-position: center;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* 2x2 + 1 full-width = leitura mais premium no mobile */
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .velaContent > .rowFlex.rowFlexMargin.flexJustifyCenter > [class*="col-"]:nth-child(5) {
        grid-column: 1 / -1;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService {
        min-height: 106px;
    }

    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceTitle,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc,
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxServiceDesc a {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }
}

@media (width <= 390px) {
    :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5) .page-wrapper .top-home-content--trust-and-offers .velaServicesInner.velaServicesInner--home5 .boxService {
        min-height: 100px;
    }
}