/* awa-cls-nav-fix.min.css
 * Home page async version of the CLS nav fix.
 * Source: extracted from awa-cls-nav-fix.phtml (inline block removed on home by cms_index_index.xml).
 * On non-home pages the inline phtml injects this as a <style> block; on home it loads async.
 * Do NOT edit here without also updating awa-cls-nav-fix.phtml.
 * Last sync: 2026-06-25
 */
:root {
    /* ── cls-nav — design tokens ─── */
    --cls-nav-c1: #b73337;
    /* Offset real do stack sticky (~main-header + nav-bar, variando ~126–136px desktop) */
    --awa-header-scroll-offset: 128px;
}
@media (max-width: 767px) {
    /* Mobile: header wrapper sticky ~96–100px antes do hero */
    :root { --awa-header-scroll-offset: 100px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    :root { --awa-header-scroll-offset: 128px; }
}
html { scroll-padding-top: var(--awa-header-scroll-offset); }

/* AWA CLS Fix v5.0 — inline last-in-head (2026-04-23)
   Replica layout rules de awa-header-premium.css para evitar CLS ao carregar async. */

/* 1. HEADER DISSOLVE — mobile mantém contents; desktop home usa block (evita faixa branca) */
header.awa-site-header.awa-header-professional{display:contents!important}
@media(min-width:992px){
#html-body:is(.cms-index-index,.cms-home,.cms-homepage_ayo_home5) header.awa-site-header.awa-header-professional{display:block!important}
}

/* 2. MOBILE GRID ≤767px
   NOTA v6.0 (2026-05-15): o .awa-main-header__inner.wp-header está em .header-wrapper-sticky,
   fora de #header (que contém apenas a promo-bar). Adicionados seletores com
   html body .awa-site-header .header-wrapper-sticky para especificidade 0,0,4,2
   que supera awa-layout-bundle.css (0,0,3,2) e garante o grid mobile correto. */
@media(max-width:767px){
/* Seletores com #header (retrocompatibilidade) + .header-wrapper-sticky (DOM atual) */
html body .awa-site-header .header-wrapper-sticky .header .header-main :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
html body .awa-site-header .header-wrapper-sticky .header .header_main :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
html body .awa-site-header .header-wrapper-sticky .header_main :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
html body .awa-site-header .header-wrapper-sticky .header-main :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
html body .awa-site-header .header-wrapper-sticky :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
#header .header .header-main :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
#header :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]){
display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;
grid-template-rows:auto auto!important;
grid-template-areas:"toggle brand cart" "search search search"!important;
gap:12px 12px!important;width:100%!important;max-width:none!important;
min-height:auto!important;height:auto!important;
padding:0 16px!important;align-items:center!important;box-sizing:border-box!important}
html body .awa-site-header .header-wrapper-sticky :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]) .awa-header-primary-row,
#header :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]) .awa-header-primary-row{display:contents!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-mobile-toggle,
#header .awa-header-mobile-toggle{grid-area:toggle!important;justify-self:center!important;align-self:center!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin:0!important;transform:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-brand-cell,
html body .awa-site-header .header-wrapper-sticky .col-md-2.awa-header-brand,
#header .awa-header-brand-cell,#header .col-md-2.awa-header-brand{grid-area:brand!important;justify-self:center!important;justify-content:center!important;min-width:0!important;width:100%!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-brand-cell .logo,
html body .awa-site-header .header-wrapper-sticky .col-md-2.awa-header-brand .logo,
#header .awa-header-brand-cell .logo,#header .col-md-2.awa-header-brand .logo{margin-left:auto!important;margin-right:auto!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-brand-cell .logo img,
html body .awa-site-header .header-wrapper-sticky .col-md-2.awa-header-brand .logo img,
#header .awa-header-brand-cell .logo img,#header .col-md-2.awa-header-brand .logo img{max-height:44px!important;min-height:0!important;margin-left:auto!important;margin-right:auto!important}
/* ui-ux-pro-max: um carrinho no mobile — minicart KO na grid-area cart */
html body#html-body .awa-site-header .header-wrapper-sticky .header .header_main .wp-header[data-awa-header-row]>.awa-header-primary-row>.awa-header-cart-link,
html body .awa-site-header .header-wrapper-sticky .awa-header-primary-row>.awa-header-cart-link,
#header .awa-header-primary-row>.awa-header-cart-link{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col:not(:has(.b2b-status-panel)),
#header .awa-header-right-col:not(:has(.b2b-status-panel)){display:contents!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col:has(.b2b-status-panel),
#header .awa-header-right-col:has(.b2b-status-panel){display:flex!important;grid-area:cart!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;flex-wrap:nowrap!important;max-width:min(200px,52vw)!important;min-width:0!important;overflow:hidden!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col>:not(.awa-header-minicart):not(.awa-header-account-prompt):not(.b2b-status-panel),
#header .awa-header-right-col>:not(.awa-header-minicart):not(.awa-header-account-prompt):not(.b2b-status-panel){display:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .b2b-status-panel,
#header .awa-header-right-col .b2b-status-panel{display:flex!important;visibility:visible!important;pointer-events:auto!important;width:auto!important;min-width:0!important;max-width:min(140px,38vw)!important;height:auto!important;overflow:hidden!important;align-items:center!important;flex:1 1 auto!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-account-prompt,
#header .awa-header-right-col .awa-header-account-prompt{display:none!important;visibility:hidden!important;pointer-events:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-account-prompt .awa-header-account-prompt__icon,
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-account-prompt .awa-header-account-prompt__text,
#header .awa-header-right-col .awa-header-account-prompt .awa-header-account-prompt__icon,
#header .awa-header-right-col .awa-header-account-prompt .awa-header-account-prompt__text{display:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-account-prompt .awa-header-account-prompt__mobile-link,
#header .awa-header-right-col .awa-header-account-prompt .awa-header-account-prompt__mobile-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;color:var(--awa-text-muted,#666)!important;text-decoration:none!important;border-radius:8px!important;cursor:pointer!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-minicart,
#header .awa-header-right-col .awa-header-minicart{
grid-area:cart!important;justify-self:end!important;align-self:center!important;
display:flex!important;align-items:center!important;justify-content:flex-end!important;
min-width:44px!important;min-height:44px!important}
/* BUG-MINICART-MOBILE-2026-05-24: vence themes.min.css FIX-M01 legado (pe:none + top:-50px) */
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col,
#header .awa-header-right-col{
position:static!important;pointer-events:auto!important;visibility:visible!important;
width:auto!important;height:auto!important;overflow:visible!important}
body#html-body .page-wrapper .awa-site-header .awa-header-minicart,
body#html-body .page-wrapper .awa-site-header .awa-header-minicart .mini-carts,
body#html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper,
body#html-body .page-wrapper .awa-site-header .awa-header-minicart .action.showcart{
position:static!important;top:auto!important;right:auto!important;left:auto!important;
pointer-events:auto!important;z-index:3!important}
body#html-body .page-wrapper .awa-site-header .header_main.awa-main-header-inner-wrap,
body#html-body .page-wrapper .awa-site-header :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]){
overflow:visible!important}
body#html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper .action.showcart.awa-minicart-trigger,
body#html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper a.showcart.header-mini-cart,
body#html-body .page-wrapper .awa-site-header .awa-header-minicart .action.showcart{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
background:var(--cls-nav-c1,#b73337)!important;color:#fff!important;border-radius:8px!important;
border:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer!important}
html body .awa-site-header .header-wrapper-sticky :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row])>.top-search,
html body .awa-site-header .header-wrapper-sticky :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row])>.awa-header-search-col,
#header :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row])>.top-search,
#header :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row])>.awa-header-search-col{grid-area:search!important;width:100%!important;max-width:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-search-col .block-search,
html body .awa-site-header .header-wrapper-sticky .awa-header-search-col .block-content,
html body .awa-site-header .header-wrapper-sticky .awa-header-search-col form#search_mini_form,
#header .awa-header-search-col .block-search,
#header .awa-header-search-col .block-content,
#header .awa-header-search-col form#search_mini_form{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-search-col form#search_mini_form,
#header .awa-header-search-col form#search_mini_form{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-areas:"field submit"!important}
html body .awa-site-header .header-wrapper-sticky form#search_mini_form .field.search,
html body .awa-site-header .header-wrapper-sticky form#search_mini_form .field.search .control,
#header form#search_mini_form .field.search,
#header form#search_mini_form .field.search .control{width:100%!important;min-width:0!important;max-width:100%!important}
html body .awa-site-header .header-wrapper-sticky form#search_mini_form input#search,
#header form#search_mini_form input#search{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-search-col form#search_mini_form .actions,
#header .awa-header-search-col form#search_mini_form .actions{display:flex!important;align-items:stretch!important;align-self:stretch!important;padding:0!important;margin:0!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-search-col form#search_mini_form .action.search,
#header .awa-header-search-col form#search_mini_form .action.search{height:100%!important;min-height:44px!important;width:44px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box!important}
html body .awa-site-header .header-wrapper-sticky .header.awa-main-header,
html body .awa-site-header .header-wrapper-sticky .awa-main-header,
#header .header.awa-main-header,#header .awa-main-header{padding:0!important}
}

/* 2b. TABLET GRID 768–991px — brand | search | actions (56px row, nav 40px) */
@media(min-width:768px) and (max-width:991px){
html body .awa-site-header .header-wrapper-sticky :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]),
#header :is(.awa-main-header__inner[data-awa-header-row],.wp-header[data-awa-header-row]){
display:grid!important;grid-template-areas:"brand search actions"!important;
grid-template-columns:clamp(112px,14vw,148px) minmax(0,1fr) minmax(220px,max-content)!important;
grid-template-rows:56px!important;gap:0 12px!important;width:100%!important;
max-height:56px!important;height:56px!important;min-height:56px!important;padding:0 16px!important;
max-width:min(100%,1280px)!important;margin-inline:auto!important;box-sizing:border-box!important}
html body .awa-site-header .header-wrapper-sticky :is(.awa-header-mobile-toggle,.action.nav-toggle,[data-action="toggle-nav"]),
#header :is(.awa-header-mobile-toggle,.action.nav-toggle,[data-action="toggle-nav"]){display:none!important;visibility:hidden!important;pointer-events:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-primary-row,
#header .awa-header-primary-row{display:contents!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col,
#header .awa-header-right-col{display:inline-flex!important;grid-area:actions!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;position:static!important;overflow:visible!important;visibility:visible!important;pointer-events:auto!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col>:not(.awa-header-minicart):not(.awa-header-account-prompt):not(.b2b-status-panel),
#header .awa-header-right-col>:not(.awa-header-minicart):not(.awa-header-account-prompt):not(.b2b-status-panel){display:none!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-account-prompt,
#header .awa-header-right-col .awa-header-account-prompt{display:flex!important;visibility:visible!important;pointer-events:auto!important;width:auto!important;height:auto!important;min-height:40px!important;overflow:visible!important;align-items:center!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .b2b-status-panel,
#header .awa-header-right-col .b2b-status-panel{display:flex!important;visibility:visible!important;pointer-events:auto!important;width:auto!important;height:auto!important;overflow:visible!important;align-items:center!important;position:static!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-brand-cell,
#header .awa-header-brand-cell{grid-area:brand!important;justify-self:start!important}
html body .awa-site-header .header-wrapper-sticky :is(.awa-header-search-col,.top-search),
#header :is(.awa-header-search-col,.top-search){grid-area:search!important;grid-column:auto!important;width:100%!important;min-width:0!important;height:40px!important;max-height:40px!important}
html body .awa-site-header .header-wrapper-sticky .awa-header-right-col .awa-header-minicart,
#header .awa-header-right-col .awa-header-minicart{display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body#html-body .page-wrapper .header-control.header-nav.awa-nav-bar,
html body#html-body .page-wrapper .header-control.awa-nav-bar{display:flex!important;height:40px!important;min-height:40px!important;max-height:40px!important;overflow:visible!important;visibility:visible!important;pointer-events:auto!important}
}

@media(min-width:992px){
<?= $block->getLayout()->createBlock(\Magento\Framework\View\Element\Template::class)
    ->setTemplate('Magento_Theme::html/awa-header-desktop-grid-critical-fragment.phtml')
    ->toHtml() ?>
}

/* 3. PROMO BAR — altura mínima 44px para touch target (WCAG 2.5.5) */
#header .top-header.awa-b2b-promo-bar,
#header .awa-b2b-promo-bar[data-awa-header-utility],
html body .awa-site-header .top-header.awa-b2b-promo-bar,
html body .awa-site-header .awa-b2b-promo-bar[data-awa-header-utility]{
box-sizing:border-box!important;min-height:44px!important;max-height:44px!important;
padding:0 44px 0 12px!important;overflow:hidden!important;display:flex!important;align-items:center!important}
html body .awa-site-header .awa-b2b-promo-bar__inner,
html body .awa-site-header .awa-b2b-promo-bar__layout,
#header .awa-b2b-promo-bar__inner,#header .awa-b2b-promo-bar__layout{
display:flex!important;align-items:center!important;justify-content:center!important;
position:relative!important;margin:0!important;padding:0!important;overflow:hidden!important;max-height:none!important}
#awa-b2b-promo-bar .awa-b2b-promo-close,button.awa-b2b-promo-close{
position:absolute!important;top:50%!important;right:4px!important;transform:translateY(-50%)!important;
width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important}
@media(max-width:480px){
#header .top-header.awa-b2b-promo-bar,
#header .awa-b2b-promo-bar[data-awa-header-utility]{padding:8px 44px 8px 8px!important}
}

/* 4. NAV COLLAPSE homepage — só mobile (≤767); tablet usa nav visível */
@media(max-width:767px){
#html-body.cms-index-index #awa-primary-navigation,
#html-body.cms-home #awa-primary-navigation,
#html-body.cms-homepage_ayo_home5 #awa-primary-navigation{height:0!important;min-height:0!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border:0!important;overflow:hidden!important}
#html-body.cms-index-index .header-control.header-nav-global.cms_home_1,
#html-body.cms-home .header-control.header-nav-global.cms_home_1,
#html-body.cms-homepage_ayo_home5 .header-control.header-nav-global.cms_home_1{height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important}
}
/* 5. LCP CRITICAL: Hero Swiper pré-JS — 1 slide visível antes do runtime */
.wrapper_slider .awa-hero-swiper:not(.swiper-initialized):not(.awa-hero-swiper-ready){display:block!important;overflow:hidden}
.wrapper_slider .awa-hero-swiper:not(.swiper-initialized):not(.awa-hero-swiper-ready) .swiper-slide:not(:first-child){display:none!important}
.wrapper_slider .awa-hero-swiper:not(.swiper-initialized):not(.awa-hero-swiper-ready) .swiper-slide:first-child{display:block!important}
/* 6. ANTI-FOUC: Search button ghost circle + Cart fallback icon
   O bundle Magento aplica position:absolute + content:'\e615' no button.action.search::before
   que renderiza como círculo vermelho antes do CSS async carregar. Kill inline. */
button.action.search::before{content:none!important;display:none!important}
button.action.search{position:static!important}
/* Cart fallback: botão 44x44 vermelho com SVG inline (visível antes do KO carregar) */
@media(min-width:992px){
.awa-header-minicart[data-awa-header-cart]{position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;clip-path:none!important;display:flex!important;align-items:center!important}
.awa-header-minicart .awa-header-cart-fallback{display:none!important;visibility:hidden!important;pointer-events:none!important}
.awa-header-minicart:not(:has(.minicart-wrapper .showcart)) .awa-header-cart-fallback{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;background:var(--cls-nav-c1)!important;border-radius:8px!important;border:none!important;text-decoration:none!important;flex-shrink:0!important}
.awa-header-minicart:has(.minicart-wrapper .showcart) .awa-header-cart-fallback{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* ui-ux-pro-max — account prompt desktop (1º paint global) */
#html-body .page-wrapper .awa-site-header .awa-header-contact-links.awa-header-account-prompt,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt{padding:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important}
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__icon{width:auto!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--awa-text-muted,#666)!important;text-decoration:none!important;cursor:pointer!important}
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link:not(.awa-header-account-prompt__link--register){color:var(--awa-text,#333)!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important}
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link--register{color:var(--awa-primary,#b73337)!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer!important;min-height:0!important;min-width:0!important;white-space:nowrap!important}
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__line2::before,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__line2::after,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link::before,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link::after{content:none!important;display:none!important;background:none!important;background-image:none!important;width:0!important;height:0!important}
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__mobile-link{display:none!important;visibility:hidden!important;pointer-events:none!important}
}