/* awa-defer-global-bundle.css — default_head_blocks print/defer (2026-05-17 P2)
 * Substitui ~30 requests + script inline de ativação no body.
 */

/* ===== awa-home-vertical-menu-shell-fix.css ===== */
/* ==========================================================================
 * AWA MOTOS — Vertical Menu White Theme Override v5
 * v5 improvements: LI hover background (li:hover → var(--awa-gray-50, #fafafa)); smooth bg-color
 *   transition on links; toggle div hover affordance (rounded bg on hover/active);
 *   max-height safety net (calc(100vh - 230px)); active LI brand tint.
 * v4 fixes: overflow-x; var(--awa-white) poisoning → #fff literals; LI flex.
 * ========================================================================== */

/* === Phase 1: CSS variable overrides (only non-white ones — white is hardcoded below)
   These aliases remap the vertical menu's internal gray scale to AWA design tokens.
   Resolve: --awa-border=#e0e0e0, --awa-text-muted=#666, --awa-text=#333, --awa-gray-100=#f5f5f5, --awa-gray-250=#d0d0d0 === */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu {
    --awa-hc-surface-1: #ffffff;
    --awa-bg-surface: #ffffff;
    --awa-gray-200: var(--awa-border);       /* #e0e0e0 */
    --awa-gray-300: var(--awa-gray-250);     /* #d0d0d0 */
    --awa-gray-500: var(--awa-text-muted);   /* #666 */
    --awa-gray-700: var(--awa-text);         /* #333 */
    --awa-hc-border: var(--awa-border);      /* #e0e0e0 — alias de --awa-gray-200 */
    --awa-gray-150: var(--awa-gray-100, #f5f5f5);
    --awa-brand-bg-soft: rgba(0,0,0,0.03);
    --awa-menu-color-accent-bg: rgba(183,51,55,0.08);
}

/* === Phase 2: Keyframe animation for open === */
@keyframes awa-vml-open {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes awa-vml-drawer-slide {
    from { opacity: 0; transform: translateX(-18px); }
    to   { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown[aria-hidden="false"],
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.menu-open,
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.vmm-open {
        animation: none !important;
    }
    body .page-wrapper .our_categories.title-category-dropdown .awa-hamburger__line {
        transition: none !important;
    }
    body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .vm-toggle-categories,
    body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .awa-vmenu-expand-btn {
        transition: none !important;
    }
    body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top:hover,
    body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top:focus-visible {
        transform: none !important;
    }
}

/* Screen-reader helper used by the trigger live region. */
body .page-wrapper .awa-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* === Phase 3: Togge-menu container === */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu,
body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
    background: #ffffff !important;
    border: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    border-top: none !important;
    border-radius: 0 0 10px 10px !important;
    /* FIX: overflow removido — bundle-phases.css precisa de overflow:auto hidden no .vmm-open
       para o painel fixed-position ser scrollável */
}
body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown[aria-hidden="true"] {
    pointer-events: none !important;
}
body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown[aria-hidden="false"] {
    pointer-events: auto !important;
}
/* Safety: cap height to viewport so menu never escapes below fold.
   --awa-vmenu-header-offset é setado via JS ou sobrescrito por página; fallback 230px. */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.menu-open {
    max-height: calc(100vh - var(--awa-vmenu-header-offset, 230px)) !important;
}

/* === Phase 19: Fechado por padrão — abre só com estado explícito (JS / a11y) ===
   Hover no container era aberto por CSS e sobrepujava banners/hero sem intenção clara.
   Progressive enhancement: sem JavaScript o menu permanece na página (fluxo estático). */

/* DESKTOP: oculto por padrão até aria-hidden="false" ou classes do init */
@media (min-width: 992px) {
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        display: none !important;
        pointer-events: none !important;
    }

    /* Somente estado "aberto" controlado por vertical-menu-init (ou legado .menu-open) */
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.menu-open,
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown.vmm-open,
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown[aria-hidden="false"] {
        display: block !important;
        pointer-events: auto !important;
        animation: awa-vml-open 0.18s ease both !important;
    }

    /* Sem JS (Magento mantém html.no-js): lista em fluxo normal, links navegáveis, sem sobrepor hero */
    html.no-js body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        display: block !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
        pointer-events: auto !important;
        animation: none !important;
        box-shadow: none !important;
        z-index: auto !important;
        overflow: visible !important;
    }

    html.no-js body .page-wrapper .navigation.verticalmenu.side-verticalmenu .title-category-dropdown,
    html.no-js body .page-wrapper .navigation.verticalmenu.side-verticalmenu .awa-vmenu-trigger-btn {
        cursor: default !important;
        pointer-events: none !important;
    }
}

/* MOBILE: oculto por padrão; visível somente com body.nav-open (adicionado pelo JS) */
@media (max-width: 991px) {
    body:not(.nav-open) .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        display: none !important;
        pointer-events: none !important;
    }
    body.nav-open .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        display: block !important;
        pointer-events: auto !important;
    }

    html.no-js body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        display: block !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        max-height: none !important;
    }

    html.no-js body .page-wrapper .navigation.verticalmenu.side-verticalmenu .awa-vmenu-trigger-btn,
    html.no-js body .page-wrapper .navigation.verticalmenu.side-verticalmenu .title-category-dropdown {
        pointer-events: none !important;
        cursor: default !important;
    }
}

/* === Phase 4: Category header — full width + alignment === */
body .page-wrapper .navigation.verticalmenu .our_categories.title-category-dropdown,
body .page-wrapper .our_categories.title-category-dropdown {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    appearance: none !important;
    border: none !important;
    background: var(--awa-primary) !important;
    color: #ffffff !important;
    border-radius: var(--awa-radius-md, 10px) 10px 0 0 !important;
    font-size: var(--awa-font-size-sm) !important;
    font-weight: var(--awa-weight-semi, 600) !important;
    letter-spacing: 0.5px !important;
    padding-block: 13px !important;
    padding-inline: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    position: relative !important;
}
@media (max-width: 991px) {
    body .page-wrapper .our_categories.title-category-dropdown {
        min-block-size: 44px;
    }
}
body .page-wrapper .our_categories.title-category-dropdown:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.92) !important;
    outline-offset: -2px !important;
}
body .page-wrapper .our_categories.title-category-dropdown > span:last-child {
    flex: 1 1 auto !important;
    text-align: start !important;
}
body .page-wrapper .our_categories.title-category-dropdown .awa-vmenu-trigger-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin-inline-end: 10px !important;
    flex-shrink: 0 !important;
}
body .page-wrapper .our_categories.title-category-dropdown .awa-hamburger {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 18px !important;
    height: 18px !important;
}
body .page-wrapper .our_categories.title-category-dropdown .awa-hamburger__line {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transition: transform 0.18s ease, opacity 0.18s ease !important;
}
body .page-wrapper .our_categories.title-category-dropdown.is-open .awa-hamburger__line:nth-child(1) {
    transform: translateY(5px) rotate(45deg) !important;
}
body .page-wrapper .our_categories.title-category-dropdown.is-open .awa-hamburger__line:nth-child(2) {
    opacity: 0 !important;
}
body .page-wrapper .our_categories.title-category-dropdown.is-open .awa-hamburger__line:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg) !important;
}
body .page-wrapper .our_categories.title-category-dropdown .awa-vmenu-trigger-text {
    flex: 1 1 auto !important;
}
body .page-wrapper .our_categories.title-category-dropdown:hover {
    background: #a12d30 !important;
}
body .page-wrapper .our_categories.title-category-dropdown .awa-hamburger span,
body .page-wrapper .our_categories.title-category-dropdown svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* === Phase 5: Level-0 items
   FIX: display:block alinhado com bundle-phases (display:block !important no grid column 1)
   FIX: width:100% em vez de 290px — bundle-phases usa grid-template-columns:240px 1fr; forçar
        290px transbordava a coluna de 240px.
   FIX: background var(--awa-gray-50) em vez de #ffffff — bundle-phases quer o cinza leve no
        painel esquerdo; #ffffff sobrescrevia a cor intencional da coluna. */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid var(--awa-color-border-light, #f3f3f3) !important;
    background: var(--awa-gray-50, #fafafa) !important;
    transition: background-color 0.14s ease !important;
    position: relative !important;
}
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0:hover {
    background: rgba(183,51,55,0.07) !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0:last-child,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link:last-child {
    border-bottom: none !important;
}

/* === Phase 6: Link text + indent on hover === */
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top {
    color: #3a3a3a !important;
    font-size: var(--awa-font-size-sm) !important;
    font-weight: var(--awa-weight-medium) !important;
    padding-block: 10px !important;
    padding-inline: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 0.14s ease, padding-inline-start 0.14s ease, background-color 0.14s ease !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
}
/* FIX: itens com toggle (+/-) precisam de espaco para o botao nao sobrepor texto */
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0.parent > a.level-top {
    padding-inline-end: 44px !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top:hover {
    color: var(--awa-primary) !important;
    transform: translateX(4px) !important;
    background: rgba(183,51,55,0.07) !important;
    padding-inline-start: 18px !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top:focus-visible {
    color: var(--awa-primary) !important;
    transform: translateX(4px) !important;
    background: rgba(183, 51, 55, 0.06) !important;
    padding-inline-start: 18px !important;
    outline: 2px solid rgba(183, 51, 55, 0.22) !important;
    outline-offset: -2px !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top:hover::before {
    content: '' !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: var(--awa-primary) !important;
    border-radius: 0 2px 2px 0 !important;
}

/* Active / current */
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0.vmm-active > a.level-top,
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0._active > a.level-top,
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0.awa-current-cat > a.level-top {
    color: #ffffff !important;
    font-weight: 600 !important;
    background: transparent !important;
    padding-inline-start: 18px !important;
}
/* Active LI: sólido vermelho para ativo, vermelho suave para focus-within (teclado) */
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0.vmm-active,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0._active,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0.awa-current-cat {
    background: var(--awa-primary) !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0:focus-within {
    background: rgba(183,51,55,0.07) !important;
}
/* Active LI: barra lateral esquerda branca translúcida (visível no fundo vermelho) */
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0.vmm-active > a.level-top::before,
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0._active > a.level-top::before,
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0.awa-current-cat > a.level-top::before {
    content: '' !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: rgba(255,255,255,0.55) !important;
    border-radius: 0 2px 2px 0 !important;
}

/* === Phase 7: Arrow for parent items — DESKTOP: awa-vertical-menu-modern.css FASE 11 === */
@media (max-width: 991px) {
    /* Mobile drawer: ocultar chevron a::after — o toggle +/- já indica expansão */
    body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent.navigation__item--parent > a.level-top::after {
        display: none !important;
    }
}

/* === Phase 7b: Native toggle div (expand children) hover affordance ===
   The theme's toggle ::after uses stroke rgba(255,255,255,0.45) — invisible
   on white. Phase 7's chevron on a::after is the only visible indicator.
   Add a subtle rounded hover bg on the toggle zone so it feels interactive. */
body .page-wrapper .navigation.verticalmenu .open-children-toggle.navigation__toggle {
    border-radius: var(--awa-radius-sm, 6px) !important;
    transition: background-color 0.14s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* FIX: usar red-tint no hover do toggle (alinhado com bundle-core var(--awa-red-extra-light)) */
body .page-wrapper .navigation.verticalmenu li.level0:hover .open-children-toggle.navigation__toggle {
    background: rgba(183,51,55,0.08) !important;
}
body .page-wrapper .navigation.verticalmenu li.level0:focus-within .open-children-toggle.navigation__toggle {
    background: rgba(183,51,55,0.08) !important;
}
/* Toggle branco quando o LI tem fundo vermelho sólido (mobile) */
body .page-wrapper .navigation.verticalmenu li.level0._active .open-children-toggle.navigation__toggle,
body .page-wrapper .navigation.verticalmenu li.level0.vmm-active .open-children-toggle.navigation__toggle,
body .page-wrapper .navigation.verticalmenu li.level0.awa-current-cat .open-children-toggle.navigation__toggle {
    background: rgba(255,255,255,0.18) !important;
}

/* === Phase 8: Native Rokanthemes badges (.cat-label) === */
body .page-wrapper .navigation.verticalmenu .cat-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: var(--awa-font-size-2xs, 11px) !important;
    font-weight: var(--awa-weight-bold) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    margin-left: auto !important;
    margin-right: 4px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
/* FIX: label3="Oferta" estava igual a var(--awa-primary) — indistinguível de label2="Quente" */
body .page-wrapper .navigation.verticalmenu .cat-label-label1 { background: var(--awa-success, #2d7a3a) !important; color: #ffffff !important; }
body .page-wrapper .navigation.verticalmenu .cat-label-label2 { background: #b73337 !important; color: #ffffff !important; } /* Quente = AWA primary (canonical: awa-vertical-menu-modern.css) */
body .page-wrapper .navigation.verticalmenu .cat-label-label3 { background: #2d7a3a !important; color: #ffffff !important; } /* Oferta = verde */
body .page-wrapper .navigation.verticalmenu .cat-label-label4 { background: var(--awa-info, #0ea5e9) !important; color: #ffffff !important; }

/* === Phase 9: Font Awesome icon styling (em.menu-thumb-icon.fa) ===
   FIX: DOM real usa <em class="menu-thumb-icon fa fa-*"> — não .awa-vmenu-icon svg */
body .page-wrapper .navigation.verticalmenu .togge-menu li.level0 > a.level-top em.menu-thumb-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    font-size: 14px !important;
    color: var(--awa-gray-430, #999) !important;
    transition: color 0.14s ease, transform 0.18s ease !important;
    flex-shrink: 0 !important;
}
body .page-wrapper .navigation.verticalmenu li.level0:hover > a.level-top em.menu-thumb-icon {
    color: var(--awa-primary) !important;
    transform: scale(1.12) !important;
}
/* Ícone branco quando item ativo (fundo vermelho sólido) */
body .page-wrapper .navigation.verticalmenu li.level0.vmm-active > a.level-top em.menu-thumb-icon,
body .page-wrapper .navigation.verticalmenu li.level0._active > a.level-top em.menu-thumb-icon,
body .page-wrapper .navigation.verticalmenu li.level0.awa-current-cat > a.level-top em.menu-thumb-icon {
    color: #ffffff !important;
}
body .page-wrapper .navigation.verticalmenu li.level0:focus-within > a.level-top em.menu-thumb-icon {
    color: var(--awa-primary) !important;
}

/* === Phase 10: Submenu panel ===
   FIX: animation removida do seletor base — bundle-phases usa opacity:0 + visibility:hidden
   para esconder submenus; animation:forwards bloqueava opacity:0 e submenus ficavam
   visíveis no DOM (opacity:1, só ocultos por visibility). Animação movida para o estado
   ativo (._active / .vmm-active) para rodar somente quando o flyout abre. */
body .page-wrapper .navigation.verticalmenu .level0.submenu,
body .page-wrapper .navigation.verticalmenu .level0 > .level0.submenu {
    background: #ffffff !important;
    border: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    border-radius: 0 10px 10px 0 !important;
}
/* Animação de entrada: só roda quando o LI recebe ._active (submenu abrindo) */
body .page-wrapper .navigation.verticalmenu li.level0._active > .level0.submenu,
body .page-wrapper .navigation.verticalmenu li.level0.vmm-active > .level0.submenu {
    animation: awa-vml-open 0.16s ease both !important;
}
body .page-wrapper .navigation.verticalmenu .level0.submenu .subchildmenu li a {
    color: var(--awa-gray-550, #666) !important;
    font-size: var(--awa-font-size-sm) !important;
    transition: color 0.12s ease, background-color 0.12s ease, padding-left 0.12s ease !important;
}
body .page-wrapper .navigation.verticalmenu .level0.submenu .subchildmenu li a:hover {
    color: var(--awa-primary) !important;
    background: var(--awa-gray-50, #fafafa) !important;
    padding-left: 6px !important;
}

@media (min-width: 992px) {
    /* FIX: removidos min-height/width/max-width do painel — bundle-phases usa position:fixed
       + CSS vars (--vmm-width, --vmm-top, --vmm-left) calculados por JS.
       Forçar width/height aqui quebra o posicionamento do painel. */
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        padding: 0 !important;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12) !important;
    }

    /* Ocultar decoração de imagem de fundo que ocupa coluna da grid */
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown > li.vertical-bg-img {
        display: none !important;
    }

    body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent.navigation__item--parent > a.level-top::after {
        border-color: #dcdde3 !important;
    }

    body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent.navigation__item--parent:focus-within > a.level-top::after,
    body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent.navigation__item--parent:hover > a.level-top::after {
        border-color: var(--awa-primary) !important;
        transform: rotate(135deg) !important;
    }

    body .page-wrapper .navigation.verticalmenu .open-children-toggle.navigation__toggle {
        display: none !important;
    }

    /* FIX: removido position:absolute/left:290px/width:min(890px...) do submenu.
       bundle-phases.css usa position:fixed + inset:calc(vmm-left+240px) para o flyout.
       Nossa regra de position:absolute !important sobrescrevia o fixed e quebrava
       o layout de 2 colunas (itens 240px | submenu). */

    /* FIX: removido display:block — bundle-phases usa display:flex no .row para
       layout 2 colunas (subchildmenu | imagem). display:block quebrava as colunas. */
    body .page-wrapper .navigation.verticalmenu .level0.submenu > .row,
    body .page-wrapper .navigation.verticalmenu .level0 > .level0.submenu > .row {
        margin: 0 !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level1 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(280px, 320px) !important;
        gap: 0 24px !important;
        min-height: 464px !important;
        margin: 0 !important;
        padding: 24px 0 22px 32px !important;
        list-style: none !important;
        background: #ffffff !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-title {
        grid-column: 1 / 4 !important;
        margin: 0 0 8px !important;
        padding-right: 12px !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-title span {
        display: block !important;
        color: #515568 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 22px !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-second-level {
        margin: 0 !important;
        padding-right: 12px !important;
        align-self: start !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-second-level > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 44px !important; /* FIX 2026-05-08: 33px → 44px (WCAG 2.5.5 touch target) */
        gap: 12px !important;
        padding: 0 0 8px !important;
        color: #646981 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        background: transparent !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-second-level.parent > a {
        color: #515568 !important;
        font-weight: 600 !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-second-level > a:hover {
        color: var(--awa-primary) !important;
        transform: translateX(4px) !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level2 {
        position: static !important;
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 4px 0 14px !important;
        padding: 0 0 0 10px !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level2 .navigation__inner-item--level2 {
        margin: 0 0 6px !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level2 .navigation__inner-item--level2 > a {
        display: block !important;
        padding: 0 !important;
        color: #646981 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        background: transparent !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level2 .navigation__inner-item--level2 > a:hover {
        color: var(--awa-primary) !important;
        transform: translateX(4px) !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.imagem.img-subcategory {
        grid-column: 4 !important;
        grid-row: 1 / span 20 !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.imagem.img-subcategory > a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.imagem.img-subcategory img {
        display: block !important;
        width: 100% !important;
        min-height: 464px !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--all {
        grid-column: 1 / 4 !important;
        margin-top: 4px !important;
        padding-top: 8px !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--all > a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 !important;
        color: #515568 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        background: transparent !important;
    }

    body .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--all > a:hover {
        color: var(--awa-primary) !important;
    }
}

@media (max-width: 991px) {
    body.nav-open .page-wrapper #awa-category-navigation[data-awa-nav-shell="true"] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: min(92vw, 360px) !important;
        max-width: min(92vw, 360px) !important;
        height: 100vh !important;
        padding: 56px 0 20px !important;
        background: #ffffff !important;
        box-shadow: 14px 0 32px rgba(17, 24, 39, 0.18) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        z-index: 100000 !important;
        animation: awa-vml-drawer-slide 0.22s ease forwards !important;
    }

    body.nav-open .page-wrapper .menu_left_home1,
    body.nav-open .page-wrapper .menu_left_home1 .navigation.verticalmenu.side-verticalmenu,
    body.nav-open .page-wrapper .menu_left_home1 .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.nav-open .page-wrapper .menu_left_home1 {
        position: static !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .our_categories.title-category-dropdown {
        position: sticky !important;
        top: 0 !important;
        z-index: 2 !important;
        min-height: 52px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 1px 0 rgba(17, 24, 39, 0.08) !important;
    }
    body.nav-open .page-wrapper .navigation.verticalmenu.side-verticalmenu {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown {
        min-height: auto !important;
        max-height: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0,
    body.nav-open .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown > li.expand-category-link,
    body.nav-open .page-wrapper .navigation.verticalmenu.side-verticalmenu > ul.togge-menu.list-category-dropdown > li.vertical-bg-img {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu,
    body.nav-open .page-wrapper .navigation.verticalmenu .level0 > .level0.submenu {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        border: 0 !important;
        border-top: 1px solid #f0f0f0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fafafa !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level1,
    body.nav-open .page-wrapper .navigation.verticalmenu .level0 > .level0.submenu .navigation__inner-list--level1 {
        display: block !important;
        min-height: 0 !important;
        padding: 8px 0 10px !important;
        background: transparent !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.imagem.img-subcategory {
        display: none !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-title {
        margin: 0 !important;
        padding: 4px 14px 8px !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-title span {
        display: block !important;
        color: #515568 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-second-level,
    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--all {
        margin: 0 !important;
        padding: 0 14px 6px !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--level1.subcategory-second-level > a,
    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-item--all > a {
        min-height: 44px !important; /* FIX 2026-05-08: 38px → 44px (WCAG 2.5.5 touch target) */
        padding: 8px 0 !important;
    }

    body.nav-open .page-wrapper .navigation.verticalmenu .level0.submenu .navigation__inner-list--level2 {
        margin: 0 !important;
        padding: 0 0 0 10px !important;
        background: transparent !important;
    }

    body.nav-open .page-wrapper .awa-nav-close {
        position: fixed !important;
        top: 10px !important;
        right: auto !important;
        left: min(calc(92vw - 52px), 308px) !important;
        width: 36px !important;
        height: 36px !important;
        background: #ffffff !important;
        border: 1px solid rgba(17, 24, 39, 0.12) !important;
        color: #515568 !important;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.12) !important;
    }

    body.nav-open .page-wrapper .awa-nav-close:hover,
    body.nav-open .page-wrapper .awa-nav-close:focus-visible {
        background: #fff5f5 !important;
        color: var(--awa-primary) !important;
        outline: none !important;
    }

    body .page-wrapper .navigation.verticalmenu .open-children-toggle.navigation__toggle {
        min-width: 44px !important;
        min-height: 44px !important;
    }

    body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown > li.ui-menu-item.level0 > a.level-top:focus-visible,
    body .page-wrapper .navigation.verticalmenu .level0.submenu a:focus-visible {
        outline: 2px solid rgba(183, 51, 55, 0.22) !important;
        outline-offset: -2px !important;
        background: rgba(183, 51, 55, 0.06) !important;
    }
}

body .awa-nav-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(17, 24, 39, 0.48) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    z-index: 99990 !important;
}
body .awa-nav-overlay.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* === Phase 11: Scrollbar (vertical only) === */
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown::-webkit-scrollbar { width: 4px; }
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown::-webkit-scrollbar-track { background: var(--awa-gray-100, #f5f5f5); }
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown::-webkit-scrollbar-thumb { background: var(--awa-gray-275, #ccc); border-radius: var(--awa-radius-xs); }
body .page-wrapper .navigation.verticalmenu .togge-menu.list-category-dropdown::-webkit-scrollbar-thumb:hover { background: var(--awa-gray-300, #cccccc); }

/* === Phase 12: Expand "Ver mais" link === */
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link {
    background: #ffffff !important;
    border-top: 1px solid var(--awa-color-border-light, #f0f0f0) !important;
    border-bottom: none !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link a,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link button.vm-toggle-categories,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .awa-vmenu-expand-btn,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .vm-toggle-categories {
    color: var(--awa-primary) !important;
    font-size: var(--awa-font-size-12) !important;
    font-weight: var(--awa-weight-semi, 600) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding-block: 10px !important;
    padding-inline: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: color 0.14s ease, background-color 0.14s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    text-align: start !important;
}
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link a:hover,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link button.vm-toggle-categories:hover,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .awa-vmenu-expand-btn:hover,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .vm-toggle-categories:hover {
    color: #8a2528 !important;
    background: var(--awa-red-bg, rgba(183,51,55,0.06)) !important;
}

body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link button.vm-toggle-categories:focus-visible,
body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .awa-vmenu-expand-btn:focus-visible {
    outline: 2px solid var(--awa-primary, #b73337) !important;
    outline-offset: 2px !important;
}

@media (max-width: 991px) {
    body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link button.vm-toggle-categories,
    body .page-wrapper .navigation.verticalmenu .togge-menu > li.expand-category-link .awa-vmenu-expand-btn {
        min-block-size: 44px;
    }
}

/* === Phase 13: Section label & divider
   FIX: was var(--awa-white) which resolves to var(--awa-primary) — use #ffffff literal === */
body .page-wrapper .navigation.verticalmenu .awa-vmenu__section-label {
    font-size: var(--awa-font-size-2xs, 11px) !important;
    font-weight: var(--awa-weight-bold) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--awa-text-hint, #999) !important;
    padding: 8px 14px 2px !important;
    background: #ffffff !important;
    pointer-events: none !important;
    display: block !important;
    width: 100% !important;
}
body .page-wrapper .navigation.verticalmenu .awa-vmenu__divider {
    height: 1px !important;
    background: #ebebeb !important;
    margin: 3px 14px !important;
    pointer-events: none !important;
}

/* === Phase 14: Z-index stacking fix === */
/* Removido z-index:9999 em .page-wrapper (2026-05-20) */
body > .content-top-home {
    position: relative;
    z-index: 1 !important;
}

/* === Phase 15: Alignment — consistent 260px container === */
body .page-wrapper .menu_left_home1 {
    width: 260px !important;
    max-width: 260px !important;
    min-width: 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
body .page-wrapper .menu_left_home1 nav.awa-nav-categories,
body .page-wrapper .menu_left_home1 .sections.nav-sections,
body .page-wrapper .menu_left_home1 .section-items,
body .page-wrapper .menu_left_home1 .section-item-content,
body .page-wrapper .menu_left_home1 .navigation.verticalmenu.side-verticalmenu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body .page-wrapper #awa-category-navigation > .section-item-title,
body .page-wrapper .menu_left_home1 .section-item-title.nav-sections.category-dropdown-item-title {
    display: none !important;
}
body .page-wrapper #awa-category-navigation > .section-item-content,
body .page-wrapper .menu_left_home1 .section-item-content.nav-sections.category-dropdown-item-content {
    display: block !important;
    width: 100% !important;
}
body .page-wrapper .menu_left_home1 .navigation.verticalmenu.side-verticalmenu .togge-menu.list-category-dropdown {
    width: 100% !important;
    box-sizing: border-box !important;
}
/* FIX: quando bundle-phases adiciona .vmm-open o painel vira position:fixed → width:100%
   passaria a ser 100% do viewport (elemento fixed tem viewport como containing block).
   Restaurar var(--vmm-width) calculada pelo JS do bundle-phases. */
body .page-wrapper .menu_left_home1 .navigation.verticalmenu.side-verticalmenu .togge-menu.list-category-dropdown.vmm-open {
    width: var(--vmm-width) !important;
    max-width: none !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar #awa-category-navigation > .section-item-title.nav-sections.category-dropdown-item-title,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .section-item-title.nav-sections.category-dropdown-item-title,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar #awa-category-navigation > .section-item-title.nav-sections.category-dropdown-item-title > a {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body .page-wrapper .awa-site-header .header-control.awa-nav-bar #awa-category-navigation > .section-item-content.nav-sections.category-dropdown-item-content,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .section-item-content.nav-sections.category-dropdown-item-content {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
    }

    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .our_categories.title-category-dropdown,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar #menu.vertical .our_categories.title-category-dropdown {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 52px !important;
        padding: 0 16px !important;
        background: var(--awa-primary) !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 0 !important;
        white-space: nowrap !important;
        box-shadow: none !important;
    }

    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .our_categories.title-category-dropdown::before,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar #menu.vertical .our_categories.title-category-dropdown::before {
        content: attr(aria-label) !important;
        display: block !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .our_categories.title-category-dropdown .vm-icon,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .our_categories.title-category-dropdown .vm-icon i,
    body .page-wrapper .awa-site-header .header-control.awa-nav-bar .menu_left_home1 .our_categories.title-category-dropdown > span {
        display: inline-flex !important;
        color: #ffffff !important;
        fill: #ffffff !important;
        stroke: #ffffff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-indent: 0 !important;
    }
}

/* === Phase 16: Highlight (Super Ofertas) === */
body .page-wrapper .navigation.verticalmenu li.level0.is-highlight > a.level-top { font-weight: var(--awa-weight-semi, 600) !important; }
body .page-wrapper .navigation.verticalmenu li.level0.is-highlight > a.level-top em.menu-thumb-icon { color: var(--awa-primary) !important; }

/* === Phase 17: Responsive === */
@media (max-width: 1024px) {
    body .page-wrapper .menu_left_home1 { width: 240px !important; max-width: 240px !important; }
}

/* ==========================================================================
 * FIX: Force vertical menu visible on ALL pages (non-homepage).
 * Magento collapsible widget sets inline display:none — !important overrides.
 * ========================================================================== */
@media (min-width: 992px) {
    body .page-wrapper .menu_left_home1 .navigation.verticalmenu.side-verticalmenu {
        display: block !important;
    }
    body .page-wrapper .menu_left_home1 .section-item-content {
        width: 100% !important;
        display: block !important;
    }
    body .page-wrapper .menu_left_home1 .section-item-title {
        display: none !important;
    }
    body .page-wrapper .menu_left_home1 nav.awa-nav-categories,
    body .page-wrapper .menu_left_home1 .sections.nav-sections,
    body .page-wrapper .menu_left_home1 .section-items {
        width: 100% !important;
        display: block !important;
    }
}

/* AUDIT:2026-04-17 — regras consolidadas nas Phases 5/6/7/8/9 acima. */

/* === Phase 18: Mega-menu content blocks ===
   PHP gera .menu-top-block, .menu-left-block, .menu-right-block,
   .menu-bottom-block e .menu-category-banner mas esses seletores não
   tinham regras próprias — ficavam sem estilo além do que Bootstrap herdava. */

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-top-block {
    width: 100% !important;
    padding: 12px 16px 8px !important;
    border-bottom: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    box-sizing: border-box !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-bottom-block {
    width: 100% !important;
    padding: 8px 16px 12px !important;
    border-top: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    box-sizing: border-box !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-bottom-block.menu-bottom-block-auto {
    padding: 0 !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-left-block {
    padding: 16px !important;
    border-right: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    box-sizing: border-box !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-right-block {
    padding: 16px !important;
    border-left: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    box-sizing: border-box !important;
}

/* Category image banner no rodapé do mega-menu (.menu-bottom-block-auto) */
body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-category-banner {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 0 0 10px 0 !important;
    text-decoration: none !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-category-banner img {
    display: block !important;
    width: 100% !important;
    max-height: 120px !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .menu-category-banner:hover img {
    transform: scale(1.04) !important;
}

/* === Phase 18b: Títulos de seção no mega-menu (.title-cat-mega-menu / .parent-ul-cat-mega-menu) ===
   Level-1 quando menu_type=fullwidth|staticwidth: <li class="parent-ul-cat-mega-menu">
   com <a class="title-cat-mega-menu"> servindo de cabeçalho de grupo. */

body .page-wrapper .navigation.verticalmenu .level0.submenu .subchildmenu li.parent-ul-cat-mega-menu {
    margin-bottom: 8px !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .subchildmenu li.parent-ul-cat-mega-menu > a.title-cat-mega-menu {
    display: block !important;
    color: #515568 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    padding: 0 0 6px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    border-bottom: 1px solid var(--awa-gray-210, #e8e8e8) !important;
    margin-bottom: 6px !important;
    transition: color 0.14s ease !important;
}

body .page-wrapper .navigation.verticalmenu .level0.submenu .subchildmenu li.parent-ul-cat-mega-menu > a.title-cat-mega-menu:hover {
    color: var(--awa-primary) !important;
    background: transparent !important;
    padding-left: 0 !important;
    transform: none !important;
}

/* ===== awa-header-footer-modern.css ===== */
/**
 * AWA Motos — Header & Footer Modern Redesign  v3
 * Paleta oficial AWA: --awa-red var(--awa-primary) / --awa-red-dark #8e2629 / branco.
 * Seletores verificados contra Playwright specs e templates reais.
 * Carrega por último no cascade.
 */

/* ==========================================================================
   CSS TOKENS
   ========================================================================== */

:root {
  --awa-header-top-h:      36px;
  --awa-header-main-h:     72px;

  /* Tokens de footer — paleta oficial AWA (vermelho + bottom claro) */
  --awa-footer-bg:         var(--awa-red, #b73337);
  --awa-footer-bg-bottom:  #ffffff;
  --awa-footer-text:       rgba(255,255,255,0.82);
  --awa-footer-heading:    #ffffff;
  --awa-footer-border:     rgba(255,255,255,0.18);
  --awa-footer-link:       rgba(255,255,255,0.82);
  --awa-footer-link-hover: #ffffff;
}

/* ==========================================================================
   1. TOP BAR (panel.wrapper)
   ========================================================================== */

.panel.wrapper {
  background: var(--awa-red, var(--awa-primary)) !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  min-height: var(--awa-header-top-h) !important;
}

.panel.header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: var(--awa-header-top-h) !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  gap: 16px !important;
}

.panel.header,
.panel.header span,
.panel.header a,
.panel.header .header-hours,
.panel.header .header-contact span,
.panel.header .header-top-text {
  color: rgba(255,255,255,0.88) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.panel.header a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   2. MAIN HEADER
   ========================================================================== */

.page-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important;
  transition: box-shadow 0.2s ease !important;
}

.page-header.is-sticky,
.page-header.scrolled,
.page-header.sticky {
  box-shadow: 0 2px 20px rgba(0,0,0,0.12) !important;
}

/* Header content row */
.header.content,
[data-awa-header-content="true"] {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  min-height: var(--awa-header-main-h) !important;
}

/* Logo — seletor genérico + célula AWA */
.header.content .logo,
.awa-header-brand-cell .logo {
  flex-shrink: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.header.content .logo img,
.awa-header-brand-cell .logo img {
  height: 44px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
}

/* ==========================================================================
   3. SEARCH BAR — pill moderno
   ========================================================================== */

.block-search,
.awa-header-search-col .block-search {
  flex: 1 !important;
  max-width: 520px !important;
  min-width: 200px !important;
  margin: 0 !important;
  position: relative !important;
}

/* Wrapper interno */
.block-search .block-content,
.block-search .field.search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

/* Input */
.block-search #search,
.block-search input[type="text"],
#search_mini_form #search {
  width: 100% !important;
  height: 44px !important;
  padding: 0 48px 0 20px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 100px !important;
  background: #f8f8f8 !important;
  font-size: 14px !important;
  color: var(--awa-text, #333) !important;
  transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.block-search #search::placeholder,
.block-search input[type="text"]::placeholder {
  color: var(--awa-text-light, var(--awa-text-muted, #888888)) !important;
}

.block-search #search:focus,
.block-search input[type="text"]:focus {
  border-color: var(--awa-primary, var(--awa-primary)) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(183,51,55,0.12) !important;
}

/* Botão de busca */
.block-search .action.search {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: color 0.15s !important;
  box-shadow: none !important;
  border-radius: 50% !important;
}

.block-search .action.search:hover {
  color: var(--awa-primary, var(--awa-primary)) !important;
  background: transparent !important;
}

/* Ícone dentro do botão */
.block-search .action.search::before,
.block-search .action.search span {
  font-size: 18px !important;
  line-height: 1 !important;
}

.block-search .action.search span.label {
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 18px !important;
}

/* ==========================================================================
   4. HEADER ACTIONS — conta e carrinho
   ========================================================================== */

.header.content .header.links,
.header.content ul.header.links {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.header.content .header.links li {
  margin: 0 !important;
}

.header.content .header.links li a {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 8px 12px !important;
  border-radius: var(--awa-radius-md, 8px) !important;
  font-size: 11px !important;
  color: var(--awa-text-muted, #666) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color 0.15s, background-color 0.15s !important;
  letter-spacing: 0.01em !important;
}

.header.content .header.links li a:hover {
  color: var(--awa-primary, var(--awa-primary)) !important;
  background: var(--awa-primary-light, #f9e5e5) !important;
  text-decoration: none !important;
}

/* Minicart — seletores genérico + AWA */
.minicart-wrapper,
.awa-header-minicart {
  flex-shrink: 0 !important;
}

.minicart-wrapper .action.showcart,
.awa-header-minicart .showcart,
.awa-header-cart-link {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 8px 12px !important;
  border-radius: var(--awa-radius-md, 8px) !important;
  font-size: 11px !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  transition: background-color 0.15s !important;
  position: relative !important;
}

.minicart-wrapper .action.showcart:hover,
.awa-header-minicart .showcart:hover {
  background: var(--awa-primary-light, #f9e5e5) !important;
}

/* Badge de quantidade */
.minicart-wrapper .counter.qty {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  min-width: 18px !important;
  height: 18px !important;
  background: var(--awa-primary, var(--awa-primary)) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 3px !important;
}

.minicart-wrapper .counter.qty .counter-number {
  color: #fff !important;
  font-size: 10px !important;
}

/* ==========================================================================
   5. NAVEGAÇÃO PRINCIPAL
   ========================================================================== */

.nav-sections {
  background: #ffffff !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  border-bottom: none !important;
}

/* Links nível 0 */
.navigation > ul > li > a,
.navigation .level0.parent > a,
.navigation .level0 > a {
  padding: 14px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  position: relative !important;
  transition: color 0.15s !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Underline animado */
.navigation > ul > li > a::after,
.navigation .level0 > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 8px !important;
  left: 16px !important;
  right: 16px !important;
  height: 2px !important;
  background: var(--awa-primary, var(--awa-primary)) !important;
  border-radius: 2px !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.2s ease !important;
}

.navigation > ul > li:hover > a,
.navigation > ul > li.active > a,
.navigation .level0:hover > a,
.navigation .level0.active > a {
  color: var(--awa-primary, var(--awa-primary)) !important;
}

.navigation > ul > li:hover > a::after,
.navigation > ul > li.active > a::after,
.navigation .level0:hover > a::after,
.navigation .level0.active > a::after {
  transform: scaleX(1) !important;
}

/* Submenu */
.navigation .level0 .submenu,
.navigation .level0 > ul {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-top: 2px solid var(--awa-primary, var(--awa-primary)) !important;
  border-radius: 0 0 var(--awa-radius-md, 8px) var(--awa-radius-md, 8px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
  padding: 8px 0 !important;
  min-width: 200px !important;
}

.navigation .level0 .submenu li a,
.navigation .level0 > ul li a {
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--awa-text, #333) !important;
  display: block !important;
  transition: color 0.15s, background-color 0.15s !important;
  white-space: nowrap !important;
}

.navigation .level0 .submenu li a:hover,
.navigation .level0 > ul li a:hover {
  color: var(--awa-primary, var(--awa-primary)) !important;
  background: var(--awa-primary-light, #f9e5e5) !important;
}

/* ==========================================================================
   6. HEADER MOBILE
   ========================================================================== */

@media (max-width: 991px) {
  .header.content,
  [data-awa-header-content="true"] {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 60px !important;
    padding: 10px 16px !important;
    gap: 12px !important;
  }

  .header.content .logo img,
  .awa-header-brand-cell .logo img {
    height: 36px !important;
  }

  .block-search,
  .awa-header-search-col .block-search {
    order: 3 !important;
    max-width: none !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    padding-bottom: 10px !important;
  }

  .block-search #search,
  .block-search input[type="text"] {
    height: 40px !important;
    font-size: 13px !important;
  }
}

/* BUG-33 (2026-05-19): logged account dropdown should not render nested pill for "Minha conta" */
#html-body .page-wrapper .awa-site-header .awa-account-dropdown__trigger > .awa-header-account-prompt__link,
body .page-wrapper .awa-site-header .awa-account-dropdown__trigger > .awa-header-account-prompt__link {
  background: transparent !important;
  block-size: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  display: inline !important;
  font: inherit !important;
  height: auto !important;
  inline-size: auto !important;
  line-height: inherit !important;
  margin: 0 !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: auto !important;
}

@media (max-width: 767px) {
  .panel.wrapper {
    display: block !important;
  }

  .panel.header {
    flex-direction: column !important;
    height: auto !important;
    padding: 8px 16px !important;
    gap: 4px !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   7. FOOTER — base escura
   ========================================================================== */

.page-footer {
  background: var(--awa-footer-bg, #8e2629) !important;
  color: var(--awa-footer-text) !important;
  margin-top: 0 !important;
}

/* Faixa de separação entre conteúdo e footer */
.page-footer::before {
  content: '' !important;
  display: block !important;
  height: 4px !important;
  background: rgba(0,0,0,0.18) !important;
}

/* Container base do conteúdo */
.footer.content {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* ==========================================================================
   8. FOOTER — Newsletter (seletores AWA reais)
   ========================================================================== */

.awa-footer-newsletter {
  padding: 44px 0 40px !important;
  border-bottom: 1px solid var(--awa-footer-border) !important;
  display: flex !important;
  align-items: center !important;
  gap: 40px !important;
  flex-wrap: wrap !important;
}

.awa-newsletter-title {
  color: var(--awa-footer-heading, #ffffff) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  flex-shrink: 0 !important;
}

.awa-newsletter-desc {
  color: var(--awa-footer-text) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Formulário — lado direito */
.awa-footer-newsletter form,
.awa-footer-newsletter .newsletter-form {
  display: flex !important;
  flex: 1 !important;
  min-width: 260px !important;
  max-width: 460px !important;
}

.awa-footer-newsletter input[type="email"],
.awa-footer-newsletter input[name="email"] {
  flex: 1 !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  border-right: none !important;
  border-radius: 8px 0 0 8px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  outline: none !important;
  transition: border-color 0.15s, background-color 0.15s !important;
}

.awa-footer-newsletter input[type="email"]::placeholder,
.awa-footer-newsletter input[name="email"]::placeholder {
  color: rgba(255,255,255,0.50) !important;
}

.awa-footer-newsletter input[type="email"]:focus,
.awa-footer-newsletter input[name="email"]:focus {
  border-color: rgba(255,255,255,0.70) !important;
  background: rgba(0,0,0,0.24) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.10) !important;
}

/* Botão branco sobre fundo vermelho — contraste AWA */
.awa-footer-newsletter button[type="submit"],
.awa-footer-newsletter .action.subscribe {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color 0.15s, color 0.15s !important;
}

.awa-footer-newsletter button[type="submit"]:hover,
.awa-footer-newsletter .action.subscribe:hover {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(255,255,255,0.88) !important;
  color: var(--awa-red-dark, #8e2629) !important;
}

/* ==========================================================================
   9. FOOTER — Colunas (Rokanthemes .velaFooterMenu)
   ========================================================================== */

/* Wrapper das colunas — grid */
.footer.content .row,
.page-footer .footer-center .row,
.page-footer .row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 40px !important;
  align-items: flex-start !important;
  padding: 40px 0 !important;
}

/* Reset floats herdados */
.velaFooterMenu,
.footer.content [class*="col-"],
.page-footer [class*="col-"] {
  float: none !important;
  width: auto !important;
}

/* Título da coluna */
.velaFooterTitle,
.footer.content .block-title,
.footer.content .footer-title {
  color: var(--awa-footer-heading, #ffffff) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  margin: 0 0 18px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--awa-footer-border) !important;
  display: block !important;
}

/* strong dentro do block-title */
.footer.content .block-title strong,
.velaFooterTitle strong {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Listas de links */
.velaFooterLinks,
.footer.content ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.velaFooterLinks li,
.footer.content ul li {
  margin-bottom: 10px !important;
}

.velaFooterLinks a,
.velaFooterLinks li a,
.footer.content ul li a {
  color: var(--awa-footer-link) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color 0.15s, padding-left 0.15s !important;
  display: inline-block !important;
  line-height: 1.5 !important;
}

.velaFooterLinks a:hover,
.velaFooterLinks li a:hover,
.footer.content ul li a:hover {
  color: var(--awa-footer-link-hover, #ffffff) !important;
  padding-left: 4px !important;
}

/* Parágrafos e texto genérico */
.footer.content p,
.velaFooterMenu p {
  color: var(--awa-footer-text) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 10px !important;
}

/* ==========================================================================
   10. FOOTER — Atendimento / Contato
   ========================================================================== */

.awa-footer-atendimento {
  color: var(--awa-footer-text) !important;
}

.awa-footer-atendimento__phone,
.awa-footer-atendimento__email {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(255,255,255,0.80) !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}

.awa-footer-atendimento__phone a,
.awa-footer-atendimento__email a {
  color: rgba(255,255,255,0.80) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
  padding-left: 0 !important;
}

.awa-footer-atendimento__phone a:hover,
.awa-footer-atendimento__email a:hover {
  color: #ffffff !important;
  padding-left: 0 !important;
}

.awa-footer-atendimento__store-name {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-bottom: 4px !important;
}

.awa-footer-atendimento__store-address {
  color: var(--awa-footer-text) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
}

.awa-footer-atendimento__store-badge {
  display: inline-block !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  color: rgba(255,255,255,0.90) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  margin-bottom: 16px !important;
}

/* Links de ação (WhatsApp, etc.) */
.awa-footer-atendimento__actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.awa-footer-atendimento__actions a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
  padding-left: 0 !important;
}

.awa-footer-atendimento__actions a:hover {
  color: #ffffff !important;
  padding-left: 0 !important;
}

/* Link WhatsApp */
.awa-footer-atendimento__actions a[href*="wa.me"],
.awa-footer-atendimento__actions a[href*="whatsapp"] {
  color: #4ade80 !important;
}

.awa-footer-atendimento__actions a[href*="wa.me"]:hover,
.awa-footer-atendimento__actions a[href*="whatsapp"]:hover {
  color: #86efac !important;
}

/* ==========================================================================
   11. FOOTER BOTTOM BAR
   ========================================================================== */

.footer-bottom,
.page-footer .footer-bottom {
  background: var(--awa-footer-bg-bottom, #ffffff) !important;
  border-top: 1px solid #e5e5e5 !important;
}

/* Container interno */
.footer-bottom > *,
.footer-bottom .container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 20px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

/* Logo no bottom */
.awa-footer-bottom__logo-img,
.footer-bottom .logo img,
.footer-bottom img[alt*="AWA" i] {
  height: auto !important;
  max-height: 48px !important;
  width: auto !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Logos de pagamento — brancos sobre fundo vermelho */
.awa-footer-pay-logos {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.awa-footer-pay-logos img {
  height: 28px !important;
  width: auto !important;
  opacity: 1 !important;
  transition: opacity 0.15s !important;
  filter: none !important;
}

.awa-footer-pay-logos img:hover {
  opacity: 1 !important;
}

/* Selos de segurança — brancos sobre fundo vermelho */
.awa-footer-sec-seals {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.awa-footer-sec-seals img,
.awa-footer-sec-seals .awa-seal {
  height: 36px !important;
  width: auto !important;
  opacity: 1 !important;
  transition: opacity 0.15s !important;
  filter: none !important;
}

.awa-footer-sec-seals img:hover,
.awa-footer-sec-seals .awa-seal:hover {
  opacity: 1 !important;
}

/* Copyright */
.copyright,
.footer-bottom .copyright {
  color: #666666 !important;
  font-size: 12px !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.copyright span,
.copyright p {
  color: #666666 !important;
  font-size: 12px !important;
}

.copyright a,
.footer-bottom a {
  color: #666666 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
  padding-left: 0 !important;
}

.copyright a:hover,
.footer-bottom a:hover {
  color: #b73337 !important;
  padding-left: 0 !important;
}

/* ==========================================================================
   12. FOOTER RESPONSIVO
   ========================================================================== */

@media (max-width: 1023px) {
  .footer.content .row,
  .page-footer .footer-center .row,
  .page-footer .row {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 40px !important;
  }

  .awa-footer-newsletter {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }

  .awa-footer-newsletter form,
  .awa-footer-newsletter .newsletter-form {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .footer.content {
    padding: 0 16px !important;
  }

  .footer.content .row,
  .page-footer .footer-center .row,
  .page-footer .row {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 28px 0 !important;
  }

  .awa-footer-newsletter {
    padding: 28px 0 24px !important;
  }

  .footer-bottom > *,
  .footer-bottom .container {
    flex-direction: column !important;
    text-align: center !important;
    padding: 16px !important;
    gap: 12px !important;
  }

  .awa-footer-pay-logos,
  .awa-footer-sec-seals {
    justify-content: center !important;
  }
}

/* ==========================================================================
   13. FOOTER — Links gerais (override final, evita herdar cores do body)
   ========================================================================== */

.page-footer a:not(.awa-whatsapp-float) {
  color: var(--awa-footer-link) !important;
  text-decoration: none !important;
}

.page-footer a:not(.awa-whatsapp-float):hover {
  color: var(--awa-footer-link-hover) !important;
}

/* Exceções: links com padding-left animado não devem ser afetados no bottom */
.footer-bottom a,
.copyright a,
.awa-footer-atendimento a,
.awa-footer-atendimento__actions a {
  padding-left: 0 !important;
}

/* ===== awa-header-cart-fix.css ===== */
/**
 * AWA Motos — Header & Cart Icon Fix
 * Corrige: cor do ícone minicart, estado de login no header.
 */

/* ==========================================================================
   1. MINICART ICON — cor vermelha e counter badge
   ========================================================================== */

/* Ícone do carrinho — garante cor primária */
.minicart-wrapper .action.showcart,
.minicart-wrapper .action.showcart:before,
.header-minicart .action.showcart,
.header-minicart .action.showcart:before,
.awa-site-header .minicart-wrapper .action.showcart,
.header.content .minicart-wrapper .action.showcart {
    color: var(--awa-primary, var(--awa-primary)) !important;
}

/* SVG dentro do botão do carrinho */
.minicart-wrapper .action.showcart svg,
.header.content .minicart-wrapper svg {
    fill: var(--awa-primary, var(--awa-primary)) !important;
    stroke: var(--awa-primary, var(--awa-primary)) !important;
    color: var(--awa-primary, var(--awa-primary)) !important;
}

/* Font icon (fa-shopping-cart, etc.) */
.minicart-wrapper .action.showcart .fa,
.minicart-wrapper .action.showcart [class*="fa-"],
.minicart-wrapper .action.showcart i {
    color: var(--awa-primary, var(--awa-primary)) !important;
}

/* Counter badge (número de itens) */
.minicart-wrapper .counter.qty {
    background: var(--awa-primary, var(--awa-primary)) !important;
    color: #fff !important;
    border-radius: 50% !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.minicart-wrapper .counter.qty .counter-number {
    color: #fff !important;
    font-size: 11px !important;
}

/* hover no botão do carrinho */
.minicart-wrapper .action.showcart:hover,
.minicart-wrapper .action.showcart:hover:before {
    color: var(--awa-primary-hover, #8e2629) !important;
    opacity: 0.85;
}

/* ==========================================================================
   2. HEADER — links de conta e estado de autenticação
   ========================================================================== */

/* Garante que o link de login/conta tenha cor correta */
.header.links .link.authorization-link a,
.header.links li.link.authorization-link a,
.panel.header .authorization-link a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.header.links .link.authorization-link a:hover,
.panel.header .authorization-link a:hover {
    color: #fff !important;
}

/* ==========================================================================
   3. CUSTOMER HEADER BLOCK — esconder texto de guest quando logado
   Magento customer-data JS adiciona .customer-welcome ao body/bloco
   quando o cliente está logado.
   ========================================================================== */

/* Quando logado: esconde os blocos de "Para ver os preços / Login / Cadastre-se" */
.customer-welcome .not-logged-in,
.logged-in .not-logged-in,
body.logged-in-b2b .header-guest-cta {
    display: none !important;
}

/* Fallback: o JS abaixo (awa-header-state.js) adiciona .awa-is-logged-in ao body */
body.awa-is-logged-in .header-guest-cta,
body.awa-is-logged-in .awa-header-login-prompt,
body.awa-is-logged-in [data-awa-guest="true"] {
    display: none !important;
}

body.awa-is-logged-in .header-account-name,
body.awa-is-logged-in [data-awa-loggedin="true"] {
    display: flex !important;
}

/* ==========================================================================
   4. AWA B2B REGISTER BAR — oculto para logados (CSS + JS backup)
   O JS do template já cuida, mas este CSS garante sem flash.
   ========================================================================== */

body.awa-is-logged-in .awa-b2b-register-bar,
body.awa-is-logged-in #awa-b2b-register-bar {
    display: none !important;
}

/* ==========================================================================
   5. CART PAGE — garante padding e layout correto na página do carrinho
   ========================================================================== */

body.checkout-cart-index .page-title-wrapper {
    margin-bottom: 20px;
}

/* Previne overflow no mobile */
body.checkout-cart-index .cart.table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ==========================================================================
   6. HEADER LINKS — espaçamento e ícones do account area
   ========================================================================== */

.header.content .header.links,
.header.content ul.header.links {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header.content .header.links li a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
}

/* ==========================================================================
   7. MINICART DROPDOWN — z-index e sombra
   ========================================================================== */

.minicart-wrapper .block-minicart {
    z-index: 9999 !important;
}

.minicart-wrapper .block-minicart .action.checkout.primary {
    background: var(--awa-primary, var(--awa-primary)) !important;
    border-color: var(--awa-primary, var(--awa-primary)) !important;
    color: #fff !important;
    width: 100%;
    min-height: 44px;
    font-weight: 700 !important;
}

.minicart-wrapper .block-minicart .action.checkout.primary:hover {
    background: var(--awa-primary-hover, #8e2629) !important;
    border-color: var(--awa-primary-hover, #8e2629) !important;
}

/* ==========================================================================
   8 & 9. PRICING RULES — movidas para awa-b2b-pricing.css (2026-05-08)
   As regras de .old-price e .price-label estão agora em awa-b2b-pricing.css,
   carregado antes deste arquivo no default_head_blocks.xml.
   ========================================================================== */

/* ==========================================================================
   10. PRODUCT IMAGE PLACEHOLDER — imagens ausentes / em cache
   Quando o src retorna 404 ou o produto não tem imagem, o browser mostra
   o ícone de imagem quebrada. Este bloco substitui por um placeholder limpo.
   Técnica: img::after só é renderizado quando a imagem falha (replaced element
   vira inline quando src é inválido — funciona em Chrome, Firefox, Safari).
   ========================================================================== */

.product-image-wrapper,
.product-image-container,
.item-product .product-thumb,
.products-grid .product-item-photo {
    background-color: #f5f5f5;
}

.product-image-photo {
    color: transparent;
}

.product-image-photo::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background:
        #f5f5f5
        center / 40px no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");
}

/* ===== awa-header-premium-v2.css ===== */
/* ============================================================================
   AWA Header Premium v2.0
   Melhorias: Sticky Glassmorphism, Search Glow, Animated Dropdowns
   ============================================================================ */

/* ============================================================================
   1. TOKENS E VARIÁVEIS
   ============================================================================ */
:root {
  --awa-hdr2-primary: #b73337;
  --awa-hdr2-primary-dark: #8e2629;
  --awa-hdr2-bg: #ffffff;
  --awa-hdr2-text: #1e293b;
  --awa-hdr2-text-muted: #64748b;
  --awa-hdr2-border: #e2e8f0;
  --awa-hdr2-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --awa-hdr2-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --awa-hdr2-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.08);
  --awa-hdr2-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08);
  --awa-hdr2-radius: 12px;
  --awa-hdr2-radius-sm: 8px;
  --awa-hdr2-transition: box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

/* ============================================================================
   1.1. UNIFICAÇÃO DO CTA DE CONTA
   O componente awa-header-account-prompt já cobre guest e customer.
   O nav legado top-account/top.links segue no markup por compatibilidade com
   JS de intent loading, mas deve permanecer oculto visualmente em todos os
   estados do header para não duplicar Login, Cadastre-se, Minha Conta e Sair.
   ============================================================================ */

body .header-wrapper-sticky .awa-header-right-col .top-account.awa-header-account-nav,
body .page-wrapper .awa-site-header .awa-header-right-col .top-account.awa-header-account-nav,
body .page-wrapper .awa-site-header .awa-header-right-col .awa-force-hidden {
  display: none !important;
}

/* ============================================================================
   1.2. DENSIDADE E ALINHAMENTO DO HEADER
   Consolida o header em três zonas: marca, busca e ações.
   ============================================================================ */

body .page-wrapper .awa-site-header .awa-main-header__inner.wp-header {
  display: grid !important;
  grid-template-columns: minmax(156px, 190px) minmax(320px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  row-gap: 14px !important;
  min-height: 86px !important;
  padding: 14px 0 !important;
}

body .page-wrapper .awa-site-header .awa-header-brand {
  min-width: 0 !important;
}

body .page-wrapper .awa-site-header .awa-header-logo img,
body .page-wrapper .awa-site-header .logo img {
  max-height: 62px !important;
  width: auto !important;
}

body .page-wrapper .awa-site-header .awa-header-search-col {
  width: 100% !important;
  min-width: 0 !important;
}

body .page-wrapper .awa-site-header .awa-header-right-col {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-width: max-content !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  min-height: 46px !important;
  max-width: 296px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  box-shadow: var(--awa-hdr2-shadow-sm) !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: rgba(183, 51, 55, 0.08) !important;
  color: var(--awa-hdr2-primary) !important;
  flex: 0 0 34px !important;
}

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

body .page-wrapper .awa-site-header .awa-header-account-prompt__text,
body .page-wrapper .awa-site-header .awa-header-account-prompt__guest,
body .page-wrapper .awa-site-header .awa-header-account-prompt__customer {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__line1 {
  margin: 0 !important;
  font-size: max(12px, 0.75rem) !important;
  line-height: 1.25 !important;
  color: var(--awa-hdr2-text-muted) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__line2 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  flex-wrap: wrap !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__separator {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--awa-hdr2-primary) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__link:hover,
body .page-wrapper .awa-site-header .awa-header-account-prompt__link:focus-visible {
  color: var(--awa-hdr2-primary-dark) !important;
  text-decoration: none !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__link--register,
body .page-wrapper .awa-site-header .awa-account-dropdown__trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(183, 51, 55, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(183, 51, 55, 0.06) !important;
  color: var(--awa-hdr2-primary) !important;
  box-shadow: none !important;
}

body .page-wrapper .awa-site-header .awa-header-account-prompt__link--register:hover,
body .page-wrapper .awa-site-header .awa-header-account-prompt__link--register:focus-visible,
body .page-wrapper .awa-site-header .awa-account-dropdown__trigger:hover,
body .page-wrapper .awa-site-header .awa-account-dropdown__trigger:focus-visible {
  background: rgba(183, 51, 55, 0.1) !important;
  border-color: rgba(183, 51, 55, 0.24) !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown {
  position: relative !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown__trigger {
  cursor: pointer !important;
  font: inherit !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown__menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  min-width: 224px !important;
  padding: 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: var(--awa-hdr2-shadow-lg) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition: var(--awa-hdr2-transition) !important;
  z-index: 1100 !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown__trigger[aria-expanded="true"] + .awa-account-dropdown__menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  color: var(--awa-hdr2-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown__item:hover,
body .page-wrapper .awa-site-header .awa-account-dropdown__item:focus-visible {
  background: #f8fafc !important;
  color: var(--awa-hdr2-primary) !important;
  text-decoration: none !important;
}

body .page-wrapper .awa-site-header .awa-account-dropdown__item svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

body .page-wrapper .awa-site-header .awa-header-cart-fallback,
body .page-wrapper .awa-site-header .minicart-wrapper .action.showcart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: var(--awa-hdr2-shadow-sm) !important;
}

body .page-wrapper .awa-site-header .awa-header-cart-fallback::before {
  display: none !important;
  content: none !important;
}

body .page-wrapper .awa-site-header .awa-header-cart-fallback__icon,
body .page-wrapper .awa-site-header .minicart-wrapper .showcart .awa-minicart-icon,
body .page-wrapper .awa-site-header .minicart-wrapper .action.showcart .awa-minicart-icon {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  color: var(--awa-hdr2-primary) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .page-wrapper .awa-site-header .minicart-wrapper .showcart,
body .page-wrapper .awa-site-header .minicart-wrapper a.showcart.header-mini-cart {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  background-image: none !important;
}

body .page-wrapper .awa-site-header .awa-header-minicart[data-awa-minicart-ready="1"] .awa-header-cart-fallback {
  display: none !important;
}

body .page-wrapper .awa-site-header .awa-header-minicart[data-awa-minicart-ready="0"] .mini-carts .showcart,
body .page-wrapper .awa-site-header .awa-header-minicart[data-awa-minicart-ready="0"] .mini-carts .action.showcart {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ============================================================================
   2. STICKY HEADER COM GLASSMORPHISM
   fixed ao rolar: awa-header-sticky.js + #awa-sticky-header-ssot (head preload)
   ============================================================================ */

/* Header base — relative até .is-sticky (evita conflito com overflow-x na home) */
.header-wrapper-sticky {
  position: relative !important;
  top: auto !important;
  z-index: var(--awa-z-sticky, 200) !important;
  transition: box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
  transition-property: box-shadow, opacity, transform !important;
}

.page-wrapper .awa-site-header,
.page-wrapper .page-header {
  position: relative !important;
  transition: var(--awa-hdr2-transition) !important;
}

/* Estado normal */
.awa-main-header {
  background: var(--awa-hdr2-bg) !important;
  border-bottom: 1px solid var(--awa-hdr2-border) !important;
  transition: var(--awa-hdr2-transition) !important;
}

/* Estado sticky/is-sticky com GLASSMORPHISM */
.awa-site-header.is-sticky .awa-main-header,
.awa-site-header._fixed .awa-main-header,
.awa-site-header.awa-header-condensed .awa-main-header,
.header-wrapper-sticky.is-sticky .awa-main-header {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: var(--awa-hdr2-shadow-md) !important;
}

/* Header compacto no sticky */
.awa-site-header.is-sticky .awa-main-header-inner-wrap,
.awa-site-header._fixed .awa-main-header-inner-wrap {
  min-height: 56px !important;
  height: 56px !important;
  transition: box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
  transition-property: box-shadow, opacity, transform !important;
}

/* Logo no sticky — sem animar max-height (layout property) */
.awa-site-header.is-sticky .awa-header-logo img,
.awa-site-header._fixed .awa-header-logo img,
.awa-site-header.is-sticky .awa-header-brand-cell .logo img,
.awa-site-header._fixed .awa-header-brand-cell .logo img,
.header-wrapper-sticky.is-sticky .logo img {
  max-height: 40px !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  transition-property: opacity, transform !important;
}

/* ============================================================================
   3. SEARCH BAR COM GLOW EFFECT
   ============================================================================ */

/* Container da busca */
.awa-header-search-col {
  position: relative !important;
}

/* Form de busca */
.awa-header-search-col form.minisearch,
.block-search form.minisearch {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  height: 48px !important;
  padding: 0 16px !important;
  transition: border-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* GLOW EFFECT no focus */
.awa-header-search-col form.minisearch:focus-within,
.block-search form.minisearch:focus-within {
  background: #ffffff !important;
  border-color: #b73337 !important;
  box-shadow:
    0 0 0 4px rgba(183, 51, 55, 0.1),
    0 4px 20px rgba(183, 51, 55, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* Input de busca */
.awa-header-search-col form.minisearch #search,
.block-search form.minisearch #search {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-size: 15px !important;
  color: #1e293b !important;
  outline: none !important;
}

.awa-header-search-col form.minisearch #search::placeholder,
.block-search form.minisearch #search::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}

/* Botão de busca */
.awa-header-search-col form.minisearch .action.search,
.block-search form.minisearch .action.search {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  color: #64748b !important;
  cursor: pointer !important;
  transition: background-color 150ms ease, color 150ms ease !important;
}

.awa-header-search-col form.minisearch .action.search:hover,
.block-search form.minisearch .action.search:hover {
  background: #f1f5f9 !important;
  color: #b73337 !important;
}

/* ============================================================================
   4. ANIMATED DROPDOWNS
   ============================================================================ */

/* Container do dropdown */
.awa-main-nav .dropdown,
.awa-vertical-menu .dropdown {
  position: relative !important;
}

/* Menu dropdown */
.awa-main-nav .dropdown-menu,
.awa-vertical-menu .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 220px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
  padding: 8px 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) !important;
  transition: opacity 250ms cubic-bezier(0.22, 1, 0.36, 1), visibility 250ms cubic-bezier(0.22, 1, 0.36, 1), transform 250ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 100 !important;
}

/* Show dropdown on hover */
.awa-main-nav .dropdown:hover .dropdown-menu,
.awa-vertical-menu .dropdown:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Dropdown items */
.awa-main-nav .dropdown-menu li,
.awa-vertical-menu .dropdown-menu li {
  list-style: none !important;
}

.awa-main-nav .dropdown-menu li a,
.awa-vertical-menu .dropdown-menu li a {
  display: block !important;
  padding: 10px 20px !important;
  color: #475569 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: background-color 150ms ease, color 150ms ease !important;
}

.awa-main-nav .dropdown-menu li a:hover,
.awa-vertical-menu .dropdown-menu li a:hover {
  background: #f8fafc !important;
  color: #b73337 !important;
  padding-left: 24px !important;
}

/* Arrow indicator for items with submenu */
.awa-main-nav .dropdown-menu .dropdown > a::after,
.awa-vertical-menu .dropdown-menu .dropdown > a::after {
  content: '›' !important;
  float: right !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #94a3b8 !important;
  transition: transform 0.2s ease !important;
}

.awa-main-nav .dropdown-menu .dropdown:hover > a::after,
.awa-vertical-menu .dropdown-menu .dropdown:hover > a::after {
  transform: translateX(3px) !important;
  color: #b73337 !important;
}

/* Submenu positioning (flyout) */
.awa-main-nav .dropdown-menu .dropdown-menu,
.awa-vertical-menu .dropdown-menu .dropdown-menu {
  left: 100% !important;
  top: 0 !important;
  margin-left: 2px !important;
}

/* Mega menu styling */
.awa-main-nav .mega-menu .dropdown-menu,
.awa-vertical-menu .mega-menu .dropdown-menu {
  min-width: 600px !important;
  padding: 24px !important;
}

/* ============================================================================
   5. RESPONSIVE ADJUSTMENTS
   ============================================================================ */

@media (max-width: 991px) {
  body .page-wrapper .awa-site-header .awa-main-header__inner.wp-header {
    grid-template-columns: 1fr auto !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    min-height: auto !important;
    padding: 12px 0 !important;
  }

  body .page-wrapper .awa-site-header .awa-header-brand {
    grid-column: 1 / 2 !important;
  }

  body .page-wrapper .awa-site-header .awa-header-right-col {
    grid-column: 2 / 3 !important;
    justify-self: end !important;
    gap: 10px !important;
  }

  body .page-wrapper .awa-site-header .awa-header-search-col {
    grid-column: 1 / -1 !important;
    order: 3 !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt {
    max-width: 244px !important;
    padding: 7px 10px !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt__line1 {
    display: none !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt__line2 {
    font-size: 12px !important;
    gap: 4px !important;
  }

  /* Mobile search adjustments */
  .awa-header-search-col form.minisearch,
  .block-search form.minisearch {
    height: 44px !important;
  }

  /* Mobile dropdown fullscreen */
  .awa-main-nav .dropdown-menu {
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 767px) {
  body .page-wrapper .awa-site-header .awa-main-header__inner.wp-header {
    grid-template-columns: 1fr auto !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt {
    padding: 0 !important;
    min-height: 40px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    max-width: none !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt__icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt__separator,
  body .page-wrapper .awa-site-header .awa-header-account-prompt__link:not(.awa-header-account-prompt__link--register) {
    display: none !important;
  }

  body .page-wrapper .awa-site-header .awa-header-account-prompt__link--register,
  body .page-wrapper .awa-site-header .awa-account-dropdown__trigger {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  body .page-wrapper .awa-site-header .awa-header-right-col {
    gap: 8px !important;
  }
}

/* ============================================================================
   6. ACCESSIBILITY
   ============================================================================ */

@media (prefers-reduced-motion: reduce) {
  .awa-main-nav .dropdown-menu,
  .awa-vertical-menu .dropdown-menu,
  .awa-header-search-col form.minisearch,
  .block-search form.minisearch,
  .header-wrapper-sticky {
    transition: none !important;
    animation: none !important;
  }
}

/* Focus states for accessibility */
.awa-main-nav .dropdown-menu li a:focus,
.awa-vertical-menu .dropdown-menu li a:focus {
  outline: 2px solid #b73337 !important;
  outline-offset: -2px !important;
  background: #f8fafc !important;
}

/* ============================================================================
   END OF FILE
   ============================================================================ */

/* ===== awa-search-autocomplete-active.css ===== */
/* ============================================================================
   AWA Search Autocomplete — Clean Modern Professional
   v3.0  2026-04-13
   CSS puro. Usa custom properties do design system AWA.
   NÃO MEXE no layout do form search do cabeçalho.
   ============================================================================ */

/* ============================================================================
   1. AUTOCOMPLETE DROPDOWN — Container principal
   ============================================================================ */

.mst-searchautocomplete__autocomplete {
    position: absolute;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: min(860px, calc(100vw - 32px)) !important;
    background: var(--awa-white, #fff);
    border: 1px solid var(--awa-border, #e5e5e5);
    border-radius: var(--awa-radius-lg, 12px) !important;
    box-shadow: 0 20px 48px rgba(51, 51, 51, 0.12), 0 8px 20px rgba(51, 51, 51, 0.06);
    z-index: var(--awa-z-dropdown, 100130) !important;
    text-align: left;
    overflow: hidden;
    border-top: 2px solid var(--awa-brand-primary, var(--awa-primary)) !important;
    margin-top: 0 !important;
}

/* ── 2-column layout (desktop) ─────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete._active.mst-2-cols {
    width: min(860px, calc(100vw - 32px)) !important;
}

/* ── Wrapper & Results ─────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 72vh;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.3) transparent;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results::-webkit-scrollbar {
    width: 6px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results::-webkit-scrollbar-track {
    background: transparent;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    border-radius: 3px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results.__all {
    margin-bottom: 48px;
}

/* ============================================================================
   2. INDEX SECTION TITLES
   ============================================================================ */

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px 8px;
    margin: 0;
    font-size: 12px;
    font-weight: var(--awa-weight-bold, 700);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--awa-text-muted, #767676);
    border-bottom: 1px solid var(--awa-border-subtle, #f0f0f0);
    background: var(--awa-bg-surface, #fafafa);
}

/* ============================================================================
   3. PRODUCT ITEMS — Card individual de produto
   ============================================================================ */

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--awa-border-subtle, #f5f5f5);
    cursor: pointer;
    transition: background-color 150ms ease;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:last-child {
    border-bottom: none;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:hover,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product._active,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:focus-within {
    background-color: var(--awa-bg-surface, #f8f9fa);
}

/* ── Product Image ─────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f8f8;
    border: 1px solid var(--awa-border-subtle, #eee);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* ── Product Meta ──────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .meta {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title {
    display: block;
    margin-bottom: 4px;
    line-height: 1.3;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title a {
    color: var(--awa-text, #333);
    font-size: 13px;
    font-weight: var(--awa-weight-medium, 500);
    text-decoration: none;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title a:focus-visible {
    outline: 2px solid var(--awa-brand-primary, var(--awa-primary));
    outline-offset: 2px;
    border-radius: 4px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product._active .title a,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:hover .title a {
    color: var(--awa-brand-primary, var(--awa-primary));
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title .sku {
    display: inline-block;
    font-size: 12px;
    color: var(--awa-text-muted, #767676);
    font-weight: var(--awa-weight-normal, 400);
    margin-left: 6px;
}

/* ── Description ───────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .description {
    font-size: 12px;
    color: var(--awa-text-muted, #767676);
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ── Price ──────────────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store {
    flex: 0 0 auto;
    text-align: right;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store > .price,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price {
    display: block;
    font-weight: var(--awa-weight-bold, 700);
    font-size: 14px;
    white-space: nowrap;
    color: var(--awa-brand-primary, var(--awa-primary));
    line-height: 1.3;
    margin: 0;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price .price-label {
    display: block;
    font-size: 12px;
    color: var(--awa-text-muted, #767676);
    font-weight: var(--awa-weight-normal, 400);
    margin-bottom: 2px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price .old-price .price {
    color: var(--awa-text-muted, #767676);
    text-decoration: line-through;
    font-size: 12px;
    font-weight: var(--awa-weight-normal, 400);
}

/* ── Stock Status ──────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .inStock {
    font-size: 12px;
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-success, #16a34a);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .outOfStock {
    font-size: 12px;
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-danger, #dc2626);
}

/* ── Rating ─────────────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .rating-summary {
    margin: 2px 0;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .rating-summary .rating-result {
    width: 70px;
}

/* ── Add to Cart ───────────────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart {
    margin-top: 6px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart .mst__add_to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: var(--awa-weight-semi, 600);
    background: var(--awa-brand-primary, var(--awa-primary));
    color: #fff !important;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 150ms ease, box-shadow 150ms ease;
    line-height: 1.4;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart .mst__add_to_cart:hover {
    background: var(--awa-brand-hover, #8e2629);
    box-shadow: 0 2px 8px rgba(183, 51, 55, 0.25);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart .mst__add_to_cart:focus-visible {
    outline: 2px solid var(--awa-brand-primary, var(--awa-primary));
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.16);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to_cart_message {
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 4px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to_cart_message.success {
    color: #16a34a;
    background: #f0fdf4;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to_cart_message.error {
    color: #dc2626;
    background: #fef2f2;
}

/* ============================================================================
   4. NON-PRODUCT ITEMS (categories, CMS pages, etc.)
   ============================================================================ */

.mst-searchautocomplete__autocomplete ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mst-searchautocomplete__autocomplete ul li {
    margin: 0;
    padding: 8px 16px;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.mst-searchautocomplete__autocomplete ul li:hover,
.mst-searchautocomplete__autocomplete ul li._active {
    background: var(--awa-bg-surface, #f8f9fa);
}

.mst-searchautocomplete__autocomplete ul li a.title {
    font-size: 13px;
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-text, #333);
    text-decoration: none;
    display: block;
}

.mst-searchautocomplete__autocomplete ul li._active a.title {
    color: var(--awa-brand-primary, var(--awa-primary));
}

/* ============================================================================
   5. POPULAR SEARCHES
   ============================================================================ */

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 16px 12px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li {
    float: none;
    padding: 0;
    margin: 0;
    background: none;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li a {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-text-muted, #666);
    background: var(--awa-bg-surface, #f5f5f5);
    border-radius: 20px;
    text-decoration: none;
    border: 1px solid var(--awa-border-subtle, #eee);
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li:hover a,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li a:hover {
    background: #fff;
    border-color: var(--awa-brand-primary, var(--awa-primary));
    color: var(--awa-brand-primary, var(--awa-primary));
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li a:focus-visible {
    outline: 2px solid var(--awa-brand-primary, var(--awa-primary));
    outline-offset: 2px;
    background: #fff;
    border-color: var(--awa-brand-primary, var(--awa-primary));
    color: var(--awa-brand-primary, var(--awa-primary));
}

/* ============================================================================
   6. SEARCH QUERY SUGGESTIONS
   ============================================================================ */

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_search_query {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_search_query a {
    float: none;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_search_query .num_results {
    float: none;
    font-size: 12px;
    color: var(--awa-text-muted, #767676);
    font-weight: var(--awa-weight-normal, 400);
    background: var(--awa-bg-surface, #f5f5f5);
    padding: 2px 8px;
    border-radius: 10px;
}

/* ============================================================================
   7. SHOW ALL / EMPTY / CLOSE / SPINNER
   ============================================================================ */

/* Show All Results link */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 48px;
    border-top: 1px solid var(--awa-border, #e5e5e5);
    background: var(--awa-bg-surface, #fafafa);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: var(--awa-weight-semi, 600);
    color: var(--awa-brand-primary, var(--awa-primary));
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 6px;
    transition: background-color 150ms ease;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:hover {
    background: rgba(183, 51, 55, 0.06);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:focus-visible {
    outline: 2px solid var(--awa-brand-primary, var(--awa-primary));
    outline-offset: 2px;
    background: rgba(183, 51, 55, 0.06);
}

/* Empty result */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result {
    padding: 32px 24px;
    text-align: center;
    color: var(--awa-text-muted, #888);
    font-size: 13px;
    background: var(--awa-bg-surface, #fafafa);
}

/* Close button (mobile) */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 28px;
    height: 28px;
    font-size: 18px;
    font-weight: 700;
    color: var(--awa-text-muted, #767676);
    cursor: pointer;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    background: var(--awa-bg-surface, #f5f5f5);
    transition: background-color 150ms ease;
    z-index: 2;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close:hover {
    background: var(--awa-border, #e5e5e5);
    color: var(--awa-text, #333);
}

/* Spinner */
.mst-searchautocomplete__spinner {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
}

.mst-searchautocomplete__autocomplete._loading .mst-searchautocomplete__spinner {
    display: block;
}

.mst-searchautocomplete__spinner .spinner-item {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid transparent;
    border-top-color: var(--awa-brand-primary, var(--awa-primary));
    border-radius: 50%;
    animation: awa-ac-spin 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.mst-searchautocomplete__spinner .spinner-item-1 { animation-delay: -0.3s; }
.mst-searchautocomplete__spinner .spinner-item-2 { animation-delay: -0.2s; }
.mst-searchautocomplete__spinner .spinner-item-3 { animation-delay: -0.1s; }

@keyframes awa-ac-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Text highlight */
.mst-searchautocomplete__highlight {
    font-weight: var(--awa-weight-bold, 700);
    color: var(--awa-brand-primary, var(--awa-primary));
    background: none;
}

/* Highlight in title */
.mst-searchautocomplete__autocomplete a.title i {
    color: var(--awa-text-muted, #999);
    display: inline;
    font-style: normal;
}

/* ============================================================================
   8. TYPEAHEAD OVERLAY — Sugestão fantasma
   ============================================================================ */

input.mst-search-autocomplete__typeahead-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    color: var(--awa-text-muted, #ccc) !important;
    pointer-events: none !important;
    z-index: -1 !important;
    opacity: 0.5 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: inherit !important;
    font: inherit !important;
}

/* ============================================================================
   9. 2-COLUMN DESKTOP LAYOUT
   ============================================================================ */

@media (min-width: 768px) {
    .mst-searchautocomplete__autocomplete._active {
        min-width: 520px;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols {
        width: 860px !important;
        position: absolute;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
        clear: left;
        float: left;
        display: block;
        position: relative;
        max-width: 240px;
        width: 240px;
        padding-bottom: 2rem;
        box-sizing: border-box;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index .mst-searchautocomplete__index-title {
        margin-right: 0;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        width: calc(100% - 240px);
        max-width: calc(100% - 240px);
        clear: right;
        float: right;
        border-left: 1px solid var(--awa-border-subtle, #f0f0f0);
        padding-bottom: 0;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__show-all {
        clear: both;
    }
}

/* ============================================================================
   10. TABLET (768–1024px)
   ============================================================================ */

@media (min-width: 768px) and (max-width: 1024px) {
    .mst-searchautocomplete__autocomplete {
        max-width: min(720px, calc(100vw - 32px)) !important;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols {
        width: 720px !important;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
        max-width: 200px;
        width: 200px;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        width: calc(100% - 200px);
        max-width: calc(100% - 200px);
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
        flex: 0 0 56px;
        width: 56px;
        height: 56px;
    }
}

/* ============================================================================
   11. MOBILE (< 768px)
   ============================================================================ */

@media (max-width: 767px) {
    .mst-searchautocomplete__autocomplete {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 70vh;
        border-radius: 16px 16px 0 0 !important;
        border: none !important;
        border-top: 2px solid var(--awa-brand-primary, var(--awa-primary)) !important;
        box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.15);
        z-index: 100200 !important;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__wrapper {
        max-height: 65vh;
    }

    /* 2-col reverts to 1-col on mobile */
    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index,
    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        float: none;
        clear: none;
        width: 100%;
        max-width: 100%;
        border-left: none;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product {
        padding: 10px 14px;
        gap: 10px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
        border-radius: 6px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title a {
        font-size: 13px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price,
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store > .price {
        font-size: 13px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .description {
        display: none;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart {
        display: block;
        margin-top: 4px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart .mst__add_to_cart {
        min-height: 32px;
        padding: 4px 10px;
        font-size: 11px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
        height: 44px;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
        font-size: 13px;
    }
}

/* ============================================================================
   12. SEARCH RESULTS PAGE — Mirasvit Tabs
   ============================================================================ */

.mst-search__result-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--awa-border, #e5e5e5);
}

.mst-search__result-tabs li {
    margin: 0;
    padding: 0;
}

.mst-search__result-tabs li a {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    border-radius: 9999px;
    border: 1px solid var(--awa-border, #e5e5e5);
    font-size: 13px;
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-text-muted, #555);
    text-decoration: none;
    background: var(--awa-white, #fff);
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.mst-search__result-tabs li a:hover {
    border-color: var(--awa-brand-primary, var(--awa-primary)) !important;
    color: var(--awa-brand-primary, var(--awa-primary)) !important;
    background: rgba(183, 51, 55, 0.04);
}

.mst-search__result-tabs li a.active {
    background: var(--awa-brand-primary, var(--awa-primary)) !important;
    border-color: var(--awa-brand-primary, var(--awa-primary)) !important;
    color: #fff !important;
    font-weight: var(--awa-weight-semi, 600) !important;
}

/* ============================================================================
   13. SEARCH RESULTS PAGE — Misc Recommendations
   ============================================================================ */

.mst-search__misc-recommendations {
    background: var(--awa-bg-surface, #f8f9fa);
    border: 1px solid var(--awa-border-subtle, #eee);
    border-radius: var(--awa-radius-md, 10px);
    padding: 16px 20px;
    margin: 0 0 24px;
}

.mst-search__misc-recommendations dt {
    font-size: 13px;
    font-weight: var(--awa-weight-semi, 600);
    color: var(--awa-text, #333);
    margin-bottom: 8px;
}

.mst-search__misc-recommendations dd {
    margin: 0;
    padding: 0;
}

.mst-search__misc-recommendations dd a {
    display: inline-block;
    padding: 4px 12px;
    margin: 3px 4px 3px 0;
    font-size: 12px;
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-text-muted, #666);
    background: var(--awa-white, #fff);
    border: 1px solid var(--awa-border, #e5e5e5);
    border-radius: 20px;
    text-decoration: none;
    transition: border-color 150ms ease, color 150ms ease;
}

.mst-search__misc-recommendations dd a:hover {
    border-color: var(--awa-brand-primary, var(--awa-primary));
    color: var(--awa-brand-primary, var(--awa-primary));
}

/* ============================================================================
   14. ACCESSIBILITY — prefers-reduced-motion
   ============================================================================ */

@media (prefers-reduced-motion: reduce) {
    .mst-searchautocomplete__autocomplete,
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item,
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a,
    .mst-searchautocomplete__spinner .spinner-item {
        transition: none !important;
        animation: none !important;
    }
}

/* ============================================================================
   15. SEARCH RESULTS PAGE — Mirasvit index blocks (CMS, categories)
   ============================================================================ */

.mst-search__index {
    padding: 0;
}

.mst-search__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mst-search__list li {
    padding: 10px 16px;
    border-bottom: 1px solid var(--awa-border-subtle, #f0f0f0);
}

.mst-search__list li:last-child {
    border-bottom: none;
}

.mst-search__list li a {
    font-size: 14px;
    color: var(--awa-text, #333);
    font-weight: var(--awa-weight-medium, 500);
    text-decoration: none;
    transition: color 150ms ease;
}

.mst-search__list li a:hover {
    color: var(--awa-brand-primary, var(--awa-primary));
}

/* ===== awa-search-plp.css ===== */
/**
 * AWA Motos — Busca & PLP Polish
 * Cobre: resultados de busca, autocomplete, PLP banner, filtros mobile,
 *        empty states, related/upsell na PDP.
 * Paleta: --awa-red var(--awa-primary) / --awa-red-dark #8e2629 / branco.
 */

/* ==========================================================================
   1. PÁGINA DE RESULTADOS DE BUSCA
   ========================================================================== */

/* Cabeçalho dos resultados */
.catalogsearch-result-index .page-title-wrapper {
  margin-bottom: 8px !important;
}

.catalogsearch-result-index .page-title {
  font-size: clamp(20px, 2.5vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Termo buscado em vermelho */
.catalogsearch-result-index .page-title .base,
.search.results-current .search-terms {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Aviso de "Você quis dizer...?" */
.catalogsearch-result-index .message.notice {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: #92400e !important;
  margin-bottom: 20px !important;
}

.catalogsearch-result-index .message.notice a {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Zero resultados */
.catalogsearch-result-index .search.results-empty {
  text-align: center !important;
  padding: 60px 20px !important;
}

.catalogsearch-result-index .search.results-empty .message {
  display: block !important;
  background: #fafafa !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  padding: 48px 32px !important;
  max-width: 480px !important;
  margin: 0 auto 24px !important;
  font-size: 16px !important;
  color: var(--awa-text-muted, #666) !important;
}

/* Sugestões de busca populares */
.catalogsearch-result-index .search-terms-popular {
  margin-top: 16px !important;
}

.catalogsearch-result-index .search-terms-popular a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 14px !important;
  margin: 4px !important;
  background: #f5f5f5 !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
  transition: background-color 0.15s, color 0.15s !important;
}

.catalogsearch-result-index .search-terms-popular a:hover {
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   2. AUTOCOMPLETE DE BUSCA
   ========================================================================== */

.search-autocomplete,
#search_autocomplete,
.awa-search-suggestions {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-top: 2px solid var(--awa-red, var(--awa-primary)) !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
  z-index: 9990 !important;
  overflow: hidden !important;
}

/* Item de sugestão */
.search-autocomplete dl dt,
.search-autocomplete ul li,
#search_autocomplete li {
  padding: 10px 16px !important;
  font-size: 14px !important;
  color: var(--awa-text, #333) !important;
  cursor: pointer !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  transition: background-color 0.1s !important;
  list-style: none !important;
}

.search-autocomplete dl dt:last-child,
.search-autocomplete ul li:last-child,
#search_autocomplete li:last-child {
  border-bottom: none !important;
}

.search-autocomplete dl dt:hover,
.search-autocomplete ul li:hover,
#search_autocomplete li:hover,
.search-autocomplete dl dt.selected,
.search-autocomplete ul li.selected,
#search_autocomplete li.selected {
  background: #fef2f2 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Contagem de resultados */
.search-autocomplete .amount {
  color: var(--awa-text-muted, #999) !important;
  font-size: 12px !important;
  margin-left: 4px !important;
}

/* Termo em negrito */
.search-autocomplete strong {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   3. PLP — banner de categoria
   ========================================================================== */

/* Banner/hero da categoria */
.category-image,
.category-header-image,
[data-content-type="image"].category-banner {
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}

.category-image img {
  width: 100% !important;
  height: auto !important;
  max-height: 280px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Descrição da categoria */
.category-description {
  background: #fafafa !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 20px !important;
  font-size: 14px !important;
  color: var(--awa-text-muted, #555) !important;
  line-height: 1.7 !important;
}

/* Breadcrumb na PLP */
.catalog-category-view .breadcrumbs {
  margin-bottom: 4px !important;
}

/* Contagem de produtos */
.toolbar-amount {
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
}

.toolbar-amount .toolbar-number {
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
}

/* ==========================================================================
   4. FILTROS — painel mobile (drawer)
   ========================================================================== */

/* Botão "Filtrar" mobile */
.filter-toggle,
.action.filter-toggle,
[data-role="filter-toggle"],
.block-layered-nav .filter-title {
  display: none !important;
}

@media (max-width: 767px) {
  .filter-toggle,
  .action.filter-toggle,
  [data-role="filter-toggle"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    background: #ffffff !important;
    border: 1.5px solid var(--awa-border, #e8e8e8) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--awa-text, #333) !important;
    cursor: pointer !important;
    transition: border-color 0.15s !important;
  }

  .filter-toggle:hover,
  .action.filter-toggle:hover {
    border-color: var(--awa-red, var(--awa-primary)) !important;
    color: var(--awa-red, var(--awa-primary)) !important;
  }

  /* Painel de filtro mobile */
  #layered-ajax-filter-block.block.filter {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 280px !important;
    max-width: 85vw !important;
    background: #ffffff !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
    z-index: 9800 !important;
    overflow-y: auto !important;
    transform: translateX(-100%) !important;
    transition: transform 0.25s ease !important;
    padding: 20px 0 !important;
  }

  #layered-ajax-filter-block.block.filter._active,
  body.filter-active .block.filter {
    transform: translateX(0) !important;
  }

  /* Header do painel */
  .block.filter .block-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 20px 16px !important;
    border-bottom: 2px solid var(--awa-red, var(--awa-primary)) !important;
    margin-bottom: 8px !important;
  }

  .block.filter .block-title strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--awa-text, #333) !important;
  }
}

/* Chips de filtro ativo */
.filter-current {
  margin-bottom: 16px !important;
}

.filter-current .items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.filter-current .item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 12px !important;
  background: #fef2f2 !important;
  border: 1px solid rgba(183,51,55,0.25) !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

.filter-current .item .remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: background-color 0.15s !important;
}

.filter-current .item .remove:hover {
  background: var(--awa-red-dark, #8e2629) !important;
}

/* Link "Limpar todos" */
.filter-current .action.clear {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-text-muted, #888) !important;
  background: #f5f5f5 !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  transition: background-color 0.15s, color 0.15s !important;
}

.filter-current .action.clear:hover {
  background: #eeeeee !important;
  color: var(--awa-text, #333) !important;
}

/* ==========================================================================
   5. PDP — produtos relacionados e upsell
   ========================================================================== */

/* Seção "Produtos Relacionados" */
.block.related,
.block.upsell,
.block.crosssell {
  padding-top: 40px !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  margin-top: 40px !important;
}

.block.related .block-title,
.block.upsell .block-title,
.block.crosssell .block-title {
  font-size: clamp(18px, 2vw, 22px) !important;
  font-weight: 800 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Linha decorativa no título */
.block.related .block-title::after,
.block.upsell .block-title::after,
.block.crosssell .block-title::after {
  content: '' !important;
  flex: 1 !important;
  height: 2px !important;
  background: var(--awa-border, #e8e8e8) !important;
  border-radius: 2px !important;
}

/* Grid de produtos relacionados */
.block.related .products-grid .product-items,
.block.upsell .products-grid .product-items,
.block.crosssell .products-grid .product-items {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

@media (max-width: 1024px) {
  .block.related .products-grid .product-items,
  .block.upsell .products-grid .product-items,
  .block.crosssell .products-grid .product-items {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .block.related .products-grid .product-items,
  .block.upsell .products-grid .product-items,
  .block.crosssell .products-grid .product-items {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Checkbox "Adicionar relacionados ao carrinho" */
.block.related .product-item-info .checkbox {
  accent-color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   6. AVALIAÇÕES / REVIEWS NA PDP
   ========================================================================== */

/* Estrelas */
.rating-stars .rating-result span::before,
.rating-summary .rating-result > span::before {
  color: #f59e0b !important;
}

/* Resumo de avaliações (X de 5) */
.product-info-main .reviews-actions,
.product-info-main .product-reviews-summary {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.product-info-main .reviews-actions a {
  font-size: 13px !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.product-info-main .reviews-actions a:hover {
  text-decoration: underline !important;
}

/* Lista de reviews */
.block.review-list .review-item {
  padding: 20px 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
}

.block.review-list .review-item:last-child {
  border-bottom: none !important;
}

.block.review-list .review-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 6px !important;
}

.block.review-list .review-content {
  font-size: 14px !important;
  color: var(--awa-text-muted, #555) !important;
  line-height: 1.7 !important;
  margin-bottom: 10px !important;
}

.block.review-list .review-author .review-details-value,
.block.review-list .review-date .review-details-value {
  font-size: 12px !important;
  color: var(--awa-text-muted, #888) !important;
}

/* Botão "Escrever Avaliação" */
.action.primary.review-submit,
#review-form .action.submit {
  min-height: 44px !important;
  padding: 0 24px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  transition: background-color 0.15s !important;
}

.action.primary.review-submit:hover,
#review-form .action.submit:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
}

/* Estrelas interativas no form de review */
#review-form .rating-stars label {
  cursor: pointer !important;
  font-size: 24px !important;
  color: #dddddd !important;
  transition: color 0.1s !important;
}

#review-form .rating-stars label:hover,
#review-form .rating-stars input:checked ~ label {
  color: #f59e0b !important;
}

/* ==========================================================================
   7. RECENTLY VIEWED — produtos vistos recentemente
   ========================================================================== */

.block.widget.block-viewed-products-grid {
  padding-top: 32px !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
}

.block.widget.block-viewed-products-grid .block-title {
  font-size: clamp(16px, 1.8vw, 20px) !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 16px !important;
}

/* ==========================================================================
   8. MOBILE SEARCH — overlay
   ========================================================================== */

@media (max-width: 767px) {
  /* Input de busca no mobile — mais alto para toque */
  .block-search #search,
  .block-search input[type="text"] {
    height: 44px !important;
    font-size: 16px !important; /* evita zoom no iOS */
  }

  /* Autocomplete ocupa largura total */
  .search-autocomplete,
  #search_autocomplete {
    left: 0 !important;
    right: 0 !important;
    max-width: 100vw !important;
  }

  /* PLP sem sidebar — filtros em drawer */
  .catalog-category-view .page-layout-2columns-left .columns {
    display: block !important;
  }

  .catalog-category-view .sidebar-main {
    display: none !important;
  }

  /* Toolbar compacto */
  .toolbar-products {
    justify-content: space-between !important;
  }
}

/* ===== awa-checkout-minicart.css ===== */
/**
 * AWA Motos — Checkout & Minicart Visual Polish
 * Paleta oficial: --awa-red var(--awa-primary) / --awa-red-dark #8e2629 / branco.
 * Modernização ui-ux-pro-max: slate (#0F172A), superfície #F8FAFC, sombras em camadas.
 * Complementa awa-header-cart-fix.css e awa-flow-standardization.css.
 * Carrega após ambos no cascade.
 */

/* Tokens do painel (escopo no wrapper modernizado) */
.minicart-wrapper.awa-minicart-modern {
  --awa-mc-ink: var(--awa-text-strong, #0f172a);
  --awa-mc-ink-muted: var(--awa-text-muted, #475569);
  --awa-mc-surface: var(--awa-bg-surface, #f8fafc);
  --awa-mc-border: var(--awa-border, #e2e8f0);
  --awa-mc-radius: 14px;
  --awa-mc-shadow: 0 4px 6px -1px rgb(15 23 42 / 7%), 0 14px 36px -12px rgb(15 23 42 / 16%);
}

/* ==========================================================================
   1. MINICART DROPDOWN — panel completo
   ========================================================================== */

.minicart-wrapper.awa-minicart-modern .block-minicart {
  background: #ffffff !important;
  border: 1px solid var(--awa-mc-border, #e2e8f0) !important;
  border-top: 3px solid var(--awa-red, var(--awa-primary)) !important;
  border-radius: 0 0 var(--awa-mc-radius, 14px) var(--awa-mc-radius, 14px) !important;
  box-shadow: var(--awa-mc-shadow, 0 8px 32px rgba(0, 0, 0, 0.14)) !important;
  padding: 0 !important;
  min-width: 320px !important;
  max-width: 380px !important;
}

/* Fallback: wrappers legados sem classe (mesmo visual base) */
.minicart-wrapper:not(.awa-minicart-modern) .block-minicart {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-top: 3px solid var(--awa-red, var(--awa-primary)) !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14) !important;
  padding: 0 !important;
  min-width: 320px !important;
  max-width: 380px !important;
}

/* Seta do dropdown */
.minicart-wrapper .block-minicart::before,
.minicart-wrapper .block-minicart::after {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
}

/* Cabeçalho — layout base (todos os wrappers) */
.minicart-wrapper .block-minicart .block-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  background: #fafafa !important;
}

.minicart-wrapper .block-minicart .block-title strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
}

.minicart-wrapper .block-minicart .block-title .qty {
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  margin-left: 6px !important;
}

/* Override visual moderno (ui-ux-pro-max) */
.minicart-wrapper.awa-minicart-modern .block-minicart .block-title {
  padding-block: 18px !important;
  padding-inline: 20px !important;
  border-bottom: 1px solid var(--awa-mc-border, #e2e8f0) !important;
  background: linear-gradient(180deg, var(--awa-mc-surface, #f8fafc) 0%, #ffffff 100%) !important;
}

.minicart-wrapper.awa-minicart-modern .block-minicart .block-title strong {
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  color: var(--awa-mc-ink, #0f172a) !important;
}

.minicart-wrapper.awa-minicart-modern .block-minicart .block-title .qty {
  box-shadow: 0 1px 2px rgb(15 23 42 / 8%) !important;
}

/* Botão fechar — alvo de toque 44px (ui-ux-pro-max) */
.minicart-wrapper .block-minicart #btn-minicart-close {
  color: var(--awa-text-muted, #888) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: color 0.15s, background-color 0.15s !important;
  border-radius: var(--awa-radius-md, 8px) !important;
}

.minicart-wrapper .block-minicart #btn-minicart-close:focus-visible {
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}

.minicart-wrapper .block-minicart #btn-minicart-close:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Área de scroll dos produtos */
.minicart-wrapper .block-minicart .minicart-items-wrapper {
  max-height: clamp(240px, 40vh, 480px) !important;
  overflow-y: auto !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
}

/* Scrollbar interna */
.minicart-wrapper .block-minicart .minicart-items-wrapper::-webkit-scrollbar {
  width: 4px !important;
}
.minicart-wrapper .block-minicart .minicart-items-wrapper::-webkit-scrollbar-thumb {
  background: #dddddd !important;
  border-radius: 4px !important;
}

/* Item de produto */
.minicart-wrapper .product-item {
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.minicart-wrapper .product-item:last-child {
  border-bottom: none !important;
}

/* Imagem do produto */
.minicart-wrapper .product-item-photo {
  flex-shrink: 0 !important;
  width: 72px !important;
  height: 72px !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f8f8f8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.minicart-wrapper .product-item-photo img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Detalhes do produto */
.minicart-wrapper .product-item-details {
  flex: 1 !important;
  min-width: 0 !important;
}

.minicart-wrapper .product-item-name {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 4px !important;
  white-space: normal !important;
}

.minicart-wrapper .product-item-name a {
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.minicart-wrapper .product-item-name a:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Preço */
.minicart-wrapper .product-item .price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Quantidade + controles */
.minicart-wrapper .product-item .details-qty {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.minicart-wrapper .product-item .details-qty .label {
  font-size: 12px !important;
  color: var(--awa-text-muted, #888) !important;
}

.minicart-wrapper .product-item .details-qty .qty-wrapper,
.minicart-wrapper .product-item .details-qty input.cart-item-qty {
  width: 48px !important;
  height: 30px !important;
  text-align: center !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}

/* Ações (editar, remover) */
.minicart-wrapper .product-item .product.actions {
  display: flex !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

.minicart-wrapper .product-item .product.actions a {
  font-size: 12px !important;
  color: var(--awa-text-muted, #888) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.minicart-wrapper .product-item .product.actions a:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Subtotal */
.minicart-wrapper .block-minicart .subtotal {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
}

.minicart-wrapper .block-minicart .subtotal .label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
}

.minicart-wrapper .block-minicart .subtotal .price {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Área de ações (botões) */
.minicart-wrapper .block-minicart .actions {
  padding: 16px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Botão "Finalizar Compra" */
.minicart-wrapper .block-minicart .action.checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border: none !important;
  border-radius: var(--awa-radius-md, 10px) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background-color 0.18s ease, box-shadow 0.18s ease !important;
  box-shadow: 0 1px 2px rgb(15 23 42 / 12%) !important;
}

.minicart-wrapper .block-minicart .action.checkout:focus-visible {
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 3px !important;
}

.minicart-wrapper .block-minicart .action.checkout:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  box-shadow: 0 4px 14px rgb(183 51 55 / 28%) !important;
}

@media (prefers-reduced-motion: reduce) {
  .minicart-wrapper .block-minicart .action.checkout {
    transition: none !important;
  }

  .minicart-wrapper .block-minicart .action.checkout:hover {
    box-shadow: 0 1px 2px rgb(15 23 42 / 12%) !important;
  }
}

/* Link "Ver Carrinho" */
.minicart-wrapper .block-minicart .action.viewcart {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #555) !important;
  text-decoration: none !important;
  transition: border-color 0.15s, color 0.15s !important;
}

.minicart-wrapper .block-minicart .action.viewcart:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Estado vazio */
.minicart-wrapper .block-minicart .minicart-items-wrapper:empty + * .subtitle.empty,
.minicart-wrapper .block-minicart .subtitle.empty {
  display: block !important;
  padding: 32px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  color: var(--awa-text-muted, #888) !important;
}

/* ==========================================================================
   2. PÁGINA DO CARRINHO — tabela e totais
   ========================================================================== */

/* Título da página */
body.checkout-cart-index .page-title-wrapper .page-title {
  font-size: clamp(22px, 2.5vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--awa-text, #333) !important;
}

/* Wrapper da tabela */
body.checkout-cart-index .cart.table-wrapper {
  background: #ffffff !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Cabeçalho da tabela */
body.checkout-cart-index .cart.table-wrapper thead th {
  background: #fafafa !important;
  border-bottom: 2px solid var(--awa-border, #e8e8e8) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--awa-text-muted, #666) !important;
  padding: 14px 16px !important;
}

/* Linha de produto */
body.checkout-cart-index .cart.item {
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  transition: background-color 0.12s !important;
}

body.checkout-cart-index .cart.item:hover {
  background: #fafafa !important;
}

body.checkout-cart-index .cart.item td {
  padding: 20px 16px !important;
  vertical-align: middle !important;
}

/* Imagem */
body.checkout-cart-index .cart.item .product-image-container {
  width: 80px !important;
  height: 80px !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f8f8f8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.checkout-cart-index .cart.item .product-image-photo {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Nome do produto */
body.checkout-cart-index .product-item-name a {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

body.checkout-cart-index .product-item-name a:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Opções (cor, tamanho, etc.) */
body.checkout-cart-index .item-options dt {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--awa-text-muted, #666) !important;
}

body.checkout-cart-index .item-options dd {
  font-size: 12px !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 4px !important;
}

/* Controle de quantidade */
body.checkout-cart-index .input-text.qty {
  width: 56px !important;
  height: 40px !important;
  text-align: center !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: border-color 0.15s !important;
}

body.checkout-cart-index .input-text.qty:focus {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(183,51,55,0.10) !important;
}

body.checkout-cart-index .action.update {
  font-size: 12px !important;
  color: var(--awa-text-muted, #888) !important;
  background: none !important;
  border: none !important;
  padding: 4px 0 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

/* Preço */
body.checkout-cart-index .cart.item .col.price .price,
body.checkout-cart-index .cart.item .col.subtotal .price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Botão remover */
body.checkout-cart-index .action.action-delete {
  color: #cccccc !important;
  font-size: 20px !important;
  line-height: 1 !important;
  transition: color 0.15s !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: none !important;
  background: none !important;
  cursor: pointer !important;
}

body.checkout-cart-index .action.action-delete:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
  background: #fef2f2 !important;
}

/* Resumo / totais */
body.checkout-cart-index .cart-summary {
  background: #ffffff !important;
  padding: 24px !important;
}

body.checkout-cart-index .cart-summary .summary.title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--awa-red, var(--awa-primary)) !important;
  display: block !important;
}

body.checkout-cart-index .cart-totals .table-caption {
  display: none !important;
}

body.checkout-cart-index .cart-totals tbody tr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
}

body.checkout-cart-index .cart-totals .mark {
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
}

body.checkout-cart-index .cart-totals .amount .price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
}

body.checkout-cart-index .cart-totals .grand.totals {
  background: #fafafa !important;
  border-radius: 8px !important;
  padding: 12px !important;
  margin-top: 8px !important;
  border-bottom: none !important;
}

body.checkout-cart-index .cart-totals .grand.totals .mark strong {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
}

body.checkout-cart-index .cart-totals .grand.totals .amount .price {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Botão "Finalizar Compra" na página do carrinho */
body.checkout-cart-index .action.checkout.primary,
body.checkout-cart-index .checkout-methods-items .action.primary {
  width: 100% !important;
  min-height: 52px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  margin-top: 16px !important;
  transition: background-color 0.15s, transform 0.1s !important;
}

body.checkout-cart-index .action.checkout.primary:hover,
body.checkout-cart-index .checkout-methods-items .action.primary:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
  transform: translateY(-1px) !important;
}

/* Formulário de cupom */
body.checkout-cart-index .block.discount .block-title button,
body.checkout-cart-index .block.giftcard .block-title button {
  background: none !important;
  border: none !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.checkout-cart-index .action.apply.coupon {
  min-height: 44px !important;
  padding: 0 20px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.checkout-cart-index #discount-coupon-form input[name="coupon_code"] {
  border-radius: 8px 0 0 8px !important;
  min-height: 44px !important;
  flex: 1 !important;
}

/* ==========================================================================
   3. CHECKOUT OPC — steps e formulário
   ========================================================================== */

/* Progress bar de steps */
.opc-progress-bar {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin-bottom: 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

.opc-progress-bar-item {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

.opc-progress-bar-item::after {
  content: '' !important;
  flex: 1 !important;
  height: 2px !important;
  background: var(--awa-border, #e8e8e8) !important;
}

.opc-progress-bar-item:last-child::after {
  display: none !important;
}

.opc-progress-bar-item._active::after,
.opc-progress-bar-item._complete::after {
  background: var(--awa-red, var(--awa-primary)) !important;
}

.opc-progress-bar-item > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.opc-progress-bar-item > span::before {
  content: attr(data-step) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: var(--awa-border, #e8e8e8) !important;
  color: var(--awa-text-muted, #888) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 200ms ease, color 200ms ease !important;
}

.opc-progress-bar-item._active > span::before,
.opc-progress-bar-item._complete > span::before {
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

.opc-progress-bar-item > span > span {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-text-muted, #888) !important;
}

.opc-progress-bar-item._active > span > span {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Step wrapper */
.opc-wrapper .step-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  padding: 20px 24px 12px !important;
  border-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
}

.opc-wrapper .step-title::before {
  content: attr(data-step) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Corpo do step */
.checkout-shipping-address .step-content,
.checkout-shipping-method .step-content,
.checkout-payment-method .step-content {
  padding: 24px !important;
}

/* Endereço salvo / novo — lista de escolha */
.shipping-address-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.shipping-address-item {
  border: 2px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  font-size: 13px !important;
  color: var(--awa-text, #333) !important;
  line-height: 1.6 !important;
  cursor: pointer !important;
  transition: border-color 0.15s, background-color 0.15s !important;
  position: relative !important;
}

.shipping-address-item.selected-item,
.shipping-address-item:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  background: #fef9f9 !important;
}

.shipping-address-item.selected-item::after {
  content: '✓' !important;
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Botão "Novo Endereço" */
.action.action-select-shipping-item,
.action.action-show-popup {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  background: none !important;
  border: 1.5px solid var(--awa-red, var(--awa-primary)) !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: background-color 0.15s, color 0.15s !important;
}

.action.action-select-shipping-item:hover,
.action.action-show-popup:hover {
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

/* Métodos de envio — layout em cards: ver cart-checkout-premium.css
   (display:flex em <tr> quebrava colunas e hifenizava texto) */
.table-checkout-shipping-method {
  width: 100% !important;
}

/* Radio nativo do Magento para shipping */
.table-checkout-shipping-method input[type="radio"] {
  accent-color: var(--awa-red, var(--awa-primary)) !important;
  width: 18px !important;
  height: 18px !important;
}

.col-carrier,
.col-method {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
}

.col-price .price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Métodos de pagamento */
.payment-methods .payment-method {
  border: 2px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  transition: border-color 0.15s !important;
}

.payment-methods .payment-method._active {
  border-color: var(--awa-red, var(--awa-primary)) !important;
}

.payment-methods .payment-method-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  cursor: pointer !important;
  background: #ffffff !important;
}

.payment-methods .payment-method._active .payment-method-title {
  background: #fef9f9 !important;
}

.payment-methods .payment-method-title input[type="radio"] {
  accent-color: var(--awa-red, var(--awa-primary)) !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

.payment-methods .payment-method-title label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.payment-methods .payment-method-content {
  padding: 16px 18px !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  background: #fafafa !important;
}

/* Botão "Fazer Pedido" */
.action.primary.checkout,
.payment-method-content .action.primary,
#co-payment-form .action.primary {
  min-height: 52px !important;
  width: 100% !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  border-radius: 8px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  transition: background-color 0.15s, transform 0.1s !important;
}

.action.primary.checkout:hover,
.payment-method-content .action.primary:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
  transform: translateY(-1px) !important;
}

/* Resumo do pedido (sidebar) */
.opc-block-summary {
  background: #ffffff !important;
  padding: 24px !important;
}

.opc-block-summary > .title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--awa-text, #333) !important;
  display: block !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--awa-red, var(--awa-primary)) !important;
}

/* Itens no summary — layout em .product (Rokanthemes); ver cart-checkout-premium.css */
.opc-block-summary .minicart-items .product-item {
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  display: block !important;
}

.opc-block-summary .minicart-items .product-item:last-child {
  border-bottom: none !important;
}

/* Totais no summary */
.opc-block-summary .table-totals tbody tr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  font-size: 13px !important;
}

.opc-block-summary .table-totals .grand.totals {
  background: #fafafa !important;
  border-radius: 8px !important;
  padding: 12px !important;
  border-bottom: none !important;
}

.opc-block-summary .table-totals .grand.totals .mark strong {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.opc-block-summary .table-totals .grand.totals .amount .price {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   4. PÁGINA DE SUCESSO — confirmação do pedido
   ========================================================================== */

body.checkout-onepage-success .page-main,
body.checkout-success .page-main {
  max-width: 680px !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding-top: 48px !important;
  padding-bottom: 64px !important;
}

/* Ícone de check */
body.checkout-onepage-success .checkout-success::before,
body.checkout-success .checkout-success::before {
  content: '' !important;
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 24px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
    center / 36px no-repeat,
    var(--awa-red, var(--awa-primary)) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 24px rgba(183,51,55,0.28) !important;
}

/* Título de sucesso */
body.checkout-onepage-success .page-title,
body.checkout-success .page-title {
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 800 !important;
  color: var(--awa-text, #333) !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 12px !important;
}

/* Número do pedido */
body.checkout-onepage-success .checkout-success p,
body.checkout-success .checkout-success p {
  font-size: 15px !important;
  color: var(--awa-text-muted, #555) !important;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

body.checkout-onepage-success .checkout-success strong,
body.checkout-success .checkout-success strong {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
}

/* Botões pós-pedido */
body.checkout-onepage-success .action.continue,
body.checkout-success .action.continue,
body.checkout-onepage-success .action.primary,
body.checkout-success .action.primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 32px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-top: 24px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: background-color 0.15s !important;
}

body.checkout-onepage-success .action.continue:hover,
body.checkout-success .action.continue:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
}

/* Link "Ver meu pedido" */
body.checkout-onepage-success .order-number,
body.checkout-success .order-number {
  display: inline-block !important;
  margin-top: 16px !important;
  font-size: 13px !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.15s !important;
}

body.checkout-onepage-success .order-number:hover,
body.checkout-success .order-number:hover {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   Conflito VB-32: painel dropdown vs slide-in — modo dropdown (data-awa-minicart-dropdown)
   O awa-visual-bugfix.css força position:fixed 100vh no desktop; aqui restauramos dropdown.
   ========================================================================== */

@media (min-width: 992px) {
  #html-body .page-wrapper .awa-header-minicart .minicart-wrapper[data-awa-minicart-dropdown="1"].active .block-minicart,
  #html-body .page-wrapper .awa-header-minicart .minicart-wrapper[data-awa-minicart-dropdown="1"].is-open .block-minicart,
  #html-body .page-wrapper .awa-header-minicart .minicart-wrapper[data-awa-minicart-dropdown="1"] .block-minicart._active,
  body .page-wrapper .minicart-wrapper[data-awa-minicart-dropdown="1"].active .block-minicart,
  body .page-wrapper .minicart-wrapper[data-awa-minicart-dropdown="1"].is-open .block-minicart,
  body .page-wrapper .minicart-wrapper[data-awa-minicart-dropdown="1"] .block-minicart._active {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: min(380px, 92vw) !important;
    max-width: min(380px, 92vw) !important;
    height: auto !important;
    max-height: min(78vh, 720px) !important;
    border-radius: 0 0 12px 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

/* ==========================================================================
   Fase 3 — frete grátis + cupom no minicart
   ========================================================================== */

.minicart-wrapper .block-minicart .awa-free-shipping-bar--minicart {
  padding: 12px 20px !important;
  background: var(--awa-bg-surface, #f8fafc) !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
}

.minicart-wrapper .block-minicart .awa-free-shipping-bar--minicart .awa-free-shipping-bar__message {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  margin: 0 0 8px !important;
}

.minicart-wrapper .block-minicart .awa-free-shipping-bar--minicart .awa-free-shipping-bar__message--success {
  color: #15803d !important;
}

.minicart-wrapper .block-minicart .awa-free-shipping-bar--minicart .awa-free-shipping-bar__track {
  height: 5px !important;
  background: var(--awa-border, #e8e8e8) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.minicart-wrapper .block-minicart .awa-free-shipping-bar--minicart .awa-free-shipping-bar__fill {
  height: 100% !important;
  background: linear-gradient(90deg, var(--awa-primary, #b73337), #e05a5e) !important;
  border-radius: 999px !important;
  transition: width 0.35s ease !important;
  min-width: 4px !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon {
  padding: 10px 20px 12px !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  background: #fff !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__row {
  display: flex !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__input {
  flex: 1 !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  color: var(--awa-text, #333) !important;
  background: #fff !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__input:focus {
  outline: none !important;
  border-color: var(--awa-primary, #b73337) !important;
  box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.12) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__btn {
  flex-shrink: 0 !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  border: none !important;
  font-family: inherit !important;
  transition: background-color 0.15s, color 0.15s !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__btn--apply {
  background: var(--awa-primary, #b73337) !important;
  color: #fff !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__btn--apply:hover {
  background: var(--awa-primary-dark, #8e2629) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__btn--remove {
  background: var(--awa-bg-surface, #f5f5f5) !important;
  color: var(--awa-text-muted, #666) !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__feedback {
  margin: 6px 0 0 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__feedback--success {
  color: #15803d !important;
}

.minicart-wrapper .block-minicart .awa-minicart-coupon__feedback--error {
  color: var(--awa-primary, #b73337) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-b2b-trust,
.minicart-wrapper .block-minicart .awa-minicart-b2b-trust__inner {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.minicart-wrapper .block-minicart .awa-minicart-b2b-cnpj {
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  letter-spacing: 0.02em !important;
}

@media (prefers-reduced-motion: reduce) {
  .minicart-wrapper .block-minicart .awa-free-shipping-bar--minicart .awa-free-shipping-bar__fill {
    transition: none !important;
  }
}

/* ==========================================================================
   5. RESPONSIVO — checkout mobile
   ========================================================================== */

/* ==========================================================================
   Trigger do carrinho — hover effect limpo
   ========================================================================== */

/* Header: ícone clicável alinhado (VB-32 usava left:-44px e quebrava hit area) */
#html-body .page-wrapper .awa-site-header .awa-header-right-col .minicart-wrapper .showcart.header-mini-cart,
#html-body .page-wrapper .awa-site-header .awa-header-minicart .minicart-wrapper .showcart.header-mini-cart {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

#html-body .page-wrapper .awa-site-header .awa-header-cart-fallback,
#html-body .page-wrapper .awa-site-header .awa-header-minicart .awa-header-cart-fallback {
  pointer-events: none !important;
}

/* Trigger — touch target 44px + sem delay de tap (ui-ux-pro-max) */
.minicart-wrapper .showcart.header-mini-cart.awa-minicart-trigger {
  touch-action: manipulation;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* Ícone SVG inline no trigger — sem scale (evita “pulo” visual, ui-ux-pro-max) */
.minicart-wrapper .showcart.header-mini-cart .awa-minicart-icon {
  display: block !important;
  transition: stroke 0.18s ease, opacity 0.18s ease !important;
  stroke: currentColor !important;
  opacity: 0.94 !important;
}

.minicart-wrapper .showcart.header-mini-cart:hover,
.minicart-wrapper .showcart.header-mini-cart:focus-visible {
  background: var(--awa-primary-subtle, rgb(183 51 55 / 8%)) !important;
  border-radius: var(--awa-radius-md, 8px) !important;
}

.minicart-wrapper .showcart.header-mini-cart:hover .awa-minicart-icon,
.minicart-wrapper .showcart.header-mini-cart:focus-visible .awa-minicart-icon,
.minicart-wrapper .showcart.header-mini-cart.is-open .awa-minicart-icon {
  opacity: 1 !important;
}

.minicart-wrapper .showcart.header-mini-cart.is-open {
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
}

/* Badge de quantidade no ícone — tipografia tabular + pill */
.minicart-wrapper .showcart.header-mini-cart .counter.qty:not(.empty),
.minicart-wrapper .showcart.header-mini-cart .counter.qty:not(.empty) .total-mini-cart-item {
  font-variant-numeric: tabular-nums !important;
}

.minicart-wrapper .showcart.header-mini-cart .counter.qty:not(.empty) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  padding: 2px 6px !important;
  margin-left: 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  border-radius: 999px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 3px rgb(15 23 42 / 18%) !important;
}

.minicart-wrapper .showcart.header-mini-cart:focus-visible {
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 3px !important;
  border-radius: 6px !important;
}

/* ==========================================================================
   Footer do painel — continuar comprando + trust badge
   ========================================================================== */

.minicart-wrapper .block-minicart .awa-minicart-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 20px 14px !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  background: #fafafa !important;
}

.minicart-wrapper.awa-minicart-modern .block-minicart .awa-minicart-footer {
  border-top-color: var(--awa-mc-border, #e2e8f0) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--awa-mc-surface, #f8fafc) 100%) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-continue {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: none !important;
  border: none !important;
  padding: 5px 8px !important;
  font-size: 12px !important;
  color: var(--awa-text-muted, #888) !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  transition: color 0.15s, background-color 0.15s !important;
  line-height: 1 !important;
  font-family: inherit !important;
}

.minicart-wrapper .block-minicart .awa-minicart-continue:focus-visible {
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}

.minicart-wrapper .block-minicart .awa-minicart-continue svg {
  flex-shrink: 0 !important;
  transition: transform 0.15s !important;
}

.minicart-wrapper .block-minicart .awa-minicart-continue:hover {
  color: var(--awa-text, #333) !important;
  background: var(--awa-border, #e8e8e8) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-continue:hover svg {
  transform: translateX(-2px) !important;
}

.minicart-wrapper .block-minicart .awa-minicart-b2b-trust {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  color: var(--awa-text-muted, #999) !important;
  opacity: 0.8 !important;
  line-height: 1.4 !important;
}

.minicart-wrapper .block-minicart .awa-minicart-b2b-trust svg {
  flex-shrink: 0 !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  opacity: 0.7 !important;
}

.minicart-wrapper.awa-minicart-modern .block-minicart .awa-minicart-b2b-trust {
  color: var(--awa-mc-ink-muted, #475569) !important;
  opacity: 0.95 !important;
}

/* ==========================================================================
   Animação de entrada do painel (fallback CSS puro além do LESS)
   ========================================================================== */

@keyframes awa-minicart-drop-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.minicart-wrapper.is-open .block-minicart {
  animation: awa-minicart-drop-in 0.18s ease-out both !important;
}

@media (prefers-reduced-motion: reduce) {
  .minicart-wrapper.is-open .block-minicart {
    animation: none !important;
  }
}

/* Mobile drawer — backdrop escuro atrás do painel */
@media (max-width: 991px) {
  #html-body .page-wrapper .minicart-wrapper.is-open::after {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: calc(var(--awa-z-minicart, 1300) - 1);
    pointer-events: auto;
    animation: awa-minicart-backdrop-in 0.2s ease-out both;
  }

  #html-body .page-wrapper .minicart-wrapper.is-open .block-minicart {
    z-index: var(--awa-z-minicart, 1300) !important;
  }
}

@keyframes awa-minicart-backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #html-body .page-wrapper .minicart-wrapper.is-open::after {
    animation: none;
  }

  .minicart-wrapper.is-open .block-minicart {
    animation: none !important;
  }

  .minicart-wrapper .showcart.header-mini-cart .awa-minicart-icon {
    transition: none !important;
  }

  .minicart-wrapper .block-minicart .awa-minicart-continue svg {
    transition: none !important;
  }
}

/* Bloqueia scroll do body quando drawer mobile está aberto */
html.awa-minicart-open,
body.awa-minicart-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

@media (max-width: 767px) {
  /* Minicart menor no mobile */
  .minicart-wrapper .block-minicart {
    min-width: 280px !important;
    max-width: calc(100vw - 32px) !important;
  }

  /* Carrinho mobile: layout em cards (cart-checkout-premium.css) — sem min-width fixo */
  body.checkout-cart-index .cart.table-wrapper {
    overflow-x: visible !important;
    max-width: 100% !important;
  }

  body.checkout-cart-index .cart.table-wrapper table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Resumo do carrinho — abaixo da tabela */
  body.checkout-cart-index .cart-summary {
    padding: 16px !important;
  }

  /* Checkout mobile — steps empilhados */
  .opc-wrapper .step-title {
    padding: 16px !important;
    font-size: 15px !important;
  }

  .checkout-shipping-address .step-content,
  .checkout-shipping-method .step-content,
  .checkout-payment-method .step-content {
    padding: 16px !important;
  }

  .shipping-address-items {
    grid-template-columns: 1fr !important;
  }

  /* Progress bar mobile — só ícones */
  .opc-progress-bar-item > span > span {
    display: none !important;
  }

  .opc-progress-bar-item::after {
    min-width: 20px !important;
  }

  /* Página de sucesso */
  body.checkout-onepage-success .page-main,
  body.checkout-success .page-main {
    padding: 32px 16px 48px !important;
    text-align: center !important;
  }
}

/* ===== awa-account-pages.css ===== */
/**
 * AWA Motos — Área de Conta do Cliente
 * Cobre: dashboard, pedidos, endereços, dados da conta, wishlist, comparar.
 * Paleta oficial: --awa-red var(--awa-primary) / --awa-red-dark #8e2629 / branco.
 */

/* ==========================================================================
   TOKENS LOCAIS
   ========================================================================== */

:root {
  --awa-account-sidebar-w: 240px;
  --awa-account-gap:       28px;
}

/* ==========================================================================
   1. LAYOUT BASE — sidebar + conteúdo
   ========================================================================== */

.customer-account .page-main,
.sales-order-history .page-main,
.sales-order-view .page-main,
.customer-address-index .page-main,
.customer-address-form .page-main,
.wishlist-index-index .page-main {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding-top: 24px !important;
  padding-bottom: 48px !important;
}

/* Grid: sidebar esquerda + conteúdo */
.customer-account .page-layout-2columns-left .columns,
.sales-order-history .columns,
.sales-order-view .columns,
.customer-address-index .columns,
.wishlist-index-index .columns {
  display: grid !important;
  grid-template-columns: var(--awa-account-sidebar-w) 1fr !important;
  gap: var(--awa-account-gap) !important;
  align-items: start !important;
}

@media (max-width: 767px) {
  .customer-account .page-layout-2columns-left .columns,
  .sales-order-history .columns,
  .sales-order-view .columns,
  .customer-address-index .columns,
  .wishlist-index-index .columns {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   2. SIDEBAR DE NAVEGAÇÃO DA CONTA
   ========================================================================== */

.block.block-collapsible-nav,
.account .sidebar-main .block {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 100px !important;
}

/* Título "Minha Conta" */
.block-collapsible-nav .block-title,
.block-collapsible-nav-title {
  background: var(--awa-red, var(--awa-primary)) !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: default !important;
}

.block-collapsible-nav .block-title strong,
.block-collapsible-nav-title strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Lista de links */
.block-collapsible-nav .block-content,
.block-collapsible-nav-content {
  padding: 8px 0 !important;
}

.block-collapsible-nav li,
.block-collapsible-nav-content li {
  list-style: none !important;
  margin: 0 !important;
}

.block-collapsible-nav li a,
.block-collapsible-nav-content li a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  color: var(--awa-text, #444) !important;
  text-decoration: none !important;
  transition: background-color 0.12s, color 0.12s !important;
  position: relative !important;
}

.block-collapsible-nav li a:hover,
.block-collapsible-nav-content li a:hover {
  background: #fef2f2 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Link ativo */
.block-collapsible-nav li.current a,
.block-collapsible-nav-content li.current a,
.block-collapsible-nav li._current a {
  background: #fef2f2 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
}

.block-collapsible-nav li.current a::before,
.block-collapsible-nav-content li.current a::before,
.block-collapsible-nav li._current a::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  bottom: 6px !important;
  width: 3px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-radius: 0 3px 3px 0 !important;
}

/* Separador de grupo */
.block-collapsible-nav li.delimiter {
  height: 1px !important;
  background: var(--awa-border, #e8e8e8) !important;
  margin: 6px 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   3. CABEÇALHO DAS PÁGINAS DE CONTA
   ========================================================================== */

.customer-account .page-title-wrapper,
.sales-order-history .page-title-wrapper,
.sales-order-view .page-title-wrapper,
.customer-address-index .page-title-wrapper,
.wishlist-index-index .page-title-wrapper {
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid var(--awa-red, var(--awa-primary)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.customer-account .page-title,
.sales-order-history .page-title,
.sales-order-view .page-title {
  font-size: clamp(20px, 2.5vw, 26px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--awa-text, #333) !important;
  margin: 0 !important;
}

/* ==========================================================================
   4. DASHBOARD — blocos de resumo
   ========================================================================== */

/* Grid de 2 colunas */
.customer-account-index .column.main {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

@media (max-width: 640px) {
  .customer-account-index .column.main {
    grid-template-columns: 1fr !important;
  }
}

/* Card de bloco */
.customer-account-index .block {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: box-shadow 0.15s !important;
}

.customer-account-index .block:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}

/* Título do bloco */
.customer-account-index .block-title {
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #fafafa !important;
}

.customer-account-index .block-title strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Link "Editar" no título */
.customer-account-index .block-title a,
.customer-account-index .block-title .action {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.15s !important;
}

.customer-account-index .block-title a:hover {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
}

/* Conteúdo do bloco */
.customer-account-index .block-content {
  padding: 16px 20px !important;
  font-size: 14px !important;
  color: var(--awa-text, #444) !important;
  line-height: 1.7 !important;
}

/* ==========================================================================
   5. HISTÓRICO DE PEDIDOS — tabela
   ========================================================================== */

.sales-order-history .orders-history,
.account .orders-history {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.sales-order-history .table-order-items thead th,
.account .orders-history thead th {
  background: #fafafa !important;
  padding: 14px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--awa-text-muted, #666) !important;
  border-bottom: 2px solid var(--awa-border, #e8e8e8) !important;
  white-space: nowrap !important;
}

.sales-order-history .table-order-items tbody tr,
.account .orders-history tbody tr {
  transition: background-color 0.12s !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
}

.sales-order-history .table-order-items tbody tr:last-child,
.account .orders-history tbody tr:last-child {
  border-bottom: none !important;
}

.sales-order-history .table-order-items tbody tr:hover,
.account .orders-history tbody tr:hover {
  background: #fafafa !important;
}

.sales-order-history .table-order-items tbody td,
.account .orders-history tbody td {
  padding: 14px 16px !important;
  font-size: 14px !important;
  color: var(--awa-text, #333) !important;
  vertical-align: middle !important;
}

/* Número do pedido — link */
.sales-order-history .table-order-items .id a,
.account .orders-history .id a {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.sales-order-history .table-order-items .id a:hover,
.account .orders-history .id a:hover {
  text-decoration: underline !important;
}

/* Status badge */
.sales-order-history .table-order-items .status,
.account .orders-history .status {
  font-weight: 600 !important;
}

.order-status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* Cores por status */
.order-status[class*="complete"],
.order-status[class*="delivered"],
.status-complete { background: #f0fdf4 !important; color: #16a34a !important; }

.order-status[class*="pending"],
.order-status[class*="processing"],
.status-pending,
.status-processing { background: #fffbeb !important; color: #d97706 !important; }

.order-status[class*="cancel"],
.status-canceled { background: #fef2f2 !important; color: var(--awa-red, var(--awa-primary)) !important; }

.order-status[class*="holded"],
.status-holded { background: #eff6ff !important; color: var(--awa-info, #2563eb) !important; }

/* Ações (Ver, Reordenar) */
.sales-order-history .table-order-items .actions a,
.account .orders-history .actions a {
  font-size: 13px !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-right: 12px !important;
  white-space: nowrap !important;
}

.sales-order-history .table-order-items .actions a:hover,
.account .orders-history .actions a:hover {
  text-decoration: underline !important;
}

/* ==========================================================================
   6. DETALHE DO PEDIDO
   ========================================================================== */

/* Info do pedido (data, status, método de pagamento) */
.sales-order-view .order-details-items,
.sales-order-view .block-order-details-view {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
}

.sales-order-view .order-details-items .block-title,
.sales-order-view .block-order-details-view .block-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--awa-red, var(--awa-primary)) !important;
}

/* Grid de informações */
.sales-order-view .block-order-details-view .block-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px !important;
}

.sales-order-view .block-order-details-view .box {
  background: #fafafa !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  padding: 14px !important;
}

.sales-order-view .box-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--awa-text-muted, #666) !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.sales-order-view .box-content {
  font-size: 13px !important;
  color: var(--awa-text, #444) !important;
  line-height: 1.6 !important;
}

/* Tabela de itens do pedido */
.sales-order-view .table-order-items thead th {
  background: #fafafa !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--awa-text-muted, #666) !important;
  border-bottom: 2px solid var(--awa-border, #e8e8e8) !important;
}

.sales-order-view .table-order-items tbody td {
  padding: 16px !important;
  font-size: 14px !important;
  color: var(--awa-text, #333) !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  vertical-align: middle !important;
}

.sales-order-view .table-order-items .col.name .product.name a {
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
}

.sales-order-view .table-order-items .col.name .product.name a:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

.sales-order-view .table-order-items .col.price .price,
.sales-order-view .table-order-items .col.subtotal .price {
  font-weight: 700 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Totais */
.sales-order-view .order-details-items tfoot tr {
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
}

.sales-order-view .order-details-items tfoot .mark {
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
  padding: 8px 16px !important;
}

.sales-order-view .order-details-items tfoot .amount .price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
}

.sales-order-view .order-details-items tfoot .grand_total .mark,
.sales-order-view .order-details-items tfoot .grand_total .amount .price {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Botão reordenar */
.sales-order-view .action.order,
.sales-order-view .action.reorder {
  min-height: 44px !important;
  padding: 0 24px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  transition: background-color 0.15s !important;
}

.sales-order-view .action.order:hover,
.sales-order-view .action.reorder:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
}

.sales-order-view .action.print {
  min-height: 44px !important;
  padding: 0 20px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #555) !important;
  background: #ffffff !important;
  transition: border-color 0.15s, color 0.15s !important;
}

.sales-order-view .action.print:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   7. ENDEREÇOS
   ========================================================================== */

.customer-address-index .additional-addresses {
  background: #ffffff !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Grid de cards de endereço */
.customer-address-index .block-addresses-default .block-content,
.customer-address-index .block-addresses-list .block-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  padding: 20px !important;
}

/* Card de endereço */
.customer-address-index .item.addresses {
  background: #fafafa !important;
  border: 2px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  font-size: 13px !important;
  color: var(--awa-text, #444) !important;
  line-height: 1.7 !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.customer-address-index .item.addresses:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  box-shadow: 0 4px 12px rgba(183,51,55,0.08) !important;
}

.customer-address-index .item.addresses address {
  font-style: normal !important;
}

/* Ações do endereço */
.customer-address-index .item.actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
}

.customer-address-index .item.actions a {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  text-decoration: none !important;
}

.customer-address-index .item.actions a:hover {
  text-decoration: underline !important;
}

/* Botão "Adicionar Endereço" */
.customer-address-index .action.add,
.customer-address-form .action.submit {
  min-height: 44px !important;
  padding: 0 24px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  transition: background-color 0.15s !important;
}

.customer-address-index .action.add:hover,
.customer-address-form .action.submit:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
}

/* ==========================================================================
   8. WISHLIST (Lista de Desejos)
   ========================================================================== */

.wishlist-index-index .products-grid .product-item {
  position: relative !important;
}

/* Botão remover da wishlist */
.wishlist-index-index .btn-remove,
.wishlist-index-index .action.delete {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.90) !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #cccccc !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
  z-index: 2 !important;
  text-decoration: none !important;
}

.wishlist-index-index .btn-remove:hover,
.wishlist-index-index .action.delete:hover {
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

/* Comentário / nota do item */
.wishlist-index-index .box-tocart .fieldset {
  margin-bottom: 8px !important;
}

.wishlist-index-index .product-item-comment textarea {
  width: 100% !important;
  min-height: 60px !important;
  font-size: 12px !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 6px !important;
  padding: 8px !important;
  resize: vertical !important;
  transition: border-color 0.15s !important;
}

.wishlist-index-index .product-item-comment textarea:focus {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  outline: none !important;
}

/* Ações em massa (update all, share) */
.wishlist-index-index .actions-toolbar {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
}

.wishlist-index-index .action.update,
.wishlist-index-index .action.share {
  min-height: 40px !important;
  padding: 0 20px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #555) !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: border-color 0.15s, color 0.15s !important;
}

.wishlist-index-index .action.update:hover,
.wishlist-index-index .action.share:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Estado vazio da wishlist */
.wishlist-index-index .message.info.empty {
  text-align: center !important;
  padding: 60px 20px !important;
  background: #fafafa !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 12px !important;
  color: var(--awa-text-muted, #666) !important;
  font-size: 15px !important;
}

/* ==========================================================================
   9. COMPARAR PRODUTOS
   ========================================================================== */

.catalog-product_compare-index .page-main {
  max-width: 1400px !important;
  overflow-x: auto !important;
}

.catalog-product_compare-index .table-comparison {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  min-width: 600px !important;
}

.catalog-product_compare-index .table-comparison th,
.catalog-product_compare-index .table-comparison td {
  padding: 14px 16px !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  font-size: 13px !important;
  vertical-align: top !important;
}

/* Cabeçalho de atributo */
.catalog-product_compare-index .table-comparison .cell.label {
  background: #fafafa !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  white-space: nowrap !important;
  width: 160px !important;
}

/* Coluna de produto */
.catalog-product_compare-index .table-comparison .cell.product {
  background: #ffffff !important;
  text-align: center !important;
}

.catalog-product_compare-index .table-comparison .cell.product .product-item-name a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
}

.catalog-product_compare-index .table-comparison .cell.product .product-item-name a:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

.catalog-product_compare-index .table-comparison .cell.product .price {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Botão remover da comparação */
.catalog-product_compare-index .action.delete {
  color: #cccccc !important;
  font-size: 18px !important;
  transition: color 0.15s !important;
}

.catalog-product_compare-index .action.delete:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Botão "Limpar Tudo" */
.catalog-product_compare-index .action.clear {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.15s !important;
}

.catalog-product_compare-index .action.clear:hover {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   10. BOTÃO DE WISHLIST NOS CARDS DE PRODUTO
   (coração nos cards da PLP e homepage)
   ========================================================================== */

.product-item .action.towishlist,
.product-item-actions .action.towishlist {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.90) !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  color: #cccccc !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
  text-decoration: none !important;
}

.product-item .action.towishlist:hover,
.product-item-actions .action.towishlist:hover {
  background: #fef2f2 !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Wishlist ativa */
.product-item .action.towishlist._active,
.product-item .action.towishlist.active {
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   11. MOBILE — ajustes responsivos
   ========================================================================== */

@media (max-width: 767px) {
  /* Sidebar vira horizontal/dropdown */
  .block-collapsible-nav,
  .account .sidebar-main .block {
    position: static !important;
    border-radius: 8px !important;
    margin-bottom: 16px !important;
  }

  /* Dashboard em coluna única */
  .customer-account-index .column.main {
    grid-template-columns: 1fr !important;
  }

  /* Tabela de pedidos com scroll */
  .sales-order-history .table-order-items,
  .sales-order-view .table-order-items {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    min-width: 100% !important;
  }

  .sales-order-history .table-order-items table,
  .sales-order-view .table-order-items table {
    min-width: 560px !important;
  }

  /* Endereços em coluna única */
  .customer-address-index .block-addresses-default .block-content,
  .customer-address-index .block-addresses-list .block-content {
    grid-template-columns: 1fr !important;
  }

  /* Comparação com scroll */
  .catalog-product_compare-index .page-main {
    padding-inline: 0 !important;
  }
}

/* ===== awa-modern-2026.css ===== */
/**
 * AWA Motos — Modernização Global 2026
 * Corrige bugs visuais remanescentes (auditorias 2026-05-06 / 2026-05-07)
 * e aplica polish moderno em todos os componentes.
 * Paleta: --awa-red var(--awa-primary) / --awa-red-dark #8e2629 / branco.
 */

/* ==========================================================================
   1. GLOBAL — scroll suave, seleção, scrollbar
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

::selection {
  background: var(--awa-red, var(--awa-primary));
  color: #ffffff;
}

/* Alinhado com awa-design-tokens + bugfix pack (#3): 6px, track tokenizado, thumb pill */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--awa-bg-alt, var(--awa-gray-100, #f5f5f5));
  border-radius: var(--awa-radius-pill, 9999px);
}

::-webkit-scrollbar-thumb {
  background: var(--awa-gray-300, #cccccc);
  border-radius: var(--awa-radius-pill, 9999px);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--awa-gray-430, #999999);
}

/* Focus ring global — acessibilidade AWA */
:focus-visible {
  outline: 2px solid var(--awa-red, var(--awa-primary)) !important;
  outline-offset: 2px !important;
}

/* ==========================================================================
   2. TIPOGRAFIA — escala canônica (resolve 40/21/24px H2, 4 tamanhos H3)
   ========================================================================== */

.page-main h1,
.column.main h1 {
  font-size: clamp(22px, 2.5vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: var(--awa-text, #333) !important;
}

/* H2 nas seções da home e catálogo — canonical */
.awa-home-section h2,
.awa-carousel-section h2,
.top-home-content h2,
.page-main h2,
.column.main h2 {
  font-size: clamp(18px, 1.8vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--awa-text, #333) !important;
}

/* H3 canonical */
.page-main h3,
.column.main h3,
.awa-home-section h3,
.awa-carousel-section h3 {
  font-size: clamp(15px, 1.4vw, 18px) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--awa-text, #333) !important;
}

/* Título de página (.page-title) */
.page-title-wrapper .page-title {
  font-size: clamp(20px, 2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 4px !important;
}

/* ==========================================================================
   3. BREADCRUMBS — definição canônica (conflito entre 4 arquivos)
   ========================================================================== */

.breadcrumbs {
  padding: 12px 0 !important;
  margin-bottom: 8px !important;
}

.breadcrumbs .items {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.breadcrumbs .item {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
  line-height: 1.4 !important;
}

/* Separador "/" entre itens */
.breadcrumbs .item:not(:last-child)::after {
  content: '/' !important;
  margin-left: 4px !important;
  color: #cccccc !important;
  font-weight: 300 !important;
}

.breadcrumbs .item a {
  color: var(--awa-red, var(--awa-primary)) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.breadcrumbs .item a:hover {
  color: var(--awa-red-dark, #8e2629) !important;
  text-decoration: underline !important;
}

/* Item atual (último) — não é link */
.breadcrumbs .item strong {
  font-weight: 500 !important;
  color: var(--awa-text-muted, #666) !important;
}

/* ==========================================================================
   4. BARRA B2B — faixa de incentivo ao cadastro (logo abaixo do menu)
   ========================================================================== */

.awa-b2b-register-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 20px !important;
  background: color-mix(in srgb, var(--awa-red, var(--awa-primary)) 8%, transparent) !important;
  background-color: #fdf0f0 !important; /* fallback sem color-mix */
  border-bottom: 1px solid color-mix(in srgb, var(--awa-red, var(--awa-primary)) 20%, transparent) !important;
  border-bottom-color: #f5c6c7 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  flex-wrap: wrap !important;
}

.awa-b2b-register-bar__icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  display: flex !important;
  align-items: center !important;
}

.awa-b2b-register-bar__icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke: var(--awa-red, var(--awa-primary)) !important;
}

.awa-b2b-register-bar__text {
  flex: 1 !important;
  color: #6b2224 !important;
  min-width: 180px !important;
}

.awa-b2b-register-bar__actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
  flex-wrap: wrap !important;
}

.awa-b2b-register-bar__btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 16px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 0.15s !important;
  line-height: 1.4 !important;
}

.awa-b2b-register-bar__btn:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  color: #ffffff !important;
}

.awa-b2b-register-bar__link {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.15s !important;
}

.awa-b2b-register-bar__link:hover {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red-dark, #8e2629) !important;
}

/* ==========================================================================
   5. COOKIE BANNER — moderno e limpo
   ========================================================================== */

/* #awa-cookie-banner: estilos em awa-cookie-consent-fix + §H14 terminal (não barra full-width z:9500) */
.awa-cookie-banner,
.cookie-banner,
.cookie-notice {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9500 !important;
  background: #ffffff !important;
  border-top: 3px solid var(--awa-red, var(--awa-primary)) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.10) !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  font-size: 13px !important;
  color: var(--awa-text, #333) !important;
}

.awa-cookie-banner p,
.cookie-banner p,
.cookie-notice p {
  margin: 0 !important;
  flex: 1 !important;
  min-width: 200px !important;
  font-size: 13px !important;
  color: var(--awa-text-muted, #555) !important;
}

.awa-cookie-banner a,
.cookie-banner a {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 500 !important;
}

#awa-cookie-accept,
.awa-cookie-banner__btn--accept,
.cookie-btn-accept,
#btn-cookie-allow {
  display: inline-flex !important;
  align-items: center !important;
  padding: 9px 20px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background-color 0.15s !important;
  flex-shrink: 0 !important;
}

#awa-cookie-accept:hover,
.awa-cookie-banner__btn--accept:hover,
.cookie-btn-accept:hover,
#btn-cookie-allow:hover {
  background: var(--awa-red-dark, #8e2629) !important;
}

/* ==========================================================================
   6. MENSAGENS FLASH (Magento — sucesso, erro, aviso, informação)
   ========================================================================== */

.page.messages .messages {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.message {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border: 1px solid transparent !important;
}

.message.success,
.message-success {
  background: #f0fdf4 !important;
  border-color: color-mix(in srgb, #16a34a 30%, transparent) !important;
  color: #166534 !important;
}

.message.error,
.message-error {
  background: #fef2f2 !important;
  border-color: color-mix(in srgb, var(--awa-red, #b73337) 30%, transparent) !important;
  color: #991b1b !important;
}

.message.warning,
.message-notice {
  background: #fffbeb !important;
  border-color: color-mix(in srgb, #d97706 30%, transparent) !important;
  color: #92400e !important;
}

.message.info,
.message-info {
  background: #eff6ff !important;
  border-color: color-mix(in srgb, #0ea5e9 30%, transparent) !important;
  color: #1e3a5f !important;
}

/* ==========================================================================
   7. TOOLBAR PLP — filtros e ordenação modernos
   ========================================================================== */

.toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  margin-bottom: 20px !important;
}

.toolbar.toolbar-products:last-of-type {
  border-bottom: none !important;
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

/* Amount/count */
.toolbar-amount,
.toolbar .toolbar-amount {
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
  margin: 0 !important;
  flex: 1 !important;
}

.toolbar-amount .toolbar-number {
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
}

/* Sorter */
.toolbar-sorter .sorter-label,
.toolbar .sorter-label {
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
  margin-right: 6px !important;
}

.toolbar-sorter select,
.toolbar .sorter-options,
.toolbar-limiter .limiter-options {
  height: 44px !important;
  padding: 0 32px 0 12px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  color: var(--awa-text, #333) !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
  transition: border-color 0.15s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}

.toolbar-sorter select:focus,
.toolbar .sorter-options:focus,
.toolbar-limiter .limiter-options:focus {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  outline: none !important;
}

/* Limiter */
.toolbar-limiter {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: var(--awa-text-muted, #666) !important;
}

/* Botão de modo de visualização (grid/list) */
.modes .mode-icon,
.modes-mode {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 6px !important;
  color: var(--awa-text-muted, #888) !important;
  cursor: pointer !important;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
}

.modes .mode-icon.active,
.modes-mode.active,
.modes-mode._active {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   8. FILTROS SIDEBAR — visual limpo
   ========================================================================== */

.filter-title strong,
.block.filter .block-title strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  letter-spacing: 0.01em !important;
}

.filter-options-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: color 0.15s !important;
}

.filter-options-title:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

.filter-options-item .items {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}

.filter-options-item .item {
  margin-bottom: 6px !important;
}

.filter-options-item .item a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: var(--awa-text, #333) !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  transition: color 0.15s !important;
}

.filter-options-item .item a:hover {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* Active filter */
.filter-current .items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.filter-current .item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  background: color-mix(in srgb, var(--awa-red, var(--awa-primary)) 10%, white) !important;
  background-color: #fdeaea !important;
  border: 1px solid color-mix(in srgb, var(--awa-red, var(--awa-primary)) 30%, white) !important;
  border-color: #f5c6c7 !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  color: #6b2224 !important;
}

.filter-current .remove {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* ==========================================================================
   9. PADDING MAIN — reduz espaçamento excessivo detectado em auditoria
   ========================================================================== */

.page-main {
  padding-top: 0 !important;
}

.page-main .page-title-wrapper {
  padding-top: 20px !important;
  padding-bottom: 4px !important;
}

/* Reduz padding-top excessivo no .column.main (audit: > 80px) */
.page-layout-2columns-left .column.main,
.page-layout-2columns-right .column.main,
.page-layout-1column .column.main {
  padding-top: 0 !important;
}

/* Padding-bottom da página */
.page-main {
  padding-bottom: 48px !important;
}

/* ==========================================================================
   10. CARDS DE PRODUTO — padronizar margin-bottom
   ========================================================================== */

/* Garante margin uniforme (resolve audit: múltiplos margin-bottom) */
.products-grid .product-item,
.products.grid .product-item {
  margin-bottom: 0 !important;
}

/* Card com borda sutil e radius */
.products-grid .product-item-info,
.products.grid .product-item-info {
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

@media (hover: hover) and (pointer: fine) {
  .products-grid .product-item-info:hover,
  .products.grid .product-item-info:hover {
    box-shadow: 0 6px 20px rgba(183, 51, 55, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    border-color: var(--awa-red, var(--awa-primary)) !important;
  }
}

/* Área de texto/detalhes do card — flex-grow para empurrar botão para baixo */
.products-grid .product-item-details,
.products.grid .product-item-details {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 12px 14px !important;
}

/* Nome do produto */
.product-item-name {
  flex: 1 !important;
}

/* Área de preço — push para baixo */
.products-grid .product-item .price-box,
.products.grid .product-item .price-box {
  margin-top: auto !important;
  margin-bottom: 10px !important;
}

/* Botão "Ver Detalhes" / "Adicionar ao Carrinho" */
.products-grid .product-item .action.tocart,
.products.grid .product-item .action.tocart,
.products-grid .product-item .action.primary,
.products.grid .product-item .action.primary {
  width: 100% !important;
  justify-content: center !important;
  margin-top: auto !important;
}

/* ==========================================================================
   11. ESTADO VAZIO — carrinho vazio e sem resultados de busca
   ========================================================================== */

/* Carrinho vazio */
.cart-empty,
.checkout-cart-index .cart-empty {
  text-align: center !important;
  padding: 60px 20px !important;
}

.cart-empty p {
  font-size: 16px !important;
  color: var(--awa-text-muted, #666) !important;
  margin-bottom: 24px !important;
}

/* Sem resultados de busca */
.search.results .message.notice,
.catalogsearch-result-index .message.notice {
  text-align: center !important;
  padding: 48px 20px !important;
  background: #fafafa !important;
  border: 1px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 10px !important;
  color: var(--awa-text-muted, #555) !important;
  font-size: 15px !important;
}

/* ==========================================================================
   12. PÁGINA 404 — visual moderno e branded
   ========================================================================== */

.cms-noroute-index .page-main,
.catalog-noroute-index .page-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 60vh !important;
  text-align: center !important;
  padding: 60px 20px !important;
}

.cms-noroute-index .page-title-wrapper .page-title,
.catalog-noroute-index .page-title-wrapper .page-title {
  font-size: clamp(48px, 8vw, 96px) !important;
  font-weight: 900 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  margin-bottom: 8px !important;
}

.cms-noroute-index .column.main p,
.catalog-noroute-index .column.main p {
  font-size: 16px !important;
  color: var(--awa-text-muted, #666) !important;
  max-width: 440px !important;
  margin: 0 auto 28px !important;
}

.cms-noroute-index .column.main .action.primary,
.catalog-noroute-index .column.main .action.primary {
  min-height: 48px !important;
  padding: 0 32px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   13. BOTÃO VOLTAR AO TOPO
   ========================================================================== */

.back-to-top,
#back-to-top,
.totop,
[data-role="back-to-top"],
.btn-back-to-top {
  position: fixed !important;
  bottom: 88px !important; /* acima do WhatsApp */
  right: 24px !important;
  width: 44px !important;
  height: 44px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 8900 !important;
  box-shadow: 0 4px 12px rgba(183,51,55,0.30) !important;
  transition: background-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
  text-decoration: none !important;
  font-size: 18px !important;
}

.back-to-top:hover,
#back-to-top:hover,
.totop:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(183,51,55,0.36) !important;
}

/* ==========================================================================
   14. FAIXA DE BENEFÍCIOS — trust section
   ========================================================================== */

.awa-benefits {
  border-top: 1px solid var(--awa-border, #e8e8e8) !important;
  border-bottom: 1px solid var(--awa-border, #e8e8e8) !important;
  background: #ffffff !important;
}

.awa-benefits .benefit-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 0 !important;
}

.awa-benefits .benefit-icon {
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
  background: color-mix(in srgb, var(--awa-red, var(--awa-primary)) 10%, white) !important;
  background-color: #fdeaea !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

.awa-benefits .benefit-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

.awa-benefits .benefit-sub,
.awa-benefits .benefit-desc,
.awa-benefits .benefit-text {
  font-size: 12px !important;
  color: var(--awa-text-muted, #666) !important;
  line-height: 1.3 !important;
}

/* ==========================================================================
   15. INPUTS / FORMULÁRIOS — consistent modern style
   ========================================================================== */

/* Todos os inputs do site (não sobrescreve flow-standardization) */
.page-wrapper input[type="text"]:not(.no-modernize),
.page-wrapper input[type="email"]:not(.no-modernize),
.page-wrapper input[type="password"]:not(.no-modernize),
.page-wrapper input[type="tel"]:not(.no-modernize),
.page-wrapper input[type="search"]:not(.no-modernize),
.page-wrapper select:not(.no-modernize),
.page-wrapper textarea:not(.no-modernize) {
  border-radius: 8px !important;
  border-color: var(--awa-border, #e8e8e8) !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.page-wrapper input[type="text"]:not(.no-modernize):focus,
.page-wrapper input[type="email"]:not(.no-modernize):focus,
.page-wrapper input[type="password"]:not(.no-modernize):focus,
.page-wrapper input[type="tel"]:not(.no-modernize):focus,
.page-wrapper textarea:not(.no-modernize):focus {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  box-shadow: 0 0 0 3px rgba(183,51,55,0.12) !important;
  outline: none !important;
}

/* Labels */
.page-wrapper .field .label,
.page-wrapper label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 4px !important;
}

/* Campo de erro */
.page-wrapper .field.error input,
.page-wrapper .field._error input {
  border-color: var(--awa-red, var(--awa-primary)) !important;
}

.page-wrapper .field-error,
.page-wrapper .mage-error {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* ==========================================================================
   16. LOADING SKELETON — placeholder enquanto carrega
   ========================================================================== */

@keyframes awa-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.awa-skeleton,
.product-item-photo.loading,
.owl-carousel:not(.owl-loaded) .product-item-photo {
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%) !important;
  background-size: 200% 100% !important;
  animation: awa-shimmer 1.4s ease infinite !important;
  border-radius: 8px !important;
}

/* ==========================================================================
   17. BADGES / LABELS DE PRODUTO
   ========================================================================== */

.product-label,
.product-badge,
[class*="product-label-"],
.new-label,
.sale-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* Label "Novo" */
.new-label,
.label-new {
  background: #16a34a !important;
  color: #ffffff !important;
}

/* Label "Promoção" */
.sale-label,
.label-sale {
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   18. PAGINAÇÃO — reforço de estilos (complementa _awa-improvements.less)
   ========================================================================== */

.pages {
  display: flex !important;
  justify-content: center !important;
  margin: 28px 0 !important;
}

.pages .pages-items {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pages .item {
  display: flex !important;
}

.pages .item a,
.pages .item strong.page {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
}

.pages .item a {
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  color: var(--awa-text, #333) !important;
}

.pages .item a:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  background: color-mix(in srgb, var(--awa-red, var(--awa-primary)) 6%, white) !important;
  background-color: #fef4f4 !important;
}

.pages .item.current strong.page {
  background: var(--awa-red, var(--awa-primary)) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(183,51,55,0.25) !important;
}

/* Seta prev/next */
.pages .action.previous,
.pages .action.next {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1.5px solid var(--awa-border, #e8e8e8) !important;
  border-radius: 8px !important;
  color: var(--awa-text-muted, #666) !important;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
}

.pages .action.previous:hover,
.pages .action.next:hover {
  border-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   19. MOBILE — melhorias gerais ≤ 767px
   ========================================================================== */

@media (max-width: 767px) {
  /* Título de página */
  .page-title-wrapper .page-title {
    font-size: 20px !important;
  }

  /* Toolbar em coluna no mobile */
  .toolbar {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 0 !important;
  }

  .toolbar-amount {
    width: 100% !important;
  }

  /* B2B bar compacto no mobile */
  .awa-b2b-register-bar {
    padding: 10px 16px !important;
    gap: 8px !important;
    font-size: 12px !important;
  }

  .awa-b2b-register-bar__icon {
    display: none !important;
  }

  .awa-b2b-register-bar__actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  /* Cookie banner */
  .awa-cookie-banner,
  #awa-cookie-banner {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }

  /* Back-to-top posição mobile */
  .back-to-top,
  #back-to-top,
  .totop {
    bottom: 80px !important;
    right: 16px !important;
    width: 40px !important;
    height: 40px !important;
  }

  /* Paginação mobile */
  .pages .item a,
  .pages .item strong.page {
    min-width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
  }
}

/* ==========================================================================
   20. NORMALIZAÇÃO DE CONTAINERS (resolve 7 larguras diferentes)
   ========================================================================== */

/* Todas as seções usam max-width 1400px + padding 20px */
.page-main > .page-title-wrapper,
.page-main > .columns,
.columns {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Não duplicar padding se já tem .container pai */
.container .page-title-wrapper,
.container .columns {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   21. CAROUSEL DE CATEGORIAS — fix cascade conflict C3
   (awa-super-global.css usa calc(), awa-layout-bundle.css usa 140px!important)
   Este arquivo carrega por último → define o valor final autoritativo.
   ========================================================================== */

.awa-category-carousel__item {
  width: 140px !important;
  min-height: 180px !important;
  flex-shrink: 0 !important;
}

/* Evita reflow aplicando conteúdo image */
.awa-category-carousel__item img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ==========================================================================
   22. PDP — página de produto
   ========================================================================== */

/* Hierarquia tipográfica no mobile (audit: H2 = H1 = 20px) */
@media (max-width: 767px) {
  .catalog-product-view .page-title-wrapper .page-title {
    font-size: clamp(18px, 4.5vw, 24px) !important;
    line-height: 1.3 !important;
  }

  .catalog-product-view .product.info.detailed h2,
  .catalog-product-view .product-info-main h2,
  .catalog-product-view .block-title strong {
    font-size: clamp(14px, 3.5vw, 17px) !important;
  }
}

/* Botão "Adicionar ao Carrinho" — destaque visual na PDP */
.catalog-product-view .action.tocart.primary {
  min-height: 52px !important;
  padding: 0 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
  letter-spacing: 0.01em !important;
  transition: background-color 0.15s, transform 0.1s !important;
}

.catalog-product-view .action.tocart.primary:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
  transform: translateY(-1px) !important;
}

/* Preço na PDP — destaque */
.catalog-product-view .price-box .price {
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 800 !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  line-height: 1.1 !important;
}

.catalog-product-view .price-box .old-price .price {
  font-size: clamp(14px, 1.8vw, 18px) !important;
  font-weight: 400 !important;
  color: var(--awa-text-muted, #888) !important;
}

/* Gallery thumbnail — borda no active */
.fotorama__thumb-border {
  border-color: var(--awa-red, var(--awa-primary)) !important;
}

/* Aba de descrição */
.product.info.detailed .data.item.title.active > a,
.product.info.detailed .data.item.title.active .switch {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
  color: var(--awa-red, var(--awa-primary)) !important;
  font-weight: 700 !important;
}

.product.info.detailed .data.item.title > a,
.product.info.detailed .data.item.title .switch {
  font-size: 14px !important;
  padding: 12px 20px !important;
  transition: color 0.15s !important;
}

.product.info.detailed .data.item.title:hover > a,
.product.info.detailed .data.item.title:hover .switch {
  color: var(--awa-red, var(--awa-primary)) !important;
}

/* ==========================================================================
   23. CONTA / LOGIN / REGISTER — pages de autenticação
   ========================================================================== */

/* Centralizar o bloco de login/register */
.customer-account-login .page-main,
.customer-account-create .page-main,
.customer-account-forgotpassword .page-main {
  max-width: 960px !important;
}

/* Títulos dos blocos */
.block-customer-login .block-title,
.block.block-new-customer .block-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--awa-red, var(--awa-primary)) !important;
}

/* Botão primário de login */
.customer-account-login .action.login.primary,
.customer-account-create .action.submit.primary,
.customer-account-forgotpassword .action.submit.primary {
  min-height: 48px !important;
  padding: 0 32px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  background: var(--awa-red, var(--awa-primary)) !important;
  border-color: var(--awa-red, var(--awa-primary)) !important;
}

.customer-account-login .action.login.primary:hover,
.customer-account-create .action.submit.primary:hover,
.customer-account-forgotpassword .action.submit.primary:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  border-color: var(--awa-red-dark, #8e2629) !important;
}

/* Link "Esqueci minha senha" */
.block-customer-login .action.remind {
  color: var(--awa-red, var(--awa-primary)) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.15s !important;
}

.block-customer-login .action.remind:hover {
  border-bottom-color: var(--awa-red, var(--awa-primary)) !important;
}

/* ===== awa-flow-standardization.css ===== */
/* =============================================================================
 * awa-flow-standardization.css
 * AWA Motos — Padronização visual de fluxos (auth, curriculo, cart, checkout)
 * ============================================================================= */

/* 1) Superfícies e largura padrão dos fluxos principais */
:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) {
    --awa-flow-radius: var(--awa-radius-xl, 16px);
    --awa-flow-border: var(--awa-border, #e5e5e5);
    --awa-flow-shadow: 0 6px 20px rgb(15 23 42 / 6%);
    --awa-flow-max: 1240px;
}

:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) .page-wrapper,
:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) .page-main {
    background: #ffffff !important;
}

:is(body.checkout-cart-index, body.checkout-index-index, body.rokanthemes-onepagecheckout) .page-main,
:is(body.customer-account-login, body.customer-account-create, body.b2b-auth-shell, body.b2b-register-index) .page-main {
    max-width: var(--awa-flow-max);
    margin-inline: auto;
}

/* 2) Cartões e blocos alinhados */
:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status
) :is(
    .block-customer-login,
    .block-new-customer,
    .form-create-account,
    .b2b-login-card,
    .b2b-register-shell,
    .curriculo-intro,
    .curriculo-progress,
    .form.curriculo,
    .curriculo-success-panel,
    .status-check-container
) {
    border-radius: var(--awa-flow-radius) !important;
    border: 1px solid var(--awa-flow-border) !important;
    box-shadow: var(--awa-flow-shadow) !important;
}

:is(body.checkout-cart-index, body.checkout-index-index, body.rokanthemes-onepagecheckout) :is(
    .cart.table-wrapper,
    .cart-summary,
    .opc-wrapper,
    .opc-sidebar,
    .opc-block-summary,
    .checkout-shipping-address,
    .checkout-shipping-method,
    .checkout-payment-method
) {
    border-radius: var(--awa-flow-radius) !important;
    border: 1px solid var(--awa-flow-border) !important;
    box-shadow: var(--awa-flow-shadow) !important;
}

/* 3) Tipografia e espaçamento consistentes */
:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) .page-title-wrapper .page-title {
    margin-bottom: 20px !important;
    letter-spacing: -0.02em;
}

:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) :is(.column.main, .b2b-register-shell-content, .b2b-login-page, .curriculo-wrapper) {
    padding-inline: clamp(12px, 2vw, 20px);
}

/* 4) Campos e botões padronizados */
:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) :is(
    input[type='text'],
    input[type='email'],
    input[type='tel'],
    input[type='password'],
    input[type='number'],
    select,
    textarea
) {
    min-height: 44px;
    border-radius: var(--awa-radius-md, 8px) !important;
}

:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) :is(
    input[type='text'],
    input[type='email'],
    input[type='tel'],
    input[type='password'],
    input[type='number'],
    select,
    textarea
):focus {
    border-color: var(--awa-primary, var(--awa-primary)) !important;
    box-shadow: 0 0 0 3px rgb(183 51 55 / 14%) !important;
}

:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.ayo-curriculo-index-index,
    body.curriculo-index-index,
    body.ayo-curriculo-index-status,
    body.curriculo-index-status,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) :is(
    .action.primary,
    .action.submit,
    .action.login,
    .action.checkout,
    button[type='submit']
) {
    min-height: 48px !important;
    border-radius: var(--awa-radius-lg, 12px) !important;
    font-weight: 700 !important;
}

/* 5) Cart/Checkout alinhamento estrutural */
body.checkout-cart-index .cart-container {
    max-width: var(--awa-flow-max);
    margin-inline: auto;
    gap: clamp(16px, 2.5vw, 28px);
}

body.checkout-index-index .checkout-container,
body.rokanthemes-onepagecheckout .checkout-container {
    max-width: var(--awa-flow-max);
    margin-inline: auto;
    gap: clamp(16px, 2.5vw, 28px);
}

@media (min-width: 992px) {
    body.checkout-index-index .opc-wrapper,
    body.rokanthemes-onepagecheckout .opc-wrapper {
        width: 62% !important;
    }

    body.checkout-index-index .opc-sidebar,
    body.rokanthemes-onepagecheckout .opc-sidebar,
    body.checkout-cart-index .cart-summary {
        width: 36% !important;
        position: sticky !important;
        top: 110px;
    }
}

/* 6) Trabalhe Conosco (Currículo) */
:is(body.ayo-curriculo-index-index, body.curriculo-index-index, body.ayo-curriculo-index-status, body.curriculo-index-status) .page-main {
    max-width: 980px !important;
}

:is(body.ayo-curriculo-index-index, body.curriculo-index-index) .curriculo-wrapper {
    padding-top: clamp(20px, 3vw, 36px);
    padding-bottom: clamp(20px, 3vw, 36px);
}

:is(body.ayo-curriculo-index-index, body.curriculo-index-index) .curriculo-page-header,
:is(body.ayo-curriculo-index-status, body.curriculo-index-status) .status-check-container {
    border-radius: var(--awa-flow-radius);
}

:is(body.ayo-curriculo-index-index, body.curriculo-index-index) .curriculo-grid {
    gap: 16px 16px;
}

/* 7) Responsividade unificada dos fluxos */
@media (max-width: 767px) {
    body.customer-account-login .login-container {
        grid-template-columns: 1fr !important;
    }

    :is(body.b2b-auth-shell, body.b2b-register-index) .b2b-login-page,
    :is(body.b2b-auth-shell, body.b2b-register-index) .b2b-register-page {
        max-width: 100% !important;
        margin: 20px auto !important;
    }

    :is(body.checkout-index-index, body.rokanthemes-onepagecheckout) :is(.opc-wrapper, .opc-sidebar),
    body.checkout-cart-index .cart-summary {
        width: 100% !important;
        position: static !important;
    }
}

/* 8) Ajustes finos de alinhamento entre fluxos (login, b2b, currículo, cart, checkout) */
:is(
    body.customer-account-login,
    body.customer-account-create,
    body.b2b-auth-shell,
    body.b2b-register-index,
    body.curriculo-page,
    body.curriculo-status-page,
    body.checkout-cart-index,
    body.checkout-index-index,
    body.rokanthemes-onepagecheckout
) .page-main {
    padding-top: clamp(12px, 2vw, 24px);
}

/* Login PF + Cadastro PF */
body.customer-account-login .login-container {
    max-width: min(100%, 1120px);
    gap: clamp(18px, 2.6vw, 32px);
}

body.customer-account-login :is(.block-customer-login, .block-new-customer) {
    min-height: 100%;
}

body.customer-account-create .form-create-account {
    width: min(100%, 760px);
    margin-inline: auto;
}

/* Login B2B + Cadastro B2B */
:is(body.b2b-auth-shell, body.b2b-register-index) .b2b-login-page {
    width: min(100%, 1080px);
    margin-inline: auto;
    padding-inline: clamp(12px, 2.2vw, 20px);
}

body.b2b-auth-shell .b2b-login-card {
    width: min(100%, 520px);
    margin-inline: auto;
}

body.b2b-register-index #b2b-register-shell {
    width: min(100%, 1080px);
    margin-inline: auto;
}

body.b2b-register-index #b2b-register-shell .b2b-register-page {
    width: min(100%, 920px);
    margin-inline: auto;
}

/* Trabalhe Conosco */
:is(body.curriculo-page, body.curriculo-status-page) .page-main {
    max-width: 1120px !important;
    margin-inline: auto;
}

:is(body.curriculo-page, body.curriculo-status-page) :is(.curriculo-wrapper, .status-check-container) {
    width: min(100%, 1040px);
    margin-inline: auto;
    padding-inline: clamp(12px, 2.2vw, 20px);
}

body.curriculo-page :is(.form.curriculo, .curriculo-progress, .curriculo-intro),
body.curriculo-status-page :is(.status-check-form, .status-result.success) {
    border-radius: var(--awa-flow-radius) !important;
    border: 1px solid var(--awa-flow-border) !important;
    box-shadow: var(--awa-flow-shadow) !important;
}

/* Cart + Checkout desktop alinhados no mesmo grid */
@media (min-width: 1024px) {
    body.checkout-cart-index .cart-container,
    body.checkout-index-index .checkout-container,
    body.rokanthemes-onepagecheckout .checkout-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
        gap: clamp(18px, 2.4vw, 30px);
        align-items: start;
    }

    body.checkout-cart-index .cart-summary,
    body.checkout-index-index :is(.opc-sidebar, #opc-sidebar),
    body.rokanthemes-onepagecheckout :is(.opc-sidebar, #opc-sidebar) {
        width: 100% !important;
        max-width: none !important;
        position: sticky !important;
        top: 110px;
        align-self: start;
    }

    body.checkout-index-index .opc-wrapper,
    body.rokanthemes-onepagecheckout .opc-wrapper {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        min-width: 0;
    }
}

@media (max-width: 767px) {
    :is(body.customer-account-login, body.customer-account-create, body.b2b-auth-shell, body.b2b-register-index, body.curriculo-page, body.curriculo-status-page, body.checkout-cart-index, body.checkout-index-index, body.rokanthemes-onepagecheckout)
    :is(.column.main, .curriculo-wrapper, .status-check-container, .b2b-login-page) {
        padding-inline: 12px !important;
    }
}

/* ===== awa-b2b-pricing.css ===== */
/**
 * awa-b2b-pricing.css
 * Regras de exibição de preços para o modelo B2B da AWA Motos.
 * Extraído de awa-header-cart-fix.css (seções 8 e 9) em 2026-05-08.
 *
 * Decisões de negócio:
 *   - old-price (preço riscado) é ocultado — site não exibe promoções
 *   - price-label ("SEU PREÇO") é ocultado — redundante para preço único
 *     (MST autocomplete usa .store .price, não .price-box — regra não o afeta)
 *
 * Carregado antes de awa-header-cart-fix.css (ver default_head_blocks.xml).
 */

/* ==========================================================================
   PROMOÇÕES — ocultar preço riscado ("de: R$XX")
   "Desative todas promoções": esconde .old-price em todo o site.
   O preço final (special-price ou price-final_price) continua visível.
   ========================================================================== */

.price-box .old-price,
.price-box .minimal-price-link,
.price-box .price-from,
.price-box .price-to {
    display: none !important;
}

/* Quando só existe regular price (sem special price), o .price-final_price
   fica visível normalmente — esta regra não o afeta. */

/* Garante que .special-price ocupe o espaço sem gap extra quando old-price some */
.price-box .special-price {
    margin-top: 0 !important;
}

/* ==========================================================================
   PRICE LABEL "SEU PREÇO" — ocultar label duplicado
   O tema pai adiciona .price-label em todos os price-containers.
   Para preço único, o label é redundante; oculta — exceto dentro do
   autocomplete da Mirasvit (MST) onde o contexto pode precisar do label.
   ========================================================================== */

.price-box .price-label {
    display: none !important;
}

/* Nota: MST autocomplete renderiza .price-label dentro de .store .price (não .price-box).
   A regra global acima não afeta o autocomplete. Nenhum re-enable necessário. */

/* ==========================================================================
   AUTOCOMPLETE — estende a decisão B2B de "sem promoções" para resultados
   A MST renderiza .old-price fora do contexto .price-box, então a regra
   global não se aplica lá. Força o hide explicitamente.
   ========================================================================== */

.mst-searchautocomplete__autocomplete .old-price {
    display: none !important;
}

/* ===== awa-visual-overhaul-2026-05-04.css ===== */
/*
 * AWA Visual Overhaul — 2026-05-04
 * Scoped-only overrides for PLP/search loaded late in cascade.
 * Seletores simplificados (antes: 7 níveis deep). Todos usam !important
 * então a especificidade extra não era necessária.
 */

/* =================================================================
 * AWA PLP IMAGE OCCUPANCY FIX — 2026-05-04
 * Root cause: late cascade layers add padding/inset that shrinks
 * the usable render box of product photos in PLP/search cards.
 * ================================================================= */

body.catalog-category-view .item-product .product-thumb-link,
body.catalogsearch-result-index .item-product .product-thumb-link {
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

body.catalog-category-view .item-product .product-thumb,
body.catalogsearch-result-index .item-product .product-thumb,
body.catalog-category-view .item-product .product-image-container,
body.catalogsearch-result-index .item-product .product-image-container,
body.catalog-category-view .item-product .product-image-wrapper,
body.catalogsearch-result-index .item-product .product-image-wrapper,
body.catalog-category-view .item-product .first-thumb,
body.catalogsearch-result-index .item-product .first-thumb,
body.catalog-category-view .item-product .second-thumb,
body.catalogsearch-result-index .item-product .second-thumb {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

body.catalog-category-view .item-product .product-image-photo,
body.catalogsearch-result-index .item-product .product-image-photo,
body.catalog-category-view .item-product .product-thumb img,
body.catalogsearch-result-index .item-product .product-thumb img {
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center center !important;
	mix-blend-mode: normal !important;
}

/* =================================================================
 * AWA PLP — B2B PRICE LINE VISIBILITY FIX — 2026-05-05
 * Problema: .info-price é esmagado para height:0 pela flexbox do tema pai.
 * Fix: flex-shrink:0 + min-height impede o esmagamento.
 * Nota: old-price é ocultado globalmente (awa-b2b-pricing.css).
 *   min-height reduzido de 36px → 24px pois linha do old-price não ocupa espaço.
 * ================================================================= */

body.catalog-category-view .products-grid .item-product .info-price,
body.catalogsearch-result-index .products-grid .item-product .info-price {
	flex-shrink: 0 !important;
	height: auto !important; /* override: themes.css sets height:0px !important */
	min-height: 24px !important;
	display: flex !important;
	align-items: center !important;
}

body.catalog-category-view .products-grid .item-product .b2b-login-to-see-price,
body.catalogsearch-result-index .products-grid .item-product .b2b-login-to-see-price {
	flex-shrink: 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: var(--awa-text-muted, #777) !important;
}

body.catalog-category-view .products-grid .item-product .b2b-login-to-see-price a,
body.catalogsearch-result-index .products-grid .item-product .b2b-login-to-see-price a {
	color: var(--awa-primary, var(--awa-primary)) !important;
	font-weight: 600 !important;
}

body.catalog-category-view .products-grid .item-product .b2b-login-to-see-price a:hover,
body.catalogsearch-result-index .products-grid .item-product .b2b-login-to-see-price a:hover {
	text-decoration: underline !important;
	color: #8a2528 !important;
}

/* ===== awa-visual-qa-fixes-2026-05-06.css ===== */
/**
 * Visual QA Fixes — 2026-05-06
 * Automated audit detected 14 issues; this file addresses the fixable ones.
 * Loads after awa-bundle-refinements.css (last in cascade).
 *
 * Issues addressed:
 * 1. Carousel overflow:visible causing mobile horizontal scroll
 * 2. Banner 8px overflow beyond viewport
 * 3. Container row overflow (1402px > 1400px container)
 * 4. Inconsistent button heights (standardize primary actions)
 * 5. Footer column height mismatch
 * 6. Category sidebar/main vertical misalignment
 * 7. PDP add-to-cart button 0-width fix
 * 8. Mobile minimum font-size enforcement
 */

/* ==========================================================================
   1. CAROUSEL OVERFLOW FIX (Critical)
   All owl-carousel instances must clip their overflow to prevent
   horizontal scroll on mobile and desktop element bleeding.
   ========================================================================== */

.owl-carousel {
  overflow-x: clip !important; /* clip horizontal track overflow; no BFC — nav arrows remain visible */
}

/**
 * Owl v1 (Rokan): em .rokan-bestseller / .rokan-newproduct a trilha .owl-wrapper
 * fica com largura de soma dos slides (~1–8k px). Sem .owl-wrapper-outer isolado,
 * body.scrollWidth cresce (~+100px em 375px) e falha flex-grid-touch / scroll horizontal.
 * Escopo home + até 1023px (tablet WebKit nos testes).
 */
@media (max-width: 1023px) {
  :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5)
    .page-wrapper
    .owl-carousel
    .owl-wrapper-outer {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/*
 * Chromium/WebKit: overflow-x clip (responsive-guard) não reduz body.scrollWidth quando
 * Owl injeta .owl-wrapper largo — flex-grid-touch mede max(doc, body) e falha no 1º frame.
 * hidden no eixo X força métrica coerente com o viewport (sem scroll horizontal).
 */
@media (max-width: 1023px) {
  html:has(body.cms-index-index),
  html:has(body.cms-home),
  html:has(body.cms-homepage_ayo_home5) {
    overflow-x: hidden !important;
  }

  :is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5)#html-body {
    overflow-x: hidden !important;
  }
}

/* Ensure owl nav arrows are not obscured by sibling stacking order */
.owl-carousel .owl-nav,
.owl-carousel .owl-dots {
  position: relative;
  z-index: 2;
}

/* ==========================================================================
   2. BANNER/HERO OVERFLOW FIX (Critical)
   .banner_item_bg is 1440px wide but parent offset causes 8px overflow.
   ========================================================================== */

.rokanthemes-slidebanner,
.rokanthemes-slidebanner .owl-wrapper-outer {
  overflow: hidden !important;
  max-width: 100% !important;
}

.banner_item_bg {
  max-width: 100%;
}

/* Hero banner alignment (Homepage)
   Anti-FOUC inline CSS sets margin-top:30px on .banner_item_bg to reserve LCP space.
   That offset desynchronizes the image vs .text-banner overlay, causing a clipped
   “ghost text strip” at the top of the hero in slow/failed image loads.
*/
body.cms-index-index .wrapper_slider.hidden-xs .banner_item_bg,
body.cms-index-index .wrapper_slider:not(.visible-xs) .banner_item_bg {
  margin-top: 0 !important;
}

/* If the hero image fails to load, suppress the browser-rendered alt text strip */
body.cms-index-index .wrapper_slider .banner_item_bg img {
  font-size: 0;
  color: transparent;
}

/* ==========================================================================
   3. CONTAINER/ROW OVERFLOW (High)
   .row extends to 1402px due to Bootstrap negative margins exceeding the
   1400px .container. Use overflow-x:clip (not overflow:hidden) so that:
   - Horizontal overflow from .row is clipped, preventing H-scroll
   - No BFC is created, so absolutely-positioned children (dropdowns,
     tooltips, owl nav arrows) are NOT clipped in the vertical axis
   ========================================================================== */

.top-home-content .container,
.awa-home-section .container,
.awa-carousel-section .container {
  overflow-x: clip; /* clip-only: no BFC, preserves positioned children */
}

/* ==========================================================================
   4. BUTTON HEIGHT STANDARDIZATION (High)
   Standardize primary action buttons to 44px.
   ========================================================================== */

/* Primary CTA buttons — consistent 44px height */
.action.primary,
.action.tocart,
#product-addtocart-button,
button.action.primary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Search button — match at 44px */
.block-search .action.search {
  min-height: 44px;
  min-width: 44px;
}

/* ==========================================================================
   5. FOOTER COLUMN ALIGNMENT (Medium)
   4th footer column is 228px taller than siblings.
   Use align-items: start so columns don't stretch.
   ========================================================================== */

.page-footer .row,
.footer-center .row {
  align-items: flex-start;
}

/* ==========================================================================
   6. CATEGORY SIDEBAR/MAIN ALIGNMENT (Medium)
   Sidebar starts 391px above the product grid.
   Ensure they share a common flex row.
   ========================================================================== */

@media (min-width: 992px) {
  body.page-layout-2columns-left .columns {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body.catalog-category-view.page-layout-2columns-left .page-main > .columns,
  body.catalogsearch-result-index.page-layout-2columns-left .page-main > .columns {
    display: grid !important;
    flex-wrap: unset !important;
  }
}

body.page-layout-2columns-left .columns .sidebar-main {
  flex-shrink: 0;
}

body.page-layout-2columns-left .columns .column.main {
  flex: 1;
  min-width: 0;
}

/* ==========================================================================
   7. PDP ADD-TO-CART BUTTON FIX (Medium)
   Button renders 0×0 despite being visible.
   Ensure parent .box-tocart and .actions have proper dimensions.
   ========================================================================== */

.product-info-main .box-tocart {
  display: block;
  width: 100%;
}

.product-info-main .box-tocart .fieldset {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.product-info-main .box-tocart .actions {
  flex: 1;
  min-width: 150px;
}

.product-info-main #product-addtocart-button {
  width: 100%;
  min-height: 48px;
  padding: 12px 24px;
}

/* ==========================================================================
   8. MOBILE MINIMUM FONT-SIZE (Medium)
   231 elements below 12px on mobile viewport.
   ========================================================================== */

@media (max-width: 767px) {
  .product-item-details,
  .product-item-name,
  .product-item .price-box,
  .product-item .product-info,
  .owl-carousel .product-item-details {
    font-size: max(12px, 1em); /* inherit inválido em max() — 1em preserva valores maiores */
  }

  /* Prevent carousel items bleeding on mobile */
  .owl-carousel .owl-wrapper-outer {
    overflow: hidden !important;
  }

  /* Category carousel dots — increase touch target */
  .awa-category-carousel__dot {
    min-width: 16px;
    min-height: 16px;
    padding: 4px;
  }
}

/* ==========================================================================
   9. CONTAINER PADDING NORMALIZATION (Medium)
   Standardize to 20px using existing token where available.
   Only affects homepage section containers.
   ========================================================================== */

.top-home-content > .container {
  padding-left: var(--awa-space-md, 20px);
  padding-right: var(--awa-space-md, 20px);
}

/* ==========================================================================
   10. TYPOGRAPHY SCALE HINTS (Medium)
   Define minimum consistency for H2/H3 in carousel sections.
   ========================================================================== */

/* font-size overridden by awa-visual-bugfix.css FIX-R2-3 with !important.
   Effective value: clamp(18px, 1.5vw + 12px, 24px).
   Only line-height is set here (not in FIX-R2-3). */
.awa-home-section h2,
.awa-carousel-section h2,
.top-home-content h2 {
  line-height: 1.3;
}

.awa-home-section h3,
.awa-carousel-section h3,
.top-home-content h3 {
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.4;
}

/* ==========================================================================
   11. SECTION GAP FIX (High)
   Audit detected 1468px gap between category-carousel section and first
   awa-carousel-section; 1225px between trust-and-offers and next section.
   Root cause: large inherited margin-top on section wrappers + unloaded
   owl-carousels preserving their full stage height before JS initialization.
   ========================================================================== */

/* Reset inherited section margins — spacing via padding instead */
.top-home-content,
.top-home-content--category-carousel,
.awa-home-section,
.awa-carousel-section,
.trust-and-offers,
.rokanthemes-slidebanner {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Standardize inter-section spacing with padding on the section itself */
.awa-carousel-section,
.awa-home-section,
.trust-and-offers {
  padding-top: 40px;
  padding-bottom: 0;
}

/* First section on page gets no top padding */
.top-home-content > *:first-child,
.cms-index-index .top-home-content--above-fold:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Collapse owl-carousel containers that have not yet been initialized by JS.
   Using opacity+pointer-events instead of max-height:0 to avoid CLS (layout
   jump when .owl-loaded is added). Space is preserved; content is invisible.
   Fallback: if JS fails to initialize within 3s, animate to opacity:1 so
   content remains accessible even without the carousel chrome. */
@keyframes awa-owl-fallback {
  to { opacity: 1; pointer-events: auto; }
}
.owl-carousel:not(.owl-loaded):not(.owl-drag) {
  opacity: 0;
  pointer-events: none;
  animation: awa-owl-fallback 0.1s ease-out 3s forwards;
}

/* ==========================================================================
   12. DEPARTAMENTOS BUTTON HEIGHT (High)
   "Departamentos" vertical-menu trigger renders at 56px while standard
   primary actions are 44px. Bring it in line with the button scale.
   ========================================================================== */

.navigation.verticalmenu .togge-menu-desktop,
.vmm-toggle-btn,
[class*="btn-departamentos"],
.block-vertical-menu > .block-title,
.verticalmenu-trigger {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
}

/* ===== awa-header-e2e-fix.css ===== */
/**
 * AWA Header E2E Fix
 * Corrige issues identificados nos testes E2E:
 * 1. Barra de busca não visível no desktop
 * 2. Menu hamburger visível indevidamente em desktop
 *
 * @author GrupoAwamotos Dev Team
 * @version 1.0.0
 * @since 2026-05-13
 */

/* ============================================================================
   1. GARANTIR VISIBILIDADE DA BARRA DE BUSCA NO DESKTOP (≥992px)
   ============================================================================ */

@media (min-width: 992px) {
    /* Forçar visibilidade do container da busca */
    #html-body .header-wrapper-sticky .awa-header-search-col,
    #html-body .header-wrapper-sticky .awa-header-search-col.top-search,
    #html-body .header-wrapper-sticky .block.block-search,
    #html-body .header-wrapper-sticky .block-search.awa-professional-search,
    .page-wrapper .awa-site-header .block-search,
    .page-wrapper .awa-site-header .awa-professional-search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10 !important;
    }

    /* Forçar visibilidade do formulário */
    #html-body .header-wrapper-sticky .awa-header-search-col form.minisearch,
    #html-body .header-wrapper-sticky .awa-header-search-col form.search-content,
    #html-body .header-wrapper-sticky .awa-header-search-col form#search_mini_form,
    .page-wrapper .awa-site-header .block-search form.minisearch,
    .page-wrapper .awa-site-header .block-search form.search-content,
    .page-wrapper .awa-site-header .awa-professional-search form.minisearch,
    .page-wrapper .awa-site-header .awa-professional-search form.search-content {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        transform: none !important;
    }

    /* Garantir que o campo de busca esteja visível */
    #html-body .header-wrapper-sticky .awa-header-search-col .field.search,
    #html-body .header-wrapper-sticky .awa-header-search-col .control,
    .page-wrapper .awa-site-header .block-search .field.search {
        display: flex !important;
        visibility: visible !important;
    }

    /* Garantir que o input esteja visível */
    #html-body .header-wrapper-sticky .awa-header-search-col input#search,
    .page-wrapper .awa-site-header .block-search input#search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ============================================================================
   2. OCULTAR MENU HAMBURGER EM DESKTOP (≥992px)
   ============================================================================ */

@media (min-width: 992px) {
    /* Ocultar toggle mobile */
    #html-body .header-wrapper-sticky .awa-header-mobile-toggle,
    #html-body .header-wrapper-sticky .nav-toggle,
    #html-body .header-wrapper-sticky .action.nav-toggle,
    .page-wrapper .awa-site-header .awa-header-mobile-toggle,
    .page-wrapper .awa-site-header .nav-toggle,
    .header-container .nav-toggle,
    .header-container .action.nav-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Ocultar drawer mobile — preservar menu vertical Departamentos (.category-dropdown*) */
    #html-body .header-wrapper-sticky .awa-mobile-nav,
    #html-body .header-wrapper-sticky .nav-sections:not(.category-dropdown, .category-dropdown-items, .category-dropdown-item-content, .category-dropdown-item-title),
    .awa-mobile-nav,
    .nav-sections:not(.category-dropdown, .category-dropdown-items, .category-dropdown-item-content, .category-dropdown-item-title) {
        display: none !important;
    }
}

/* ============================================================================
   3. GARANTIR VISIBILIDADE DOS ELEMENTOS DO HEADER EM DESKTOP
   ============================================================================ */

@media (min-width: 992px) {
    /* Logo sempre visível */
    #html-body .header-wrapper-sticky .awa-header-brand-cell,
    #html-body .header-wrapper-sticky .awa-header-brand,
    .page-wrapper .awa-site-header .logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Minicart sempre visível */
    #html-body .header-wrapper-sticky .awa-header-minicart,
    #html-body .header-wrapper-sticky .minicart-wrapper,
    .page-wrapper .awa-site-header .minicart-wrapper {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ============================================================================
   4. RESPONSIVIDADE MOBILE (<992px) - GARANTIR QUE A BUSCA APAREÇA
   ============================================================================ */

@media (max-width: 991px) {
    /* Mostrar busca no grid mobile */
    #html-body .header-wrapper-sticky .awa-header-search-col,
    .page-wrapper .awa-site-header .awa-header-search-col {
        display: block !important;
        grid-area: search !important;
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Garantir que a busca em mobile seja visível */
    #html-body .header-wrapper-sticky .awa-header-search-col form.minisearch,
    .page-wrapper .awa-site-header .awa-header-search-col form.minisearch {
        display: flex !important;
        visibility: visible !important;
    }
}

/* ============================================================================
   5. PRINT STYLES - OCULTAR ELEMENTOS INTERATIVOS
   ============================================================================ */

@media print {
    .awa-header-mobile-toggle,
    .awa-mobile-nav,
    .awa-header-search-col {
        display: none !important;
    }
}

/* ===== awa-breadcrumb-pdp-fix.css ===== */
/**
 * AWA Breadcrumb PDP Fix
 * Corrige breadcrumb não visível nas páginas de produto (PDP)
 *
 * @author GrupoAwamotos Dev Team
 * @version 1.0.0
 * @since 2026-05-13
 */

/* ============================================================================
   1. GARANTIR VISIBILIDADE DO BREADCRUMB EM TODAS AS PÁGINAS
   ============================================================================ */

/* Container do breadcrumb sempre visível */
.breadcrumbs,
.page-wrapper .breadcrumbs,
.page-wrapper .page-main .breadcrumbs,
.catalog-product-view .breadcrumbs,
.catalog-category-view .breadcrumbs,
.cms-page-view .breadcrumbs {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Lista de breadcrumbs */
.breadcrumbs .items,
.breadcrumbs ul,
.breadcrumbs ol {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* Itens individuais do breadcrumb */
.breadcrumbs .item,
.breadcrumbs li,
.breadcrumbs .items > li {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Links do breadcrumb */
.breadcrumbs a,
.breadcrumbs .item a,
.breadcrumbs li a {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Breadcrumb atual (strong) */
.breadcrumbs strong,
.breadcrumbs .item strong,
.breadcrumbs li strong {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================================
   2. CORREÇÕES ESPECÍFICAS PARA PDP (Product Detail Page)
   ============================================================================ */

/* Forçar breadcrumb visível em PDP */
.catalog-product-view .page-wrapper .breadcrumbs,
.catalog-product-view .breadcrumbs,
body.catalog-product-view .breadcrumbs {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    margin: 15px 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
}

/* Container do breadcrumb em PDP */
.catalog-product-view .breadcrumbs .container,
.catalog-product-view .breadcrumbs .items {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

/* ============================================================================
   3. ESTILOS DE BASE PARA BREADCRUMB
   ============================================================================ */

.breadcrumbs {
    margin: 15px 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
    background: transparent;
}

.breadcrumbs .items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs .item {
    display: inline-flex;
    align-items: center;
}

.breadcrumbs .item:not(:last-child)::after {
    content: '/';
    margin: 0 8px;
    color: #999;
}

.breadcrumbs a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumbs a:hover {
    color: #b73337;
    text-decoration: underline;
}

.breadcrumbs strong {
    color: #666;
    font-weight: 600;
}

/* ============================================================================
   4. RESPONSIVIDADE
   ============================================================================ */

@media (max-width: 767px) {
    .breadcrumbs {
        margin: 10px 0;
        padding: 8px 0;
        font-size: 12px;
    }

    .breadcrumbs .item:not(:last-child)::after {
        margin: 0 5px;
    }
}

/* ============================================================================
   5. PRINT STYLES
   ============================================================================ */

@media print {
    .breadcrumbs {
        display: none !important;
    }
}

/* ===== awa-layout-contract-fix.css ===== */
/**
 * AWA Layout Contract Fix
 * Corrige falhas no layout contract em todos os viewports
 *
 * @author GrupoAwamotos Dev Team
 * @version 1.0.0
 * @since 2026-05-13
 */

/* ============================================================================
   1. LAYOUT CONTRACT CORE - Garantir estrutura mínima em todos viewports
   ============================================================================ */

/* Container principal sempre visível */
.page-wrapper,
body .page-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 100vh !important;
}

/* Header sempre visível */
.page-header,
.page-wrapper .page-header,
.awa-site-header,
.header-wrapper-sticky {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Conteúdo principal sempre visível — PLP/busca mantêm grid em awa-layout-bundle.css */
.page-main,
.page-wrapper .page-main,
body:not(.catalog-category-view):not(.catalogsearch-result-index) .columns {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Sidebar e conteúdo em flex — PLP/resultados de busca usam grid em _awa-layout-grid-card-unified.less */
body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns,
body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-wrapper .columns {
    display: flex !important;
    flex-wrap: wrap !important;
    visibility: visible !important;
}

/* Colunas individuais */
.column.main,
.sidebar,
.sidebar-main,
.sidebar-additional {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Footer sempre visível */
.page-footer,
.page-wrapper .page-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================================
   2. CORREÇÕES POR VIEWPORT
   ============================================================================ */

/* Mobile: 375px */
@media (min-width: 320px) and (max-width: 479px) {
    body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns {
        flex-direction: column !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .column.main {
        width: 100% !important;
        order: 1 !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .sidebar {
        width: 100% !important;
        order: 2 !important;
    }
}

/* Mobile grande: 480px - 767px */
@media (min-width: 480px) and (max-width: 767px) {
    body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns {
        flex-direction: column !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .column.main {
        width: 100% !important;
    }
}

/* Tablet: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns {
        flex-wrap: nowrap !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .column.main {
        flex: 1 1 auto !important;
        width: auto !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .sidebar {
        flex: 0 0 250px !important;
        width: 250px !important;
    }
}

/* Desktop pequeno: 1024px - 1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
    body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns {
        flex-wrap: nowrap !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .column.main {
        flex: 1 1 auto !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .sidebar {
        flex: 0 0 280px !important;
        width: 280px !important;
    }
}

/* Desktop médio: 1280px - 1439px */
@media (min-width: 1280px) and (max-width: 1439px) {
    body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns {
        flex-wrap: nowrap !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .column.main {
        flex: 1 1 auto !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .sidebar {
        flex: 0 0 300px !important;
        width: 300px !important;
    }
}

/* Desktop grande: ≥1440px */
@media (min-width: 1440px) {
    body:not(.catalog-category-view):not(.catalogsearch-result-index) .page-main > .columns {
        flex-wrap: nowrap !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .column.main {
        flex: 1 1 auto !important;
    }

    body:not(.catalog-category-view):not(.catalogsearch-result-index) .sidebar {
        flex: 0 0 320px !important;
        width: 320px !important;
    }
}

/* ============================================================================
   3. CORREÇÕES ESPECÍFICAS POR PÁGINA
   ============================================================================ */

/* PDP - Product Detail Page */
.catalog-product-view .page-main,
.catalog-product-view .column.main {
    display: block !important;
    visibility: visible !important;
}

/* PLP - Category Page */
.catalog-category-view .page-main,
.catalog-category-view .column.main {
    display: block !important;
    visibility: visible !important;
}

/* CMS Pages */
.cms-page-view .page-main,
.cms-page-view .column.main {
    display: block !important;
    visibility: visible !important;
}

/* ============================================================================
   4. UTILITÁRIOS DE DEBUG
   ============================================================================ */

/* Marcar elementos críticos quando em modo debug */
body.awa-debug .page-header,
body.awa-debug .page-main,
body.awa-debug .column.main,
body.awa-debug .page-footer {
    outline: 2px dashed rgba(255, 0, 0, 0.3) !important;
    outline-offset: -2px !important;
}

/* ============================================================================
   5. PRINT STYLES
   ============================================================================ */

@media print {
    .page-wrapper,
    .page-header,
    .page-main,
    .column.main,
    .page-footer {
        display: block !important;
        visibility: visible !important;
    }
}

/* ===== awa-login-form-fix.css ===== */
/**
 * AWA Login Form - Modernized Edition
 * Paleta: Red Canonical + Slate Neutral (Liquid Glass)
 *
 * @author GrupoAwamotos Dev Team
 * @version 2.0.0
 * @since 2026-05-15
 */

/* ============================================================================
   1. GARANTIR VISIBILIDADE DO CONTAINER DO LOGIN
   ============================================================================ */

.customer-account-login .page-main,
.customer-account-login .column.main,
.customer-account-login .login-container,
.login-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================================
   2. FORM CONTAINER - Card Styling
   ============================================================================ */

.login-container .block-customer-login,
.login-container .block-new-customer {
    background: var(--awa-bg-surface, #ffffff) !important;
    border: 1px solid var(--awa-border, #e2e8f0) !important;
    border-radius: var(--awa-radius-lg, 12px) !important;
    padding: var(--awa-space-8, 32px) !important;
    box-shadow: var(--awa-shadow-sm, 0 1px 3px rgba(0,0,0,0.1)) !important;
    margin-bottom: var(--awa-space-6, 24px) !important;
}

.login-container .block-title {
    margin-bottom: var(--awa-space-6, 24px) !important;
    border-bottom: 1px solid var(--awa-border, #e2e8f0) !important;
    padding-bottom: var(--awa-space-4, 16px) !important;
}

.login-container .block-title strong {
    font-size: var(--awa-font-xl, 20px) !important;
    font-weight: var(--awa-weight-bold, 700) !important;
    color: var(--awa-slate, #1e293b) !important;
}

/* ============================================================================
   3. FORM FIELDS - Input Styling
   ============================================================================ */

.form-login .field {
    margin-bottom: var(--awa-space-5, 20px) !important;
}

.form-login .label {
    font-size: var(--awa-font-sm, 13px) !important;
    font-weight: var(--awa-weight-semi, 600) !important;
    color: var(--awa-slate, #1e293b) !important;
    margin-bottom: var(--awa-space-2, 8px) !important;
}

.form-login input[type="email"],
.form-login input[type="text"],
.form-login input[type="password"],
.form-login input.input-text {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid var(--awa-border, #e2e8f0) !important;
    border-radius: var(--awa-radius-md, 8px) !important;
    background: var(--awa-bg-surface, #ffffff) !important;
    color: var(--awa-text, #333333) !important;
    font-size: var(--awa-font-base, 14px) !important;
    transition: border-color var(--awa-duration-fast, 0.15s) ease, box-shadow var(--awa-duration-fast, 0.15s) ease !important;
}

.form-login input:focus {
    border-color: var(--awa-primary, #b73337) !important;
    box-shadow: 0 0 0 3px var(--awa-primary-subtle, rgba(183, 51, 55, 0.1)) !important;
    outline: none !important;
}

/* ============================================================================
   4. ACTIONS - Buttons & Links
   ============================================================================ */

.form-login .actions-toolbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: var(--awa-space-8, 32px) !important;
}

.form-login .action.login.primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    padding: 0 32px !important;
    background: var(--awa-primary, #b73337) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--awa-radius-md, 8px) !important;
    font-weight: var(--awa-weight-bold, 700) !important;
    cursor: pointer !important;
    transition: border-color var(--awa-duration-fast, 0.15s) ease, box-shadow var(--awa-duration-fast, 0.15s) ease !important;
    box-shadow: var(--awa-shadow-md, 0 4px 6px rgba(0,0,0,0.1)) !important;
}

.form-login .action.login.primary:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--awa-shadow-lg, 0 10px 15px rgba(0,0,0,0.1)) !important;
}

.form-login .action.remind {
    color: var(--awa-text-secondary, #666666) !important;
    font-size: var(--awa-font-sm, 13px) !important;
    text-decoration: none !important;
    transition: color var(--awa-duration-fast, 0.15s) ease !important;
}

.form-login .action.remind:hover {
    color: var(--awa-primary, #b73337) !important;
    text-decoration: underline !important;
}

/* Botão "Criar Conta" */
.block-new-customer .action.create.primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    width: 100% !important;
    background: transparent !important;
    color: var(--awa-primary, #b73337) !important;
    border: 2px solid var(--awa-primary, #b73337) !important;
    border-radius: var(--awa-radius-md, 8px) !important;
    font-weight: var(--awa-weight-bold, 700) !important;
    cursor: pointer !important;
    transition: border-color var(--awa-duration-fast, 0.15s) ease, box-shadow var(--awa-duration-fast, 0.15s) ease !important;
}

.block-new-customer .action.create.primary:hover {
    background: var(--awa-primary-subtle, rgba(183, 51, 55, 0.05)) !important;
    border-color: var(--awa-primary, #b73337) !important;
}

/* ============================================================================
   5. MESSAGES
   ============================================================================ */

.form-login .message {
    padding: var(--awa-space-4, 16px) !important;
    border-radius: var(--awa-radius-md, 8px) !important;
    font-size: var(--awa-font-sm, 13px) !important;
    margin-bottom: var(--awa-space-5, 20px) !important;
}

.form-login .message.error {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fee2e2 !important;
}

.form-login .message.success {
    background: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #dcfce7 !important;
}

/* ============================================================================
   6. RESPONSIVIDADE
   ============================================================================ */

@media (max-width: 767px) {
    .form-login .actions-toolbar {
        flex-direction: column !important;
        gap: var(--awa-space-4, 16px) !important;
    }

    .form-login .action.login.primary {
        width: 100% !important;
    }
}

/* ===== awa-vertical-menu-all-pages.css ===== */
/* ==========================================================================
 * AWA MOTOS — Vertical Menu Visible on ALL Pages
 * Força o menu vertical a aparecer em todas as páginas, não apenas na homepage
 * ========================================================================== */

/* Força o container do menu a ser visível em todas as páginas */
body .page-wrapper .header-control .menu_left_home1,
body .page-wrapper .awa-site-header .header-control .menu_left_home1,
body .page-wrapper #header .header-control .menu_left_home1 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* Força o menu vertical a ser visível */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu,
body .page-wrapper .awa-site-header .navigation.verticalmenu.side-verticalmenu {
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
}

/* Força o conteúdo do menu a ser visível */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .section-item-content,
body .page-wrapper .awa-site-header .navigation.verticalmenu.side-verticalmenu .section-item-content {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Esconde o título da seção (tab) do menu vertical */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .section-item-title,
body .page-wrapper .awa-site-header .navigation.verticalmenu.side-verticalmenu .section-item-title {
    display: none !important;
}

/* ===== awa-phase1-bugfixes.css ===== */
/* =============================================================================
   AWA MOTOS — Phase 1 Critical Bug Fixes
   Date: 2026-05-14
   Cascata: load AFTER awa-bundle-refinements.css (last bundle)
   Escopo: Targeted fixes for BUG-01 through BUG-07
   ============================================================================= */

/* ---------------------------------------------------------------------------
   BUG-01 | Hero Banner — Full-Bleed Fix
   Root cause: left:50% / margin-left:-50vw breakout hack conflicts with
   sidebar offset. The container's 50% is relative to its parent width
   (which excludes sidebar), not the viewport.
   Fix: Override to use the simpler calc()-based breakout from page-main padding.
   --------------------------------------------------------------------------- */

/* Suppress the problematic LESS breakout — this rule wins via specificity */
:is(body.cms-index-index, body.cms-home) .page-wrapper .ayo-home5-wrapper > .top-home-content--above-fold {
  /* Reset the left:50% / margin-left:-50vw pattern */
  left: auto !important;
  right: auto !important;
  margin-left: -24px !important;
  margin-right: -24px !important;
  width: calc(100% + 48px) !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Ensure the slider inside fills the breakout container */
:is(body.cms-index-index, body.cms-home) .page-wrapper .top-home-content--above-fold > .banner-slider,
:is(body.cms-index-index, body.cms-home) .page-wrapper .top-home-content--above-fold > .banner-slider.banner-slider2,
:is(body.cms-index-index, body.cms-home) .page-wrapper .top-home-content--above-fold > .slidebanner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* OWL wrapper must also be 100% */
:is(body.cms-index-index, body.cms-home) .page-wrapper .top-home-content--above-fold .wrapper_slider {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Banner image fills container — height:100% para acompanhar o container fixo (.banner_item_bg) */
:is(body.cms-index-index, body.cms-home) .top-home-content--above-fold .banner_item img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: cover !important;
}

/* ---------------------------------------------------------------------------
   BUG-02 | Department Menu — Ensure Text Labels Are Visible
   Root cause: CSS cascade may hide text via inherited color:transparent,
   font-size:0, or text-indent:-9999px from parent theme bundles.
   Fix: Explicit text visibility rules with high specificity.
   --------------------------------------------------------------------------- */

/* Level-0 category links MUST show text in dark color */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0 > a.level-top,
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0 > a.level-top > span {
  color: var(--awa-text, #333333) !important;
  font-size: 13.5px !important;
  text-indent: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Hover state: AWA Red */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0:hover > a.level-top,
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.ui-menu-item.level0:hover > a.level-top > span {
  color: var(--awa-primary, #b73337) !important;
}

/* Submenu links also must be visible */
body .page-wrapper .navigation.verticalmenu .level0.submenu a,
body .page-wrapper .navigation.verticalmenu .level0.submenu a > span {
  color: var(--awa-text, #333333) !important;
  font-size: 13px !important;
  text-indent: 0 !important;
  visibility: visible !important;
}

/* Trigger button text "Departamentos" */
body .page-wrapper .navigation.verticalmenu .our_categories .awa-vmenu-trigger-text {
  color: var(--awa-white, #ffffff) !important;
  font-size: 14px !important;
  text-indent: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ---------------------------------------------------------------------------
   BUG-03 | CTA Button Without Text on Product Listing
   Root cause: Button span inherits text-hiding rules from parent theme.
   Fix: Explicit text reset on .tocart button and its inner span.
   --------------------------------------------------------------------------- */

/* Global tocart button text visibility */
body .page-wrapper .action.tocart,
body .page-wrapper .action.tocart > span,
body .page-wrapper button.tocart,
body .page-wrapper button.tocart > span,
body .page-wrapper .btn-add-to-cart,
body .page-wrapper .btn-add-to-cart > span {
  color: var(--awa-white, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-indent: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
}

/* Homepage carousel product cards: ensure button text is visible */
:is(body.cms-index-index, body.cms-home) .ayo-home5-wrapper .tocart span,
:is(body.cms-index-index, body.cms-home) .ayo-home5-wrapper .action.tocart span,
:is(body.cms-index-index, body.cms-home) .ayo-home5-wrapper .btn-add-to-cart span,
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .tocart span,
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .action.tocart span {
  display: inline !important;
  font-size: 12px !important;
  color: var(--awa-white, #ffffff) !important;
  text-indent: 0 !important;
  visibility: visible !important;
}

/* Button background must be visible too */
body .page-wrapper .action.tocart,
body .page-wrapper .btn-add-to-cart {
  background-color: var(--awa-primary, #b73337) !important;
  border-color: var(--awa-primary, #b73337) !important;
  cursor: pointer !important;
  min-height: 36px !important;
}

/* ---------------------------------------------------------------------------
   BUG-04 | "Mais Vendidos" Images Not Loading
   CSS-side fix: ensure product images in carousels are visible and not
   hidden by OWL lazy-load placeholder styles.
   (Template fix in bestseller.phtml handles OWL lazyLoad config)
   --------------------------------------------------------------------------- */

/* Force images visible in bestseller/featured/onsale carousels */
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .product-thumb img,
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .product-image-photo,
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .first-thumb img,
:is(body.cms-index-index, body.cms-home) .rokan-featuredproduct .product-thumb img,
:is(body.cms-index-index, body.cms-home) .rokan-featuredproduct .first-thumb img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 80px !important;
  object-fit: contain !important;
  filter: none !important;
  animation: none !important;
}

/* OWL lazy-load placeholder fix: override the "loading" state */
:is(body.cms-index-index, body.cms-home) .owl-item .product-thumb .owl-lazy[src],
:is(body.cms-index-index, body.cms-home) .owl-item .product-thumb img[src] {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure the parent container does not clip images */
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .product-thumb,
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .first-thumb,
:is(body.cms-index-index, body.cms-home) .rokan-bestseller .product-thumb-link {
  overflow: visible !important;
  min-height: 120px !important;
  display: block !important;
}

/* ---------------------------------------------------------------------------
   BUG-05 | Payment Method Icons Missing in Footer
   Root cause: Images exist (HTTP 200) but may be hidden by CSS overflow,
   zero dimensions, or opacity rules.
   Fix: Explicit dimensions and visibility for footer payment logos.
   --------------------------------------------------------------------------- */

/* Payment logo list container */
.page_footer .awa-footer-pay-logos {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Individual payment logo item */
.page_footer .awa-pay-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  min-height: 24px !important;
  overflow: visible !important;
  list-style: none !important;
}

/* Payment logo images — force visible with explicit dimensions */
.page_footer .awa-pay-logo img {
  display: block !important;
  width: auto !important;
  max-width: 50px !important;
  height: auto !important;
  max-height: 32px !important;
  min-width: 28px !important;
  min-height: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  object-fit: contain !important;
  /* Subtle styling for consistency */
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  padding: 2px;
}

/* Security seals */
.page_footer .awa-footer-sec-seals {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
}

.page_footer .awa-seal svg {
  display: block !important;
  opacity: 0.7 !important;
  transition: opacity 0.2s ease !important;
}

.page_footer .awa-seal:hover svg {
  opacity: 1 !important;
}

/* ---------------------------------------------------------------------------
   BUG-07 | Countdown Overlapping "SUPER OFERTAS" Title
   Root cause: .countdown-wrapper uses position:absolute and overlaps
   the section heading.
   Fix: Make section heading container a flex column, stack countdown below.
   --------------------------------------------------------------------------- */

/* Section heading must be a flex row with items properly aligned */
:is(body.cms-index-index, body.cms-home) .hot-deal .rokan-product-heading,
:is(body.cms-index-index, body.cms-home) .list-tab-product .rokan-product-heading,
:is(body.cms-index-index, body.cms-home) .ayo-home5-wrapper .top-home-content .rokan-product-heading {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Countdown wrapper: remove absolute positioning, flow inline */
:is(body.cms-index-index, body.cms-home) .hot-deal .countdown-wrapper,
:is(body.cms-index-index, body.cms-home) .hot-deal .awa-countdown,
:is(body.cms-index-index, body.cms-home) .hot-deal .hot-deal-counter,
:is(body.cms-index-index, body.cms-home) .hot-deal [class*="countdown"],
:is(body.cms-index-index, body.cms-home) .list-tab-product .countdown-wrapper,
:is(body.cms-index-index, body.cms-home) .list-tab-product [class*="countdown"] {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  z-index: auto !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

/* Countdown individual digit/block styling */
:is(body.cms-index-index, body.cms-home) [class*="countdown"] .countdown-amount,
:is(body.cms-index-index, body.cms-home) [class*="countdown"] .countdown-section {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  min-height: 32px !important;
  background: var(--awa-primary, #b73337) !important;
  color: var(--awa-white, #ffffff) !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Countdown label (Dias, Horas, Min, Seg) */
:is(body.cms-index-index, body.cms-home) [class*="countdown"] .countdown-period {
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--awa-text-muted, #999) !important;
  margin-top: 2px !important;
}

/* Mobile: countdown wraps below the title */
@media (max-width: 767px) {
  :is(body.cms-index-index, body.cms-home) .hot-deal .rokan-product-heading,
  :is(body.cms-index-index, body.cms-home) .list-tab-product .rokan-product-heading {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  :is(body.cms-index-index, body.cms-home) .hot-deal [class*="countdown"],
  :is(body.cms-index-index, body.cms-home) .list-tab-product [class*="countdown"] {
    margin-left: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* ---------------------------------------------------------------------------
   BONUS | Skeleton Shimmer for Loading States (Phase 2 preview)
   Provides a shimmer animation for product cards during load.
   --------------------------------------------------------------------------- */

@keyframes awa-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Applied via JS class .awa-skeleton */
.awa-skeleton {
  background: linear-gradient(
    90deg,
    var(--awa-neutral-100, #f1f5f9) 25%,
    var(--awa-neutral-200, #e2e8f0) 50%,
    var(--awa-neutral-100, #f1f5f9) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: awa-shimmer 1.5s ease-in-out infinite !important;
  color: transparent !important;
  border-radius: 4px !important;
}

/* ---------------------------------------------------------------------------
   REDUCED MOTION — respect user preference
   --------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .awa-skeleton {
    animation: none !important;
    background: var(--awa-neutral-100, #f1f5f9) !important;
  }
}

/* ===== awa-phase2-b2b-ux.css ===== */
/* =============================================================================
   AWA MOTOS — Phase 2: B2B UX Improvements
   Date: 2026-05-14
   Cascata: loads AFTER awa-phase1-bugfixes.css
   Escopo: 7 B2B-focused UX enhancements
   ============================================================================= */

/* ---------------------------------------------------------------------------
   MEL-01 | B2B Price Gate Badge on Product Cards
   Shows a persistent lock badge when user is not logged in.
   The .awa-b2b-price-gate element is injected by JS (GrupoAwamotos_B2B)
   or rendered server-side via login-to-cart.phtml.
   --------------------------------------------------------------------------- */

/* Price gate overlay on product cards */
.awa-b2b-price-gate,
.product-item .awa-b2b-login-overlay,
.content-item-product .awa-b2b-login-overlay {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: linear-gradient(135deg, #fef2f2 0%, #fff5f5 100%);
  border: 1px solid rgba(183, 51, 55, 0.12);
  border-radius: 8px;
  margin-top: 8px;
  font-family: Inter, Roboto, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--awa-primary, #b73337);
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  text-decoration: none;
  line-height: 1.4;
}

.awa-b2b-price-gate:hover,
.product-item .awa-b2b-login-overlay:hover {
  background: linear-gradient(135deg, #fee2e2 0%, #fef2f2 100%);
  box-shadow: 0 4px 12px rgba(183, 51, 55, 0.12);
  transform: translateY(-1px);
}

/* Lock icon: ver awa-b2b-card-price-ux.css (SVG mask, sem emoji) */

/* B2B price gate full-width CTA variant */
.awa-b2b-price-gate--cta {
  width: 100%;
  background: var(--awa-primary, #b73337);
  color: var(--awa-white, #ffffff) !important;
  border: none;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.awa-b2b-price-gate--cta:hover {
  background: var(--awa-primary-hover, #9b2c30);
  color: var(--awa-white, #ffffff) !important;
  box-shadow: 0 6px 20px rgba(183, 51, 55, 0.25);
}

/* Lock icon CTA: awa-b2b-card-price-ux.css */

/* "Preço para CNPJ" mini-badge on card top */
.awa-b2b-cnpj-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--awa-white, #ffffff);
  font-family: Inter, Roboto, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  border-radius: 20px;
  pointer-events: none;
  text-transform: uppercase;
}

/* Badge lock: awa-b2b-card-price-ux.css */

/* ---------------------------------------------------------------------------
   MEL-02 | Menu Departamentos — Enhanced UX
   Hover highlight with AWA Red, smooth transitions, animated chevron,
   tooltip on collapsed mode.
   (Most of this is already in awa-vertical-menu-modern.css. We add refinements.)
   --------------------------------------------------------------------------- */

/* Enhanced hover: deeper red highlight */
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0:hover {
  background: rgba(139, 26, 26, 0.04) !important;
}

body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0:hover > a.level-top {
  color: var(--awa-primary-deep, #8B1A1A) !important;
}

/* Active bar uses deeper red */
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0:hover > a.level-top::before {
  background: var(--awa-primary-deep, #8B1A1A) !important;
  transform: scaleY(1) !important;
}

/* Tooltip for collapsed icons (CSS-only tooltip) */
@media (min-width: 992px) {
  body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0 > a.level-top {
    position: relative !important;
  }

  /* Animated chevron for parent items */
  body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent > a.level-top::after {
    transition: border-color 0.2s ease, transform 0.2s ease !important;
  }

  body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent:hover > a.level-top::after {
    border-color: var(--awa-primary-deep, #8B1A1A) !important;
    transform: rotate(45deg) translateX(3px) !important;
  }

  body .page-wrapper .navigation.verticalmenu .togge-menu > li.level0.parent.vmm-active > a.level-top::after {
    border-color: var(--awa-primary-deep, #8B1A1A) !important;
    transform: rotate(135deg) translateX(-1px) !important;
  }
}

/* ---------------------------------------------------------------------------
   MEL-03 | Product Card Hierarchy for B2B Guests
   Restructures the visual hierarchy for non-logged users:
   Image > Name (2 lines max) > REF badge > Price gate CTA
   --------------------------------------------------------------------------- */

/* Product name: clamp to 2 lines */
.rokan-bestseller .product-name,
.rokan-bestseller .product-item-link,
.rokan-featuredproduct .product-name,
.rokan-featuredproduct .product-item-link,
.rokan-onsaleproduct .product-item-link,
.product-items .product-item-link {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Inter, Roboto, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--awa-text, #1e293b);
  min-height: 38px;
}

/* SKU reference badge */
.awa-b2b-sku {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: var(--awa-neutral-100, #f1f5f9);
  border: 1px solid var(--awa-neutral-200, #e2e8f0);
  border-radius: 4px;
  font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--awa-text-muted, #64748b);
  letter-spacing: 0.02em;
  margin-top: 4px;
  margin-bottom: 6px;
  max-width: fit-content;
}

.awa-b2b-sku__label {
  font-weight: 600;
  color: var(--awa-text-dim, #94a3b8);
}

/* Uniform card height via stretch */
.rokan-bestseller .content-item-product,
.rokan-featuredproduct .item-product .content-item-product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.rokan-bestseller .product-info,
.rokan-featuredproduct .product-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.rokan-bestseller .product-info-cart,
.rokan-featuredproduct .product-info-cart {
  margin-top: auto;
}

/* ---------------------------------------------------------------------------
   MEL-04 | B2B Condition Section — PDP Highlight
   Enhanced visual treatment for the B2B wholesale condition block.
   --------------------------------------------------------------------------- */

.awa-b2b-condition,
.awa-pdp-b2b-condition,
[data-awa-component="b2b-condition"] {
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 22%, transparent);
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, #ffffff);
  border-radius: 8px;
  padding: 20px 24px;
  margin: 16px 0;
  position: relative;
  overflow: hidden;
}

.awa-b2b-condition::before,
.awa-pdp-b2b-condition::before {
  content: none;
}

.awa-b2b-condition__title,
.awa-pdp-b2b-condition .awa-b2b-section-title {
  font-family: Inter, Roboto, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--awa-primary-deep, #8B1A1A);
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.awa-b2b-condition__title::before {
  content: '🏷️';
  font-size: 16px;
}

.awa-b2b-condition__body {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--awa-text, #334155);
}

/* WhatsApp CTA inside B2B condition */
.awa-b2b-condition__whatsapp-cta,
.awa-pdp-whatsapp-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #25D366;
  color: #ffffff !important;
  border-radius: 8px;
  font-family: Inter, Roboto, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 12px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.awa-b2b-condition__whatsapp-cta:hover,
.awa-pdp-whatsapp-cta:hover {
  background: #20BA5C;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.3);
  transform: translateY(-1px);
  color: #ffffff !important;
}

.awa-b2b-condition__whatsapp-cta::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

/* ---------------------------------------------------------------------------
   MEL-05 | Footer "Canal Comercial" Cards
   Enhanced card design with hover, larger icons, response time estimates.
   --------------------------------------------------------------------------- */

/* Business contact cards grid */
.awa-footer-business-contact__actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

/* Individual contact card */
.awa-footer-business-contact__action {
  display: flex !important;
  align-items: center;
  gap: 14px;
  padding: 16px 20px !important;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #111827;
  text-decoration: none !important;
  transition: box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease !important;
}

.awa-footer-business-contact__action:hover {
  background: #f9fafb !important;
  border-color: #d1d5db;
  color: #111827;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

/* Primary action (WhatsApp) — card claro com acento verde */
.awa-footer-business-contact__action--primary {
  border-color: #bbf7d0 !important;
  background: #ffffff !important;
}

.awa-footer-business-contact__action--primary:hover {
  border-color: #86efac !important;
  background: #f0fdf4 !important;
  box-shadow: 0 4px 12px rgba(22, 101, 52, 0.12);
}

/* Icon size increase: 24px → 32px */
.awa-footer-business-contact__action-icon {
  font-size: 28px !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  flex-shrink: 0;
}

.awa-footer-business-contact__action-icon i {
  font-size: 24px !important;
}

/* Copy text */
.awa-footer-business-contact__action-copy {
  display: flex !important;
  flex-direction: column;
  gap: 2px;
}

.awa-footer-business-contact__action-copy strong {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.awa-footer-business-contact__action-copy small {
  font-size: 12px;
  color: #4b5563;
  line-height: 1.3;
}

/* Response time estimate (added via CSS pseudo for WhatsApp) */
.awa-footer-business-contact__action--primary .awa-footer-business-contact__action-copy small::after {
  content: ' · Resposta em ~5min';
  color: rgba(37, 211, 102, 0.8);
  font-weight: 500;
}

/* Equal height cards */
@media (min-width: 768px) {
  .awa-footer-business-contact__actions {
    align-items: stretch;
  }

  .awa-footer-business-contact__action {
    min-height: 80px;
  }
}

/* Mobile: stack vertically */
@media (max-width: 767px) {
  .awa-footer-business-contact__actions {
    grid-template-columns: 1fr !important;
  }
}

/* ---------------------------------------------------------------------------
   MEL-06 | Top Announcement Bar Enhancement
   CNPJ icon, CTA highlight with gold hover, ticker animation for
   multiple messages.
   --------------------------------------------------------------------------- */

/* CNPJ icon before the text */
.awa-b2b-promo-bar__lead::before {
  content: '🏢';
  margin-right: 6px;
  font-size: 13px;
}

/* CTA "Cadastre agora" enhancement */
.awa-b2b-promo-bar__cta {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.awa-b2b-promo-bar__cta:hover {
  color: #FFD700 !important;
  text-decoration-color: #FFD700 !important;
}

.awa-b2b-promo-bar__cta strong {
  font-weight: 700;
}

/* Dismissing animation */
.awa-b2b-promo-bar.is-dismissing {
  opacity: 0;
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition-property: opacity, transform;
}

/* Ticker animation for multiple messages (class added via JS) */
@keyframes awa-ticker-slide {
  0% { transform: translateY(0); opacity: 1; }
  45% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(-100%); opacity: 0; }
  55% { transform: translateY(100%); opacity: 0; }
  60% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; }
}

.awa-b2b-promo-bar__text--ticker {
  animation: awa-ticker-slide 8s ease-in-out infinite;
}

/* ---------------------------------------------------------------------------
   MEL-07 | Skeleton Loading States (Shimmer)
   Replaces grey placeholders with premium shimmer animation.
   --------------------------------------------------------------------------- */

@keyframes awa-shimmer-slide {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Base skeleton class — apply to elements during load */
.awa-skeleton,
.awa-skeleton-text,
.awa-skeleton-image {
  background: linear-gradient(
    90deg,
    var(--awa-neutral-100, #f1f5f9) 25%,
    var(--awa-neutral-200, #e2e8f0) 37%,
    var(--awa-neutral-100, #f1f5f9) 63%
  ) !important;
  background-size: 200% 100% !important;
  animation: awa-shimmer-slide 1.5s ease-in-out infinite !important;
  color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  user-select: none !important;
}

.awa-skeleton-text {
  border-radius: 4px !important;
  height: 14px !important;
  margin: 4px 0 !important;
}

.awa-skeleton-text--title {
  height: 18px !important;
  width: 80% !important;
}

.awa-skeleton-text--short {
  width: 60% !important;
}

.awa-skeleton-image {
  border-radius: 8px !important;
  min-height: 180px !important;
  width: 100% !important;
}

/* Skeleton product card */
.awa-skeleton-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
  background: var(--awa-white, #ffffff);
  border: 1px solid var(--awa-neutral-100, #f1f5f9);
}

/* OWL carousel items during loading */
.owl-item:not(.loaded) .product-thumb,
.owl-item .product-thumb:empty {
  background: linear-gradient(
    90deg,
    #f1f5f9 25%,
    #e2e8f0 37%,
    #f1f5f9 63%
  );
  background-size: 200% 100%;
  animation: awa-shimmer-slide 1.5s ease-in-out infinite;
  min-height: 180px;
  border-radius: 8px;
}

/* ---------------------------------------------------------------------------
   PHASE 3 PREVIEW | Accessibility Improvements
   WCAG AA contrast, aria-labels, keyboard nav enhancements
   --------------------------------------------------------------------------- */

/* Ensure CTA buttons meet WCAG AA 4.5:1 contrast ratio */
body .page-wrapper .action.tocart,
body .page-wrapper .btn-add-to-cart,
body .page-wrapper .awa-b2b-price-gate--cta {
  /* AWA Red on white: 5.2:1 — passes AA */
  /* White on AWA Red: 5.2:1 — passes AA */
  color: #ffffff !important;
  background-color: #b73337 !important;
}

/* Focus rings for header icon buttons (cart, search, user) */
.awa-site-header [role="button"]:focus-visible,
.awa-site-header a:focus-visible,
.awa-site-header button:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* Keyboard navigation for department menu */
body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0 > a:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: -2px !important;
  background: rgba(183, 51, 55, 0.05) !important;
  border-radius: 4px;
}

/* Skip to content link (a11y best practice) */
.awa-skip-to-content {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  padding: 12px 24px;
  background: var(--awa-primary, #b73337);
  color: #ffffff;
  font-family: Inter, Roboto, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0 0 8px 8px;
  text-decoration: none;
  transition: top 0.2s ease;
}

.awa-skip-to-content:focus {
  top: 0;
}

/* ---------------------------------------------------------------------------
   REDUCED MOTION — respect user preference
   --------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .awa-skeleton,
  .awa-skeleton-text,
  .awa-skeleton-image,
  .owl-item:not(.loaded) .product-thumb {
    animation: none !important;
    background: var(--awa-neutral-100, #f1f5f9) !important;
  }

  .awa-b2b-promo-bar__text--ticker {
    animation: none !important;
  }

  .awa-b2b-price-gate:hover,
  .awa-footer-business-contact__action:hover,
  .awa-b2b-condition__whatsapp-cta:hover {
    transform: none !important;
  }

  .awa-b2b-promo-bar.is-dismissing {
    transition: none !important;
  }
}

/* ===== awa-b2b-card-price-ux.css ===== */
/*
 * AWA Motos — B2B card price UX (ui-ux-pro-max)
 * Mensagens legíveis, preços com contraste, ícone cadeado sem emoji.
 */

:root {
  --awa-b2b-lock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

/* Ícone cadeado SVG (substitui emoji em awa-phase2-b2b-ux) */
.awa-b2b-price-gate::before,
.product-item .awa-b2b-login-overlay::before,
.content-item-product .awa-b2b-login-overlay::before,
.awa-b2b-cnpj-badge::before,
.awa-b2b-price-gate--cta::before {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  background-color: currentColor !important;
  mask: var(--awa-b2b-lock-icon) no-repeat center / contain !important;
  -webkit-mask: var(--awa-b2b-lock-icon) no-repeat center / contain !important;
}

.awa-b2b-cnpj-badge::before {
  width: 10px !important;
  height: 10px !important;
}

/* Mensagem só texto (pendente ERP / aprovação) — vence font-size:0 do awa-super-home */
:where(.item-product, .product-item, .content-item-product)
  .info-price
  .b2b-login-to-see-price:not(:has(a)),
:where(.item-product, .product-item)
  .b2b-login-to-see-price:not(:has(a)),
:where(.item-product, .product-item)
  .b2b-login-to-see-price.price-box:not(:has(a)) {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #475569 !important;
  text-align: center !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

/* Guest: CTA com link — container invisível, botão estilizado */
:where(.item-product, .product-item, .content-item-product)
  .info-price
  .b2b-login-to-see-price:has(a) {
  font-size: 0 !important;
  line-height: 0 !important;
  gap: 4px !important;
}

:where(.item-product, .product-item, .content-item-product)
  .info-price
  .b2b-login-to-see-price:has(a)
  a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(183, 51, 55, 0.35) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #b73337 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

:where(.item-product, .product-item)
  .info-price
  .b2b-login-to-see-price:has(a)
  a:hover,
:where(.item-product, .product-item)
  .info-price
  .b2b-login-to-see-price:has(a)
  a:focus-visible {
  background: #b73337 !important;
  border-color: #b73337 !important;
  color: #fff !important;
  outline: none !important;
}

/* Cliente logado com preço liberado — contraste e hierarquia */
body.customer-logged-in
  :where(.item-product, .product-item)
  .info-price
  .price-box
  .price {
  color: #b73337 !important;
  font-weight: 700 !important;
}

body.customer-logged-in
  :where(.item-product, .product-item)
  .info-price
  .price-box
  .old-price
  .price {
  color: #64748b !important;
  font-weight: 500 !important;
  font-size: 0.85em !important;
}

body.customer-logged-in
  :where(.item-product, .product-item)
  .info-price
  .price-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  :where(.item-product, .product-item) .b2b-login-to-see-price:has(a) a {
    transition: none !important;
  }

  .awa-b2b-price-gate:hover,
  .product-item .awa-b2b-login-overlay:hover {
    transform: none !important;
  }
}

/* ===== awa-modernization-phase1.min.css ===== */
@media (max-width:767px){.action.primary,.action-primary,button.action,.btn-primary,.tocart,#product-addtocart-button,.action.tocart,.btn-cart{min-height:48px !important;min-width:48px !important}input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],select,textarea{min-height:48px !important}.minicart-wrapper .action.showcart,.header-wishlist .action,.search-toggle-icon,.nav-toggle,.action.close,.action-delete,.action-edit{min-width:48px !important;min-height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important}.pages .item a,.pages .item strong{min-width:48px !important;min-height:48px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.qty-wrapper input.qty,.field.qty .control input{min-height:48px !important}.qty-wrapper .qty-changer .qty-inc,.qty-wrapper .qty-changer .qty-dec{min-width:48px !important;min-height:48px !important}.filter-options-item .filter-options-title{min-height:48px !important;display:flex !important;align-items:center !important}.opc-progress-bar-item{min-height:48px !important}.footer.content a,.footer-container a{min-height:48px !important;display:inline-flex !important;align-items:center !important}.data.item.title a,.accordion-title,.filter-options-title{min-height:48px !important;display:flex !important;align-items:center !important}}.awa-ripple{position:relative;overflow:hidden;transform:translate3d(0, 0, 0)}.awa-ripple::after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle, #fff 10%, transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10, 10);opacity:0;transition:transform .5s,opacity 1s}.awa-ripple:active::after{transform:scale(0, 0);opacity:.2;transition:0s}.action.primary.awa-ripple::after,.btn-primary.awa-ripple::after,.tocart.awa-ripple::after{background-image:radial-gradient(circle, rgba(255,255,255,0.35) 10%, transparent 10.01%)}.awa-toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:380px;width:calc(100% - 32px)}@media (max-width:767px){.awa-toast-container{top:auto;bottom:16px;right:16px;left:16px;width:auto;max-width:none}}.awa-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:#ffffff;border:1px solid #e5e5e5;box-shadow:0 8px 24px rgba(17,24,39,0.06);font-size:14px;line-height:1.5;color:#333333;transform:translateX(120%);opacity:0;transition:transform .35s ease-out,opacity .3s ease;word-break:break-word}.awa-toast.awa-toast--visible{transform:translateX(0);opacity:1}.awa-toast.awa-toast--leaving{transform:translateX(120%);opacity:0}.awa-toast--success{border-color:color-mix(in srgb,#16a34a 35%,transparent)}.awa-toast--error{border-color:color-mix(in srgb,#dc2626 30%,transparent)}.awa-toast--warning{border-color:color-mix(in srgb,#d97706 30%,transparent)}.awa-toast--info{border-color:color-mix(in srgb,#0ea5e9 30%,transparent)}.awa-toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.awa-toast__icon svg{width:100%;height:100%}.awa-toast__content{flex:1}.awa-toast__title{font-weight:600;margin-bottom:2px}.awa-toast__message{color:#64748B}.awa-toast__close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;color:#64748B;transition:color .15s,background .15s;background:none;border:none;padding:0;margin:-4px -6px -4px 0}.awa-toast__close:hover{color:#333333;background:#e2e8f0}.awa-toast__close svg{width:16px;height:16px}@keyframes awa-pulse{0%{box-shadow:0 0 0 0 rgba(183,51,55,0.4)}70%{box-shadow:0 0 0 10px rgba(183,51,55,0)}100%{box-shadow:0 0 0 0 rgba(183,51,55,0)}}.awa-pulse{animation:awa-pulse 2s infinite}.awa-pulse-once{animation:awa-pulse 1.5s ease-out 1}.awa-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#ffffff;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12);transform:translateY(100%);transition:transform .3s ease-out;max-height:85vh;display:flex;flex-direction:column}.awa-bottom-sheet.awa-bottom-sheet--open{transform:translateY(0)}.awa-bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.awa-bottom-sheet__title{font-size:18px;font-weight:600}.awa-bottom-sheet__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;background:none;border:none;color:#64748B}.awa-bottom-sheet__close:hover{background:#e2e8f0}.awa-bottom-sheet__content{flex:1;overflow-y:auto;padding:12px 20px;-webkit-overflow-scrolling:touch}.awa-bottom-sheet__footer{padding:12px 20px 20px;border-top:1px solid #e5e5e5;display:flex;gap:12px;flex-shrink:0}.awa-bottom-sheet__footer .action{flex:1}.awa-bottom-sheet-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.awa-bottom-sheet-overlay.awa-bottom-sheet-overlay--visible{opacity:1;visibility:visible}.awa-search-no-results{text-align:center;padding:48px 24px}.awa-search-no-results__icon{width:64px;height:64px;margin:0 auto 20px;color:#64748B}.awa-search-no-results__title{font-size:32px;font-weight:600;margin-bottom:8px;color:#333333}.awa-search-no-results__message{font-size:16px;color:#64748B;margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto}.awa-search-no-results__suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.awa-search-no-results__suggestion{display:inline-flex;align-items:center;padding:8px 16px;border-radius:9999px;background:#f1f5f9;color:#333333;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.awa-search-no-results__suggestion:hover{background:#F1F5F9;color:#b73337}.awa-search-no-results__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;background:#b73337;color:#fff;font-weight:600;text-decoration:none;transition:background-color .2s}.awa-search-no-results__cta:hover{background:#8e2629}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}button,a,[role="button"]{-webkit-tap-highlight-color:rgba(183,51,55,0.1)}@media (prefers-reduced-motion:reduce){.awa-ripple::after{transition:none !important}.awa-toast{transition:opacity .15s ease !important;transform:none !important}.awa-bottom-sheet{transition:opacity .15s ease !important;transform:none !important}.awa-pulse,.awa-pulse-once{animation:none !important}}
/* ===== awa-modernization-phase2.css ===== */
/**
 * AWA Motos — Modernização Fase 2 (ui-ux-pro-max)
 * Trust & Authority + interação mobile/desktop sem layout shift.
 * Paleta AWA: --awa-primary #b73337, --awa-primary-dark #8e2629
 */

/* ── 1. Trigger Departamentos (desktop) ───────────────────────────────────── */
@media (min-width: 992px) {
  body .page-wrapper .awa-site-header [data-role="awa-vertical-menu-trigger"].awa-vmenu-trigger-btn {
    cursor: pointer;
    gap: 10px;
    border: none;
    border-radius: var(--awa-radius-sm, 8px);
    transition:
      background-color 200ms ease,
      box-shadow 200ms ease,
      color 200ms ease;
  }

  body .page-wrapper .awa-site-header [data-role="awa-vertical-menu-trigger"].awa-vmenu-trigger-btn:hover {
    background: var(--awa-primary-dark, #8e2629) !important;
    box-shadow: 0 2px 10px rgb(142 38 41 / 28%);
  }

  body .page-wrapper .awa-site-header [data-role="awa-vertical-menu-trigger"].awa-vmenu-trigger-btn:focus-visible {
    outline: 2px solid var(--awa-white, #fff);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgb(183 51 55 / 35%);
  }

  body .page-wrapper .navigation.verticalmenu.side-verticalmenu.is-open
    > [data-role="awa-vertical-menu-trigger"],
  body .page-wrapper .navigation.verticalmenu.side-verticalmenu:focus-within
    > [data-role="awa-vertical-menu-trigger"] {
    background: var(--awa-primary-dark, #8e2629) !important;
  }
}

/* ── 2. Drawer mobile — overlay + painel + reduced motion ───────────────── */
.awa-custom-drawer-overlay {
  opacity: 0;
  transition: opacity 220ms ease;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

body.awa-mobile-drawer-open .awa-custom-drawer-overlay {
  opacity: 1;
}

@media (max-width: 991px) {
  body.awa-mobile-drawer-open .page-wrapper #awa-category-navigation.section-items {
    box-shadow: 4px 0 24px rgb(26 26 26 / 18%);
    border-right: 1px solid var(--awa-border, #e5e5e5);
  }

  body.awa-mobile-drawer-open .page-wrapper #awa-category-navigation .awa-nav-close {
    cursor: pointer;
    border-radius: var(--awa-radius-sm, 6px);
    transition: background-color 150ms ease, color 150ms ease;
  }

  body.awa-mobile-drawer-open .page-wrapper #awa-category-navigation .awa-nav-close:hover {
    background: var(--awa-gray-100, #f7f7f7);
  }

  body.awa-mobile-drawer-open .page-wrapper #awa-category-navigation .awa-nav-close:focus-visible {
    outline: 2px solid var(--awa-primary, #b73337);
    outline-offset: 2px;
  }

  /* Itens do drawer — touch + feedback */
  body.awa-mobile-drawer-open #awa-category-navigation a.level-top {
    min-height: 48px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
  }

  body.awa-mobile-drawer-open #awa-category-navigation a.level-top:hover,
  body.awa-mobile-drawer-open #awa-category-navigation a.level-top:focus-visible {
    background: rgb(183 51 55 / 8%);
    color: var(--awa-primary, #b73337);
  }
}

@media (max-width: 991px) and (prefers-reduced-motion: no-preference) {
  body.awa-mobile-drawer-open .page-wrapper #awa-category-navigation.section-items {
    animation: awa-drawer-slide-in 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}

@keyframes awa-drawer-slide-in {
  from {
    transform: translateX(-12px);
    opacity: 0.92;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .awa-custom-drawer-overlay,
  body.awa-mobile-drawer-open .page-wrapper #awa-category-navigation.section-items {
    animation: none !important;
    transition: none !important;
  }
}

/* ── 3. Bottom nav — estado ativo drawer + focus ─────────────────────────── */
@media (max-width: 991px) {
  nav.awa-mobile-bottom-nav .mobile-bottom-link li.is-menu-open > .toggle-nav-footer,
  nav.awa-mobile-bottom-nav .mobile-bottom-link li.is-menu-open > .toggle-nav-footer:focus-visible {
    color: var(--awa-primary, #b73337) !important;
    font-weight: 600 !important;
  }

  nav.awa-mobile-bottom-nav .mobile-bottom-link li.is-menu-open > .toggle-nav-footer .icon {
    color: var(--awa-primary, #b73337);
  }

  nav.awa-mobile-bottom-nav .toggle-nav-footer[aria-expanded="true"] {
    color: var(--awa-primary, #b73337) !important;
  }
}

/* ── 4. B2B gate — Trust pattern (cards PLP/home) ───────────────────────── */
:where(.item-product, .product-item) .b2b-login-to-see-price:has(a) a {
  cursor: pointer;
  transition:
    background-color 200ms ease,
    border-color 200ms ease,
    color 200ms ease,
    box-shadow 200ms ease;
}

:where(.item-product, .product-item) .b2b-login-to-see-price:has(a) a:hover {
  background: var(--awa-primary, #b73337) !important;
  border-color: var(--awa-primary, #b73337) !important;
  color: var(--awa-white, #fff) !important;
  box-shadow: 0 2px 8px rgb(183 51 55 / 22%);
}

:where(.item-product, .product-item) .b2b-login-to-see-price:has(a) a:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}

/* ── 5. Filtros mobile (bottom-sheet phase1) ─────────────────────────────── */
@media (max-width: 767px) {
  .awa-mobile-filter-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    margin-inline: 8px 0;
    border: 1px solid var(--awa-border, #e5e5e5);
    border-radius: var(--awa-radius-sm, 8px);
    background: var(--awa-white, #fff);
    color: var(--awa-text, #333);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 200ms ease, background-color 200ms ease, color 200ms ease;
  }

  .awa-mobile-filter-toggle:hover {
    border-color: var(--awa-primary, #b73337);
    color: var(--awa-primary, #b73337);
  }

  .awa-mobile-filter-toggle:focus-visible {
    outline: 2px solid var(--awa-primary, #b73337);
    outline-offset: 2px;
  }

  .awa-filter-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgb(0 0 0 / 45%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 220ms ease;
  }

  .awa-filter-overlay.awa-filter-overlay--visible {
    opacity: 1;
    pointer-events: auto;
  }

  body.filter-active .block.filter {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 9999 !important;
    max-height: 85vh !important;
    margin: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 -8px 32px rgb(0 0 0 / 15%) !important;
    overflow-y: auto !important;
    transform: translateY(100%);
    transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.filter-active .block.filter._active {
    transform: translateY(0);
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  body.filter-active .block.filter {
    transition: none !important;
  }
}

/* ── 6. Busca header — focus ring consistente ───────────────────────────── */
body .page-wrapper .awa-site-header .block-search .input-text:focus-visible,
body .page-wrapper .awa-site-header #search:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 1px;
  box-shadow: 0 0 0 3px rgb(183 51 55 / 12%);
}

/* ── 7. Scroll lock helper (classe no html) ───────────────────────────────── */
html.awa-scroll-locked,
html.awa-scroll-locked body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

/* ── 8. Toast acima do drawer / bottom nav ─────────────────────────────────── */
.awa-toast-container {
  z-index: 10050;
}

/* ── 9. Flyout portal — links subcategoria (desktop, sem layout shift) ───── */
@media (min-width: 992px) and (hover: hover) {
  body .awa-vmf-portal a {
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
  }

  body .awa-vmf-portal a:hover,
  body .awa-vmf-portal a:focus-visible {
    background: rgb(183 51 55 / 6%);
    color: var(--awa-primary, #b73337);
  }
}

/* ── 10. Cards — ações secundárias (wishlist/compare) ─────────────────────── */
.products-grid .product-item .action.towishlist,
.products-grid .product-item .action.tocompare,
.products-grid .item-product .action.towishlist,
.products-grid .item-product .action.tocompare {
  cursor: pointer;
  transition: color 200ms ease, background-color 200ms ease;
}

.products-grid .product-item .action.towishlist:focus-visible,
.products-grid .product-item .action.tocompare:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
  border-radius: var(--awa-radius-xs, 4px);
}

/* ── 11. Paginação — feedback hover estável ───────────────────────────────── */
body .page-wrapper .pages .item a {
  cursor: pointer;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

body .page-wrapper .pages .item a:hover {
  border-color: var(--awa-primary, #b73337);
  color: var(--awa-primary, #b73337);
}

body .page-wrapper .pages .item a:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}

/* ===== awa-modernization-phase3.css ===== */
/**
 * AWA Motos — Modernização Fase 3 (ui-ux-pro-max)
 * PDP: Social Proof + Trust, galeria estável, sticky CTA, tabs a11y
 */
body.catalog-product-view .product-info-main .b2b-login-to-see-price {
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 22%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, #ffffff) !important;
  box-shadow: 0 1px 3px rgb(15 23 42 / 6%) !important;
}
body.catalog-product-view .product-info-main .b2b-login-to-see-price .price-label::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  background-color: var(--awa-primary, #b73337);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.catalog-product-view .product-info-main .b2b-login-to-see-price a { cursor: pointer; }
@media (hover: hover) {
  body.catalog-product-view .product.media .fotorama__arr:hover {
    transform: none !important;
    opacity: 1 !important;
    background: var(--awa-white, #fff) !important;
    box-shadow: 0 4px 14px rgb(0 0 0 / 14%) !important;
  }
  body.catalog-product-view .product.media .fotorama__arr:active { transform: none !important; }
}
body.catalog-product-view .product.media .fotorama__arr {
  cursor: pointer;
  transition: background-color 200ms ease, box-shadow 200ms ease, opacity 200ms ease !important;
}
body.catalog-product-view .product.media .fotorama__arr:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}
body.catalog-product-view .product-info-main .page-title .base {
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--awa-text, #1a1a1a);
}
body.catalog-product-view .product.data.items > .item.title > .switch {
  cursor: pointer;
  transition: color 200ms ease, border-color 200ms ease;
}
body.catalog-product-view .product.data.items > .item.title.active > .switch,
body.catalog-product-view .product.data.items > .item.title > .switch:hover {
  color: var(--awa-primary, #b73337);
}
body.catalog-product-view .product.data.items > .item.title > .switch:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}
@media (max-width: 991px) {
  body.catalog-product-view .awa-pdp-sticky-bar,
  body.catalog-product-view .awa-pdp-sticky-cta { z-index: 1002; }
  body.catalog-product-view.awa-pdp-sticky-cta-visible .awa-pdp-sticky-cta,
  body.catalog-product-view .awa-pdp-sticky-bar.is-visible { bottom: 72px; }
  body.catalog-product-view .awa-pdp-sticky-bar__btn,
  body.catalog-product-view .awa-pdp-sticky-bar__btn--guest,
  body.catalog-product-view .awa-pdp-sticky-cta__button { min-height: 44px; cursor: pointer; }
}
body.catalog-product-view .breadcrumbs a { cursor: pointer; transition: color 200ms ease; }
body.catalog-product-view .breadcrumbs a:hover,
body.catalog-product-view .breadcrumbs a:focus-visible { color: var(--awa-primary, #b73337); }
body.catalog-product-view .awa-b2b-condition__title::before,
body.catalog-product-view .awa-pdp-b2b-condition .awa-b2b-section-title::before {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  background-color: var(--awa-primary-deep, #8e2629) !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
body.catalog-product-view .awa-pdp-whatsapp-cta:hover,
body.catalog-product-view .awa-b2b-condition__whatsapp-cta:hover { transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .product.media .fotorama__arr,
  body.catalog-product-view .awa-pdp-sticky-bar { transition: none !important; }
}

/* Reforço cascata — vence awa-pdp.css border shorthand */
body.catalog-product-view .product-info-main .product-info-price .b2b-login-to-see-price,
body.catalog-product-view .product-info-main .b2b-login-to-see-price {
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 22%, transparent) !important;
  border-radius: 8px !important;
}

/* ===== awa-modernization-phase4.css ===== */
/**
 * AWA Motos — Modernização Fase 4 (ui-ux-pro-max)
 * Carrinho, minicart, checkout e busca — conversão + a11y
 */
:root {
  --awa-phase4-focus: 0 0 0 3px rgb(183 51 55 / 14%);
}

/* ── 1. Minicart — links e CTAs ─────────────────────────────────────────── */
.minicart-wrapper .product-item-name a,
.minicart-wrapper .product-item-photo {
  cursor: pointer;
  transition: color 200ms ease;
}
.minicart-wrapper .product-item-name a:hover {
  color: var(--awa-primary, #b73337);
}
.minicart-wrapper .block-minicart .actions .action.primary.checkout,
.minicart-wrapper .block-minicart .actions .action.viewcart {
  cursor: pointer;
  min-height: 44px;
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}
.minicart-wrapper .block-minicart .actions .action.primary.checkout:hover {
  background: var(--awa-primary-dark, #8e2629) !important;
  box-shadow: 0 2px 10px rgb(183 51 55 / 22%);
}
.minicart-wrapper .block-minicart .actions .action.primary.checkout:focus-visible,
.minicart-wrapper .block-minicart .actions .action.viewcart:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}
.minicart-wrapper .action.showcart {
  cursor: pointer;
}
.minicart-wrapper .action.showcart:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
  border-radius: var(--awa-radius-sm, 6px);
}

/* ── 2. Carrinho — interações ─────────────────────────────────────────────── */
body.checkout-cart-index .product-item-name a {
  cursor: pointer;
}
body.checkout-cart-index .action.primary.checkout,
body.checkout-cart-index .cart-summary .checkout-methods-items .action.primary {
  cursor: pointer;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}
body.checkout-cart-index .action.primary.checkout:hover,
body.checkout-cart-index .cart-summary .checkout-methods-items .action.primary:hover {
  box-shadow: 0 4px 14px rgb(183 51 55 / 24%);
}
body.checkout-cart-index .action.primary.checkout:focus-visible {
  outline: 2px solid var(--awa-white, #fff);
  outline-offset: 2px;
}
body.checkout-cart-index .action.update,
body.checkout-cart-index .action.action-delete,
body.checkout-cart-index .action.continue {
  cursor: pointer;
}
body.checkout-cart-index .cart-empty .action.primary {
  min-height: 44px;
  cursor: pointer;
}

/* ── 3. Checkout — formulário e erros ─────────────────────────────────────── */
body.checkout-index-index .opc-progress-bar-item._active > span,
body.rokanthemes-onepagecheckout .opc-progress-bar-item._active > span {
  border-color: var(--awa-primary, #b73337);
  color: var(--awa-primary, #b73337);
}
body.checkout-index-index .field .control input:focus-visible,
body.checkout-index-index .field .control select:focus-visible,
body.checkout-index-index .field .control textarea:focus-visible,
body.rokanthemes-onepagecheckout .field .control input:focus-visible,
body.rokanthemes-onepagecheckout .field .control select:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 1px;
  box-shadow: var(--awa-phase4-focus);
}
body.checkout-index-index .field._error .mage-error,
body.rokanthemes-onepagecheckout .field._error .mage-error {
  color: #b91c1c;
  font-weight: 500;
}
body.checkout-index-index .action.primary.checkout,
body.checkout-index-index #place-order-trigger,
body.rokanthemes-onepagecheckout .action.primary.checkout {
  cursor: pointer;
  min-height: 48px;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}
body.checkout-index-index .action.primary.checkout:focus-visible,
body.checkout-index-index #place-order-trigger:focus-visible {
  outline: 2px solid var(--awa-white, #fff);
  outline-offset: 2px;
}

/* ── 4. Busca / autocomplete ─────────────────────────────────────────────── */
.mst-searchautocomplete__autocomplete a,
.search-autocomplete.searchsuite-autocomplete a,
.mst-searchautocomplete__item {
  cursor: pointer;
}
.mst-searchautocomplete__item:hover,
.mst-searchautocomplete__item._active,
.mst-searchautocomplete__item[aria-selected="true"] {
  background: rgb(183 51 55 / 7%) !important;
}
.mst-searchautocomplete__item:focus-visible,
.mst-searchautocomplete__show-all a:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: -2px;
}
.mst-searchautocomplete__empty-result {
  color: var(--awa-text-muted, #64748b);
  padding: 16px;
  text-align: center;
  font-size: 14px;
}

/* ── 5. Mobile: minicart full width ──────────────────────────────────────── */
@media (max-width: 767px) {
  .minicart-wrapper .block-minicart {
    max-width: min(100vw - 16px, 380px) !important;
  }
  body.checkout-cart-index .cart-summary {
    position: relative !important;
    top: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .minicart-wrapper .block-minicart .actions .action,
  body.checkout-cart-index .action.primary.checkout {
    transition: none !important;
  }
}

/* ===== awa-modernization-phase5.css ===== */
/**
 * AWA Motos — Modernização Fase 5 (ui-ux-pro-max)
 * B2B cadastro, login, minha conta e footer
 */
:root {
  --awa-phase5-focus: 0 0 0 3px rgb(183 51 55 / 14%);
}

/* ── 1. Login / criar conta ───────────────────────────────────────────────── */
body.customer-account-login .login-container .block,
body.customer-account-create .form-create-account {
  border-radius: var(--awa-radius-md, 12px);
  box-shadow: 0 1px 4px rgb(15 23 42 / 6%);
}

body.customer-account-login .field .control input,
body.customer-account-login .field .control select,
body.customer-account-create .field .control input {
  min-height: 44px;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

body.customer-account-login .field .control input:focus-visible,
body.customer-account-create .field .control input:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 1px;
  box-shadow: var(--awa-phase5-focus);
}

body.customer-account-login .action.login,
body.customer-account-login .action.primary,
body.customer-account-create .action.submit {
  cursor: pointer;
  min-height: 48px;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

body.customer-account-login .action.login:hover,
body.customer-account-login .action.primary:hover {
  box-shadow: 0 4px 14px rgb(183 51 55 / 22%);
}

body.customer-account-login .action.login:focus-visible,
body.customer-account-create .action.submit:focus-visible {
  outline: 2px solid var(--awa-white, #fff);
  outline-offset: 2px;
}

/* ── 2. Cadastro B2B ─────────────────────────────────────────────────────── */
body.b2b-register-index #b2b-register-shell .field .control input,
body.b2b-register-index #b2b-register-shell .field .control select,
body.b2b-register-index #b2b-register-shell .field .control textarea {
  min-height: 44px;
  border-radius: var(--awa-radius-sm, 8px);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

body.b2b-register-index #b2b-register-shell .field .control input:focus-visible,
body.b2b-register-index #b2b-register-shell .field .control select:focus-visible,
body.b2b-register-index #b2b-register-shell .field .control textarea:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 1px;
  box-shadow: var(--awa-phase5-focus);
}

body.b2b-register-index #b2b-register-shell .field._error .control input,
body.b2b-register-index #b2b-register-shell .field._error .control select {
  border-color: #b91c1c !important;
}

body.b2b-register-index #b2b-register-shell .mage-error,
body.b2b-register-index #b2b-register-shell .field-error {
  color: #b91c1c;
  font-size: 12px;
  font-weight: 500;
}

body.b2b-register-index #b2b-register-shell .action.primary,
body.b2b-register-index #b2b-register-shell button[type="submit"] {
  cursor: pointer;
  min-height: 48px;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

body.b2b-register-index #b2b-register-shell .action.primary:hover {
  box-shadow: 0 4px 14px rgb(183 51 55 / 22%);
}

body.b2b-register-index #b2b-register-shell .b2b-benefits li {
  line-height: 1.5;
}

/* ── 3. Minha conta — nav e tabelas ─────────────────────────────────────── */
.account .sidebar-main .nav.items a,
.account .sidebar .nav.items a {
  cursor: pointer;
  transition: color 200ms ease, background-color 200ms ease;
  border-radius: var(--awa-radius-sm, 6px);
}

.account .sidebar-main .nav.items a:hover,
.account .sidebar .nav.items a:hover {
  color: var(--awa-primary, #b73337);
  background: rgb(183 51 55 / 6%);
}

.account .sidebar-main .nav.items a:focus-visible,
.account .sidebar .nav.items a:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}

.account .sidebar-main .nav.items .current a,
.account .sidebar .nav.items .current strong {
  color: var(--awa-primary, #b73337);
  font-weight: 600;
}

.account table.data.table a {
  cursor: pointer;
}

.account .action.primary,
.account .action-secondary {
  cursor: pointer;
  min-height: 44px;
}

.account .action.primary:focus-visible,
.account .action-secondary:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}

/* ── 4. Footer — links e CTAs B2B ───────────────────────────────────────── */
body .page-wrapper .page-footer a,
body .page-wrapper .page_footer a {
  cursor: pointer;
  transition: color 200ms ease, opacity 200ms ease;
}

body .page-wrapper .page-footer a:focus-visible,
body .page-wrapper .page_footer a:focus-visible {
  outline: 2px solid var(--awa-white, #fff);
  outline-offset: 2px;
}

body .page-wrapper .awa-footer-business-contact__action {
  cursor: pointer;
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

body .page-wrapper .awa-footer-business-contact__action:hover {
  transform: none;
}

body .page-wrapper .footer-accordion__trigger {
  cursor: pointer;
  min-height: 44px;
}

body .page-wrapper .footer-accordion__trigger:focus-visible {
  outline: 2px solid var(--awa-white, #fff);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  body.b2b-register-index #b2b-register-shell {
    padding-bottom: 88px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.customer-account-login .action.login,
  body.b2b-register-index #b2b-register-shell .action.primary,
  body .page-wrapper .awa-footer-business-contact__action {
    transition: none !important;
  }
}

/* ===== awa-promax-polish-v1.css ===== */
/*
 * AWA Motos — Pro-Max Polish v1 (2026-05-15)
 * ui-ux-pro-max: modernização visual incremental — acabamento fino.
 *
 * Escopo: preencher lacunas das fases anteriores sem duplicar regras já corretas.
 *   1.  Global — body branco, overflow seguro, antialiasing
 *   2.  Tokens — override --awa-bg para #fff em contextos de página
 *   3.  Inputs globais — borda, radius, foco; sem spinner nativo
 *   4.  Selects — aparência limpa com seta customizada
 *   5.  Botões — altura, padding, radius, transição consistentes
 *   6.  Cards de produto — radius 12px, sombra leve, título clampado, CTA rodapé
 *   7.  Header — densidade e alinhamento restantes
 *   8.  Home — espaçamento entre seções
 *   9.  PLP / Categoria — grid card e sidebar
 *  10.  PDP — detalhes de produto
 *  11.  Carrinho e Checkout — lacunas visuais remanescentes
 *  12.  Responsividade — overflow, mobile
 *  13.  Acessibilidade — focus, motion
 *
 * Não duplica: checkout-fix-v2, visual-polish-r2, flow-standardization,
 *              awa-design-tokens, awa-modern-2026, modernization-phase1-5.
 * Deploy: setup:static-content:deploy pt_BR -f --theme AWA_Custom/ayo_home5_child
 */

/* ==========================================================================
   1. GLOBAL — Fundo branco, overflow seguro
   ========================================================================== */

/* Override do token --awa-bg (#F8FAFC) para garantir branco no corpo */
html,
body,
#html-body {
  background-color: #ffffff !important;
}

.page-wrapper,
.page-main,
.column.main,
.columns .column.main {
  background-color: #ffffff !important;
}

/* Previne overflow horizontal global */
html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   2. INPUTS GLOBAIS — aparência limpa em todas as páginas
   ========================================================================== */

/* Remoção do spinner nativo do input[type="number"] globalmente.
   Checkout já trata isso em checkout-fix-v2.css; aqui cobre demais páginas. */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}

input[type="number"] {
  -moz-appearance: textfield !important;
}

/* Inputs: branco, borda #e5e5e5, radius 8px, texto #333.
   Escopo: .page-main para não afetar header/nav/search-autocomplete.
   Sem !important excessivo — especificidade alta basta para a maioria dos casos. */
.page-main .field .control input[type="text"],
.page-main .field .control input[type="email"],
.page-main .field .control input[type="tel"],
.page-main .field .control input[type="password"],
.page-main .field .control input[type="number"],
.page-main .field .control input[type="url"],
.page-main .field .control textarea,
.page-main .control input[type="text"],
.page-main .control input[type="email"],
.page-main .control input[type="tel"],
.page-main .control input[type="password"],
.page-main .control input[type="number"],
.page-main .control textarea {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  color: #333333;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Focus: borda vermelha — somente ao focar */
.page-main .field .control input:focus,
.page-main .field .control textarea:focus,
.page-main .control input:focus,
.page-main .control textarea:focus {
  border-color: #b73337 !important;
  box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.12) !important;
  outline: none !important;
}

/* Erro: vermelho somente se campo inválido (_error ou :invalid submetido) */
.page-main .field._error input,
.page-main .field._error select,
.page-main .field._error textarea {
  border-color: #dc2626 !important;
  background-color: #fef2f2 !important;
}

/* Remove borda vermelha decorativa de campos não-erro na categoria/catálogo */
.catalog-category-view input[type="text"]:not(:focus),
.catalogsearch-result-index input[type="text"]:not(:focus),
.catalog-product-view input[type="text"]:not(:focus),
.catalog-product-view input[type="number"]:not(:focus),
.catalog-product-view input[type="email"]:not(:focus) {
  border-color: #e5e5e5 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   3. SELECTS — aparência limpa com seta customizada
   ========================================================================== */

.page-main select,
.field .control select,
.filter-options-content select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  color: #333333 !important;
  padding-right: 36px !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease !important;
}

.page-main select:focus,
.field .control select:focus {
  border-color: #b73337 !important;
  box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.12) !important;
  outline: none !important;
}

/* ==========================================================================
   4. BOTÕES — polish sem sobrescrever contextos específicos do checkout/flow
   Regra: não forçar border-radius ou min-height com !important aqui,
   pois awa-flow-standardization.css já tem regras !important corretas.
   Apenas garantir cor, cursor e transição globais.
   ========================================================================== */

/* Cor AWA em botões primários que ainda não têm vermelho aplicado */
.page-main .action.primary:not([style*="background"]),
.sidebar .action.primary,
.toolbar .action.primary {
  background-color: #b73337;
  border-color: #b73337;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.page-main .action.primary:hover,
.sidebar .action.primary:hover,
.toolbar .action.primary:hover {
  background-color: #8e2629;
  border-color: #8e2629;
  box-shadow: 0 4px 12px rgba(183, 51, 55, 0.24);
}

/* Cursor pointer em todos botões clicáveis */
button,
[role="button"],
.action,
.btn {
  cursor: pointer;
}

/* Remove outline feio em Firefox */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* ==========================================================================
   5. CARDS DE PRODUTO — background, borda, radius, sombra, título, CTA
   ========================================================================== */

/* Fundo branco e borda padrão em todos product-item */
.product-item,
.item-product,
.product-item-info {
  background-color: #ffffff !important;
}

/* Borda e radius uniforme — complement awa-visual-polish-r2.css */
.products-grid .product-item,
.products-list .product-item,
.item-product {
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

/* Título do produto: clamp de 2 linhas para evitar cards de alturas desiguais */
.product-item .product-item-name,
.item-product .product-name-info,
.product-item-name .product-item-link,
.item-product .info-content .product-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
  min-height: calc(1.4em * 2) !important;
}

/* CTA do card: empurrar para o rodapé via flex */
.product-item .product-item-details,
.item-product .product-details {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.product-item .product-item-actions,
.item-product .product-item-actions,
.item-product .product-add-to-cart {
  margin-top: auto !important;
}

/* ==========================================================================
   6. HEADER — alinhamentos e densidades remanescentes
   ========================================================================== */

/* Garante header com fundo branco */
.page-header,
.header.content,
header.page-header,
.awa-site-header,
.header-container {
  background-color: #ffffff !important;
}

/* Alinha verticalmente todos os elementos do header */
.header.content,
.page-header .header.content {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Logo: sem margin excessiva */
.page-header .logo,
.header.content .logo {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* Busca: não encolhe em excesso */
.page-header .block-search,
.header.content .block-search,
.header.content .awa-search-wrapper {
  flex: 1 1 auto !important;
  min-width: 200px !important;
  max-width: 560px !important;
}

/* Links de conta: compactos e alinhados */
.page-header .customer-welcome,
.page-header .authorization-link,
.page-header .header.links,
.header.content .customer-welcome {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Ícone de carrinho: alinhamento vertical */
.page-header .minicart-wrapper,
.header.content .minicart-wrapper {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* ==========================================================================
   7. HOME — espaçamento entre seções
   ========================================================================== */

/* Espaçamento consistente entre seções — sobrepõe variações do tema pai */
.cms-index-index .top-home-content,
.cms-home .top-home-content,
.ayo-home5-wrapper .top-home-content {
  margin-bottom: 0 !important;
}

.cms-index-index .top-home-content + .top-home-content,
.cms-home .top-home-content + .top-home-content,
.ayo-home5-wrapper .awa-home-section + .awa-home-section {
  margin-top: clamp(24px, 3vw, 40px) !important;
}

/* Remove padding excessivo em wrappers de seção */
.awa-home-section,
.awa-carousel-section {
  padding-inline: 0 !important;
}

/* Fundo branco em todas as seções da home */
.cms-index-index .top-home-content,
.cms-home .top-home-content,
.cms-index-index .awa-home-section,
.cms-home .awa-home-section,
.awa-home-section {
  background-color: #ffffff !important;
}

/* Exceção: seção de destaques/benefícios pode ter fundo levemente off-white */
.awa-benefits-bar,
.awa-benefits-section {
  background-color: #f7f7f7 !important;
}

/* ==========================================================================
   8. PLP / CATEGORIA — grid e sidebar
   ========================================================================== */

/* Fundo branco nas páginas de categoria */
.catalog-category-view .page-wrapper,
.catalog-category-view .page-main,
.catalog-category-view .column.main,
.catalogsearch-result-index .page-wrapper,
.catalogsearch-result-index .page-main {
  background-color: #ffffff !important;
}

/* Cards no grid da PLP: altura uniforme.
   NÃO sobrescreve display:grid do awa-layout-canonical.css.
   Usa align-items:stretch dentro do grid para altura igual. */
.catalog-category-view .products-grid .product-items,
.catalogsearch-result-index .products-grid .product-items {
  align-items: stretch !important;
}

/* Cada card ocupa altura total da célula do grid */
.catalog-category-view .products-grid .product-item,
.catalogsearch-result-index .products-grid .product-item {
  height: 100% !important;
}

.catalog-category-view .products-grid .product-item .product-item-info,
.catalogsearch-result-index .products-grid .product-item .product-item-info {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Sidebar de filtros: borda neutra */
.catalog-category-view .sidebar,
.catalogsearch-result-index .sidebar {
  background-color: #ffffff !important;
}

.catalog-category-view .sidebar .filter-options-item,
.catalogsearch-result-index .sidebar .filter-options-item {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* ==========================================================================
   9. PDP — página de produto
   ========================================================================== */

.catalog-product-view .page-wrapper,
.catalog-product-view .page-main,
.catalog-product-view .column.main {
  background-color: #ffffff !important;
}

/* Área de preço: alinhamento limpo */
.catalog-product-view .product-info-price .price-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

/* Botão de adicionar ao carrinho: tamanho e radius */
.catalog-product-view .action.tocart.primary,
.catalog-product-view .box-tocart .action.tocart {
  min-height: 48px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   10. CARRINHO — lacunas remanescentes
   ========================================================================== */

.checkout-cart-index .page-wrapper,
.checkout-cart-index .page-main {
  background-color: #ffffff !important;
}

/* Fundo branco na tabela do carrinho */
.checkout-cart-index .cart.table-wrapper {
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Resumo do pedido (cart summary) */
.checkout-cart-index .cart-summary {
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* Stepper de quantidade no carrinho: sem spinner, dimensão adequada */
.checkout-cart-index .input-text.qty,
.checkout-cart-index .field.qty input[type="number"] {
  width: 56px !important;
  min-height: 36px !important;
  text-align: center !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  -moz-appearance: textfield !important;
}

/* ==========================================================================
   11. CHECKOUT — lacunas visuais após checkout-fix-v2.css
   ========================================================================== */

/* Remove borda vermelha decorativa de inputs no checkout que não estão em erro */
.checkout-index-index .field:not(._error) input[type="text"],
.checkout-index-index .field:not(._error) input[type="email"],
.checkout-index-index .field:not(._error) input[type="tel"],
.checkout-index-index .field:not(._error) input[type="password"],
.checkout-index-index .field:not(._error) select,
.checkout-index-index .field:not(._error) textarea,
.rokanthemes-onepagecheckout .field:not(._error) input[type="text"],
.rokanthemes-onepagecheckout .field:not(._error) input[type="email"],
.rokanthemes-onepagecheckout .field:not(._error) input[type="tel"],
.rokanthemes-onepagecheckout .field:not(._error) select {
  border-color: #e5e5e5 !important;
  box-shadow: none !important;
}

/* Foco correto nos inputs do checkout */
.checkout-index-index .field input:focus,
.checkout-index-index .field select:focus,
.rokanthemes-onepagecheckout .field input:focus,
.rokanthemes-onepagecheckout .field select:focus {
  border-color: #b73337 !important;
  box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.12) !important;
  outline: none !important;
}

/* Stepper de quantidade no checkout: sem spinner */
.checkout-index-index input[type="number"],
.checkout-index-index .qty-wrapper input[type="number"],
.checkout-index-index .details-qty input[type="number"],
.rokanthemes-onepagecheckout input[type="number"] {
  -moz-appearance: textfield !important;
  text-align: center !important;
}

/* Checkbox no checkout: alinhamento vertical */
.checkout-index-index .field-select-billing .control,
.checkout-index-index .checkout-billing-address .field input[type="checkbox"],
.rokanthemes-onepagecheckout input[type="checkbox"] {
  vertical-align: middle !important;
}

/* Label ao lado do checkbox: alinhamento */
.checkout-index-index .field-select-billing label,
.checkout-index-index .billing-address-same-as-shipping-block label,
.rokanthemes-onepagecheckout .checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

/* Scroll interno do resumo do pedido: limitar altura e scroll suave */
@media (min-width: 1024px) {
  .checkout-index-index .opc-block-summary .minicart-items-wrapper,
  .rokanthemes-onepagecheckout .opc-block-summary .minicart-items-wrapper {
    max-height: 320px !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cccccc #ffffff !important;
  }
}

/* ==========================================================================
   12. RESPONSIVIDADE — overflow, mobile
   ========================================================================== */

/* Sem overflow horizontal em nenhum tamanho */
@media (max-width: 767px) {
  html,
  body,
  .page-wrapper {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Cards no mobile: padding interno mínimo */
  .products-grid .product-item,
  .item-product {
    border-radius: 10px !important;
  }

  /* Títulos de produto no mobile: máximo 2 linhas */
  .product-item .product-item-name,
  .item-product .info-content .product-name {
    -webkit-line-clamp: 2 !important;
    font-size: 13px !important;
  }

  /* Botões primários: largura total no mobile */
  .product-item .action.tocart,
  .item-product .action.tocart,
  .product-item .product-item-actions .action {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Header no mobile: sem padding excessivo */
  .page-header,
  .header.content {
    padding-inline: 12px !important;
  }

  /* Busca no mobile: largura total */
  .page-header .block-search {
    max-width: 100% !important;
  }

  /* Checkout no mobile: empilha */
  .checkout-index-index .checkout-container,
  .rokanthemes-onepagecheckout .checkout-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding-inline: 12px !important;
  }

  /* Carrinho no mobile: sem overflow */
  .checkout-cart-index .cart.table-wrapper {
    overflow-x: auto !important;
  }
}

/* Tablet: 768px-1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  .page-main {
    padding-inline: clamp(16px, 3vw, 24px) !important;
  }

  .products-grid .product-items {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Desktop 1024px+: max-width de page-main já gerenciado por awa-layout-canonical.css.
   Apenas garantimos padding seguro no tablet/desktop. */
@media (min-width: 1024px) {
  .page-wrapper {
    overflow-x: hidden !important;
  }
}

/* ==========================================================================
   13. ACESSIBILIDADE — focus visível e motion
   ========================================================================== */

/* Focus ring global redundante (já em awa-modern-2026.css, mas garante cobertura) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #b73337 !important;
  outline-offset: 2px !important;
}

/* Respeita prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   14. MISC — pequenos bugs visuais
   ========================================================================== */

/* Remove double border em tabelas do Magento */
.data.table thead th,
.data.table tbody td {
  border-color: #e5e5e5 !important;
}

/* Paginação: botões limpos */
.pages .action.next,
.pages .action.previous,
.pages-items .item a,
.pages-items .item strong {
  border-radius: 6px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pages-items .item.current strong {
  background-color: #b73337 !important;
  color: #ffffff !important;
  border-color: #b73337 !important;
}

/* Mensagens de erro/sucesso do Magento */
.message.error > div,
.message.error > span {
  color: #7f1d1d !important;
}

.message.success > div,
.message.success > span {
  color: #065f46 !important;
}

/* Tooltip: sombra e radius */
.tooltip .tooltip-content,
.tooltipster-content {
  border-radius: 6px !important;
  font-size: 13px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

/* Badges/labels de produto */
.product-label,
.product-badge,
.sale-label,
.new-label {
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 3px 7px !important;
}

/* Breadcrumbs: sem espaço excessivo */
.breadcrumbs {
  padding-block: 8px 0 !important;
  margin-bottom: 8px !important;
}

.breadcrumbs .items {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Loading skeleton: animação suave */
.loading-mask .loader > img,
.loading-mask .loader > p {
  opacity: 0.8 !important;
}

/* ==========================================================================
   GLOBAL UX FIXES — TestSprite Report (2026-04-22)
   Correções globais para todas as páginas: overflow, z-index, scroll
   ========================================================================== */

/* Overlay Comparar: não bloquear footer.
   TestSprite: "compare overlay/panel overlapping footer CTAs" */
.page-wrapper .block.block-compare,
.sidebar.sidebar-additional .block.block-compare {
  position: relative !important;
  z-index: 150 !important;
}
.page-footer,
.page_footer {
  position: relative !important;
  z-index: 160 !important;
}

/* Anchor/hash targets: não ficam sob o sticky header */
html {
  scroll-padding-top: var(--awa-header-height, 100px) !important;
}
:target {
  scroll-margin-top: calc(var(--awa-header-height, 100px) + 16px) !important;
}

/* Setas de carousel: tamanho mínimo de touch target */
:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5)
  .awa-carousel-section .owl-controls .owl-buttons > div {
  min-width: 36px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

:is(body.cms-index-index, body.cms-home, body.cms-homepage_ayo_home5)
  .awa-carousel-section .owl-controls .owl-buttons > div:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
}

/* Category carousel cards: proporção consistente */
.awa-category-carousel__item,
.awa-cat-item {
  cursor: pointer !important;
}

.awa-category-carousel__item .awa-cat-label,
.awa-category-carousel__item .awa-category-carousel__name,
.awa-cat-item .cat-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Prevent horizontal scroll globalmente */
.top-home-content,
.awa-home-section,
.awa-carousel-section {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* ===== awa-ui-promax-phase2.css ===== */
/*
 * AWA Motos — UI Pro-Max Phase 2 (2026-05-15)
 * Continua as melhorias visuais em cima do Phase 1 (awa-promax-polish-v1.css)
 *
 * Áreas cobertas:
 *   1. Acessibilidade — focus states visíveis (WCAG AA)
 *   2. PLP — category page header, filtros, empty state
 *   3. Formulários — campos de validação (erro/sucesso), mensagens
 *   4. Mobile nav — hamburger, drawer, bottom nav
 *   5. Cookie consent — z-index e posição
 *   6. Product badges — "Novo", "Mais Vendido", "Oferta"
 *   7. B2B gate card — refinamentos
 *   8. Trust / newsletter — polish final
 *   9. Misc small fixes
 *
 * Carregado via default_head_blocks.xml (global todas as páginas)
 */

/* ===========================================================================
   TOKENS LOCAIS
   =========================================================================== */
:root {
  --awa-focus-ring: 0 0 0 3px rgba(183, 51, 55, 0.22);
  --awa-focus-ring-offset: 2px;
  --awa-badge-new-bg: #10b981;
  --awa-badge-sale-bg: #b73337;
  --awa-badge-hot-bg: #f97316;
  --awa-input-height: 44px;
}

/* ===========================================================================
   1. ACESSIBILIDADE — Focus States (WCAG AA 2.1)
   TestSprite: "focus outlines are visible and not clipped"
   =========================================================================== */

/* Focus ring padrão para todos os elementos interativos */
:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: var(--awa-focus-ring-offset) !important;
  border-radius: 4px !important;
}

/* Botões com fundo sólido: ring invertido */
.action.primary:focus-visible,
button.action.primary:focus-visible,
.btn-primary:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px var(--awa-primary, #b73337) !important;
}

/* Links dentro de conteúdo: focus limpo */
.page-main a:focus-visible,
.nav-sections a:focus-visible,
footer a:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: 2px !important;
  border-radius: 3px !important;
}

/* Remove outline apenas quando não for teclado */
:focus:not(:focus-visible) {
  outline: none !important;
}

/* Skip link: visível no foco */
.skip-link,
.action.skip,
.awa-skip-link {
  position: absolute !important;
  top: -100px !important;
  left: 16px !important;
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  z-index: 999999 !important;
  transition: top 0.15s ease !important;
}

.skip-link:focus,
.action.skip:focus,
.awa-skip-link:focus {
  top: 8px !important;
}

/* ===========================================================================
   2. PLP — Category Page Visual Improvements
   =========================================================================== */

/* Cabeçalho de categoria: título e subtítulo */
.catalog-category-view .page-title-wrapper {
  padding-block: clamp(16px, 2vw, 24px) !important;
}

.catalog-category-view .page-title {
  font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
  font-weight: 800 !important;
  color: #1a1a1a !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

/* Contador de produtos: sutil e legível */
.catalogsearch-result-index .page-title-wrapper .page-title,
.catalogsearch-result-index .search.results .block-title {
  font-size: clamp(1.1rem, 1.5vw, 1.5rem) !important;
  font-weight: 700 !important;
}

/* Toolbar produtos: alinhamento consistente */
.catalog-category-view .toolbar,
.catalogsearch-result-index .toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-block: 12px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  margin-bottom: 16px !important;
}

.catalog-category-view .toolbar.toolbar-products:last-of-type,
.catalogsearch-result-index .toolbar.toolbar-products:last-of-type {
  border-bottom: none !important;
  border-top: 1px solid #e5e5e5 !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

/* Amount counter */
.toolbar-amount {
  font-size: 13px !important;
  color: #666666 !important;
  font-weight: 400 !important;
}

.toolbar-amount strong,
.toolbar-amount .toolbar-number {
  font-weight: 700 !important;
  color: #333333 !important;
}

/* Sort by select */
.toolbar-sorter select,
.sorter-options {
  min-height: 38px !important;
  padding-inline: 10px 28px !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}

.toolbar-sorter select:focus,
.sorter-options:focus {
  border-color: var(--awa-primary, #b73337) !important;
  box-shadow: var(--awa-focus-ring) !important;
  outline: none !important;
}

/* ===========================================================================
   3. FILTROS SIDEBAR — Filter options visual polish
   =========================================================================== */

/* Container do filtro */
.block.filter {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

.block.filter .block-title {
  padding: 14px 16px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  letter-spacing: 0.01em !important;
}

/* Filter options items */
.filter-options {
  padding: 0 !important;
}

.filter-options-item {
  border-bottom: 1px solid #f0f0f0 !important;
}

.filter-options-item:last-child {
  border-bottom: none !important;
}

.filter-options-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
}

.filter-options-title:hover {
  background: #f7f7f7 !important;
  color: var(--awa-primary, #b73337) !important;
}

.filter-options-title::after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.filter-options-item.active .filter-options-title::after,
.filter-options-item.-active .filter-options-title::after {
  transform: rotate(180deg) !important;
}

.filter-options-content {
  padding: 8px 16px 12px !important;
}

/* Checkbox items dentro do filtro */
.filter-options-content .item {
  padding: 5px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.filter-options-content .item a {
  font-size: 13px !important;
  color: #555555 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.filter-options-content .item a:hover {
  color: var(--awa-primary, #b73337) !important;
}

/* Filtro ativo selecionado */
.filter-options-content .item.current a {
  color: var(--awa-primary, #b73337) !important;
  font-weight: 600 !important;
}

/* "Limpar filtros" link */
.block.filter .action.clear {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: var(--awa-primary, #b73337) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin: 12px 16px !important;
}

.block.filter .action.clear:hover {
  text-decoration: underline !important;
}

/* Filtros ativos (chips) */
.filter-current .item {
  display: inline-flex !important;
  align-items: center !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 10%, white) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 30%, white) !important;
  border-radius: 20px !important;
  padding: 4px 10px 4px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--awa-primary, #b73337) !important;
  margin: 4px 4px 4px 0 !important;
  gap: 6px !important;
}

.filter-current .action.remove {
  font-size: 16px !important;
  line-height: 1 !important;
  color: var(--awa-primary, #b73337) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

/* ===========================================================================
   4. FORMULÁRIOS — Validação visual (erro, sucesso, warning)
   TestSprite: "validation messages are positioned without overlap"
   =========================================================================== */

/* Mensagem de erro de campo */
.field-error,
div.mage-error,
.mage-error {
  font-size: 12px !important;
  color: #dc2626 !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 4px !important;
  line-height: 1.4 !important;
}

/* Campo com erro */
.field._error .control input,
.field._error .control select,
.field._error .control textarea,
.field._error input.mage-error,
.field._error select.mage-error,
.field._error textarea.mage-error {
  border-color: #dc2626 !important;
  background-color: #fef2f2 !important;
  box-shadow: none !important;
}

.field._error .control input:focus,
.field._error .control textarea:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}

/* Campo com sucesso */
.field._success .control input,
.field._success .control select {
  border-color: #10b981 !important;
  background-color: #f0fdf4 !important;
}

/* Label acima do campo: animação float */
.field.floating-label .label,
.field .label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555555 !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* Campo obrigatório: asterisco vermelho */
.field.required > .label::after,
.field._required > .label::after {
  content: ' *' !important;
  color: #dc2626 !important;
  font-weight: 700 !important;
}

/* ===========================================================================
   5. EMPTY STATE — Busca sem resultado, categorias vazias
   TestSprite: "empty/404 pages use consistent spacing, readable messaging"
   =========================================================================== */

/* Área de empty state */
.search.results .message.notice,
.catalogsearch-result-index .message.notice,
.catalog-category-view .message.notice {
  text-align: center !important;
  padding: clamp(32px, 5vw, 64px) 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
}

.search.results .message.notice .text,
.catalogsearch-result-index .message.notice .text {
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
  font-weight: 600 !important;
  color: #333333 !important;
  margin-bottom: 8px !important;
}

/* CTAs de empty state */
.search.results .message.notice a,
.catalogsearch-result-index .message.notice a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  margin-top: 16px !important;
  transition: background-color 0.2s ease !important;
}

.search.results .message.notice a:hover,
.catalogsearch-result-index .message.notice a:hover {
  background: var(--awa-primary-dark, #8e2629) !important;
}

/* ===========================================================================
   6. PRODUCT BADGES — "Novo", "Mais Vendido", "Oferta"
   =========================================================================== */

/* Badge base */
.product-label,
.product-badge,
.awa-product-badge,
.product-item .label,
[data-label] .product-label-text {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
  position: absolute !important;
  top: 8px !important;
  z-index: 2 !important;
}

/* Badge: Novo */
.product-label.new,
.awa-product-badge--new,
[class*="badge"][class*="new"] {
  background: var(--awa-badge-new-bg, #10b981) !important;
  color: #ffffff !important;
  left: 8px !important;
}

/* Badge: Oferta / Sale */
.product-label.sale,
.product-label.special,
.awa-product-badge--sale,
[class*="badge"][class*="sale"],
[class*="badge"][class*="promo"] {
  background: var(--awa-badge-sale-bg, #b73337) !important;
  color: #ffffff !important;
  right: 8px !important;
}

/* Badge: Mais Vendido */
.product-label.bestseller,
.awa-product-badge--bestseller,
[class*="badge"][class*="best"],
[class*="badge"][class*="hot"] {
  background: var(--awa-badge-hot-bg, #f97316) !important;
  color: #ffffff !important;
  left: 8px !important;
}

/* Garantir que o container do produto suporta badges absolutos */
.product-item-photo,
.product-item .product-image-container,
.product-item .product-item-photo {
  position: relative !important;
}

/* ===========================================================================
   7. B2B GATE CARD — Refinamentos visuais
   TestSprite: login CTA visible e accessible on product tiles
   =========================================================================== */

/* Compact gate card nos carrosséis */
.awa-b2b-gate-card--compact {
  background: linear-gradient(135deg, #fef2f2 0%, #fff5f5 100%) !important;
  border: 1px solid rgba(183, 51, 55, 0.12) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  text-align: center !important;
}

.awa-b2b-gate-card--compact .awa-b2b-gate-card__badge {
  background: rgba(183, 51, 55, 0.08) !important;
  color: var(--awa-primary, #b73337) !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 2px 6px !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
}

.awa-b2b-gate-card--compact .awa-b2b-gate-card__title {
  font-size: 12px !important;
  color: #555555 !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}

.awa-b2b-gate-card--compact .awa-b2b-gate-card__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  min-height: 32px !important;
  width: 100% !important;
}

.awa-b2b-gate-card--compact .awa-b2b-gate-card__action:hover {
  background: var(--awa-primary-dark, #8e2629) !important;
}

/* ===========================================================================
   8. COOKIE CONSENT — Z-index e posicionamento
   TestSprite: "banner does not obscure core controls (search, nav, CTA)"
   =========================================================================== */

/* Cookie banner: posicionado abaixo de modais mas acima do conteúdo normal */
.cookie-consent-wrapper,
.awa-cookie-consent,
[class*="cookie-consent"],
#cookie-banner,
.cookie-notice-container {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 8000 !important; /* abaixo de modais (9000+) mas acima do conteúdo */
  max-width: 100vw !important;
  box-sizing: border-box !important;
}

/* Não cobrir o bottom nav mobile */
@media (max-width: 767px) {
  .cookie-consent-wrapper,
  .awa-cookie-consent,
  [class*="cookie-consent"],
  .cookie-notice-container {
    bottom: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
  }
}

/* ===========================================================================
   9. MOBILE NAVIGATION — Hamburger e drawer
   =========================================================================== */

/* Toggle hamburger: tamanho e área de toque */
.nav-toggle,
.action.nav-toggle,
.awa-header-mobile-toggle {
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  transition: background-color 0.15s ease !important;
}

.nav-toggle:hover,
.action.nav-toggle:hover,
.awa-header-mobile-toggle:hover {
  background: rgba(183, 51, 55, 0.06) !important;
}

/* Bottom navigation mobile */
.awa-mobile-bottom-nav,
.fixed-bottom {
  z-index: 8500 !important; /* Acima do cookie banner (8000) */
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #ffffff !important;
  border-top: 1px solid #e5e5e5 !important;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
  padding-bottom: env(safe-area-inset-bottom, 0) !important;
}

/* ===========================================================================
   10. PAGINAÇÃO — Visual polish
   =========================================================================== */

/* Paginação da PLP */
.pages .action,
.pages .page {
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
  cursor: pointer !important;
  border: 1px solid #e5e5e5 !important;
  color: #333333 !important;
  background: #ffffff !important;
}

.pages .page:hover,
.pages .action:hover {
  background: #f7f7f7 !important;
  border-color: #d0d0d0 !important;
}

.pages .page.current,
.pages .current .page {
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  border-color: var(--awa-primary, #b73337) !important;
  font-weight: 700 !important;
}

/* ===========================================================================
   11. MINICART — Polish visual
   =========================================================================== */

/* Header do minicart */
.minicart-wrapper .block-minicart .block-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #333333 !important;
}

/* Counter do carrinho no header */
.minicart-wrapper .counter-number {
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Produto no minicart */
.minicart-wrapper .product-item-name a {
  color: #333333 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

/* Preço no minicart */
.minicart-wrapper .price {
  color: var(--awa-primary, #b73337) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Botão checkout no minicart */
.minicart-wrapper .action.checkout,
.block-minicart .actions .action.primary {
  background: var(--awa-primary, #b73337) !important;
  border-color: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  min-height: 44px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.2s ease !important;
}

.minicart-wrapper .action.checkout:hover,
.block-minicart .actions .action.primary:hover {
  background: var(--awa-primary-dark, #8e2629) !important;
  border-color: var(--awa-primary-dark, #8e2629) !important;
}

/* ===========================================================================
   12. NOTIFICAÇÕES / MENSAGENS — Sistema de feedback
   =========================================================================== */

/* Mensagem de sucesso */
.message.success,
.page.messages .message-success {
  background: #f0fdf4 !important;
  border: 1px solid color-mix(in srgb, #10b981 32%, transparent) !important;
  color: #065f46 !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
}

/* Mensagem de erro */
.message.error,
.page.messages .message-error {
  background: #fef2f2 !important;
  border: 1px solid color-mix(in srgb, #dc2626 28%, transparent) !important;
  color: #991b1b !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
}

/* Mensagem de aviso */
.message.warning,
.page.messages .message-warning {
  background: #fffbeb !important;
  border: 1px solid color-mix(in srgb, #f59e0b 30%, transparent) !important;
  color: #78350f !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
}

/* Mensagem de informação */
.message.notice,
.page.messages .message-notice {
  background: #eff6ff !important;
  border: 1px solid color-mix(in srgb, #3b82f6 28%, transparent) !important;
  color: #1e3a5f !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
}

/* ===========================================================================
   13. TRUST SECTION / NEWSLETTER — Refinamentos finais
   =========================================================================== */

/* Trust items: ícone + texto alinhados */
.awa-home-trust-zone .awa-trust-item,
.trust-badges .trust-item,
.benefit-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Icon container: círculo de fundo suave */
.awa-home-trust-zone .awa-trust-item__icon,
.benefit-item .benefit-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(183, 51, 55, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  color: var(--awa-primary, #b73337) !important;
}

/* Texto do trust item */
.awa-home-trust-zone .awa-trust-item__title,
.benefit-item .benefit-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.3 !important;
}

.awa-home-trust-zone .awa-trust-item__text,
.benefit-item .benefit-desc {
  font-size: 12px !important;
  color: #666666 !important;
  line-height: 1.4 !important;
}

/* Newsletter form */
.awa-footer-newsletter .newsletter .field.newsletter input,
.newsletter-input,
[name="email_register"] {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  min-height: 44px !important;
  width: 100% !important;
  color: #333333 !important;
}

.awa-footer-newsletter .newsletter .field.newsletter input:focus,
.newsletter-input:focus {
  border-color: var(--awa-primary, #b73337) !important;
  box-shadow: var(--awa-focus-ring) !important;
  outline: none !important;
}

.awa-footer-newsletter .newsletter .action.subscribe,
.newsletter .action.subscribe {
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  transition: background-color 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.awa-footer-newsletter .newsletter .action.subscribe:hover,
.newsletter .action.subscribe:hover {
  background: var(--awa-primary-dark, #8e2629) !important;
}

/* ===========================================================================
   14. PREFERS-REDUCED-MOTION — Respeitar configuração de acessibilidade
   =========================================================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ===========================================================================
   15. PRINT — Esconder elementos desnecessários na impressão
   =========================================================================== */

@media print {
  .page-header,
  .page-footer,
  .awa-mobile-bottom-nav,
  .cookie-consent-wrapper,
  .awa-nav-overlay,
  .action.tocart,
  .minicart-wrapper {
    display: none !important;
  }

  .page-main {
    max-width: 100% !important;
  }
}

/* ===========================================================================
   16. PRODUCT NAME TRUNCATION — 2 linhas em todos os cards de produto
   =========================================================================== */

/* Homepage carousel + PLP + PDP related */
.product-item-name,
.product-item-name a,
.product-name,
.product-name a,
.item-product .product-item-name,
.item-product .product-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: calc(2 * 1.35em) !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

/* ===========================================================================
   17. HERO CAROUSEL — Imagem quebrada: fallback visual
   =========================================================================== */

/* Fallback para imagem que não carregou */
.banner_item_bg img,
.banner-slider .banner_item img,
.wrapper_slider .banner_item img {
  background-color: #f7f7f7 !important;
  background-image:
    linear-gradient(
      135deg,
      #f0f0f0 25%,
      #e8e8e8 37%,
      #f0f0f0 63%
    ) !important;
  background-size: 400px 100% !important;
  min-height: 200px !important;
}

/* Quando a imagem carregou corretamente, restaurar aparência normal */
.banner_item_bg img[src],
.banner-slider .banner_item img[src],
.wrapper_slider .banner_item img[src] {
  background: none !important;
}

/* ===========================================================================
   18. PLP PRODUCT GRID — Consistência visual em pages de categoria
   =========================================================================== */

/* Grid de produtos na PLP */
.catalog-category-view .products-grid .product-items,
.catalogsearch-result-index .products-grid .product-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Card produto na PLP */
.catalog-category-view .products-grid .product-item,
.catalogsearch-result-index .products-grid .product-item {
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
  width: 100% !important;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-category-view .products-grid .product-item:hover,
  .catalogsearch-result-index .products-grid .product-item:hover {
    border-color: var(--awa-primary, #b73337) !important;
    box-shadow: 0 4px 16px rgba(183, 51, 55, 0.10) !important;
  }
}

/* Imagem do produto: quadrada com fundo neutro */
.catalog-category-view .products-grid .product-item .product-image-container,
.catalogsearch-result-index .products-grid .product-item .product-image-container {
  aspect-ratio: 1 / 1 !important;
  background: #f7f7f7 !important;
  overflow: hidden !important;
}

.catalog-category-view .products-grid .product-item .product-image-container img,
.catalogsearch-result-index .products-grid .product-item .product-image-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transition: transform 0.3s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-category-view .products-grid .product-item:hover .product-image-container img,
  .catalogsearch-result-index .products-grid .product-item:hover .product-image-container img {
    transform: none !important;
  }
}

/* Info do produto */
.catalog-category-view .products-grid .product-item .product-item-details,
.catalogsearch-result-index .products-grid .product-item .product-item-details {
  padding: 12px 14px 14px !important;
}

/* Preço na PLP */
.catalog-category-view .products-grid .product-item .price-box .price,
.catalogsearch-result-index .products-grid .product-item .price-box .price {
  color: var(--awa-primary, #b73337) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* Preço antigo riscado */
.catalog-category-view .products-grid .product-item .old-price .price,
.catalogsearch-result-index .products-grid .product-item .old-price .price {
  color: #999999 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* Botão adicionar ao carrinho na PLP */
.catalog-category-view .products-grid .product-item .action.tocart,
.catalogsearch-result-index .products-grid .product-item .action.tocart {
  width: 100% !important;
  min-height: 40px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  margin-top: 8px !important;
}

/* Responsive: 2 colunas em mobile */
@media (max-width: 575px) {
  .catalog-category-view .products-grid .product-items,
  .catalogsearch-result-index .products-grid .product-items {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .catalog-category-view .products-grid .product-item .product-item-details,
  .catalogsearch-result-index .products-grid .product-item .product-item-details {
    padding: 8px 10px 10px !important;
  }

  .catalog-category-view .products-grid .product-item .price-box .price,
  .catalogsearch-result-index .products-grid .product-item .price-box .price {
    font-size: 14px !important;
  }
}

/* Tablet: 3 colunas */
@media (min-width: 576px) and (max-width: 1023px) {
  .catalog-category-view .products-grid .product-items,
  .catalogsearch-result-index .products-grid .product-items {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ===========================================================================
   19. SEARCH RESULTS PAGE — Visual polish
   =========================================================================== */

/* Cabeçalho de busca com termo destacado */
.catalogsearch-result-index .page-title-wrapper .page-title span {
  color: var(--awa-primary, #b73337) !important;
}

/* Stats de resultado */
.catalogsearch-result-index .search.results .message.info {
  background: #f7f7f7 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #555555 !important;
  margin-bottom: 16px !important;
}

/* ===========================================================================
   20. SCROLL REVEAL — Animação de entrada (compatível com prefers-reduced-motion)
   =========================================================================== */

/* Elementos com data-sr-init aguardando IntersectionObserver */
[data-sr-init] {
  opacity: 0 !important;
  transform: translateY(12px) !important;
  transition: opacity 0.5s ease, transform 0.5s ease !important;
}

[data-sr-init].is-visible {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-sr-init] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ===== awa-flex-grid-flow.css ===== */
.awa-icon-box{
  align-items: center;
  aspect-ratio: 1;
  display: inline-grid;
  justify-content: center;
  place-items: center;
  width: var(--awa-icon-size-md, 1.25rem);
}
.awa-reel{
  display: flex;
  flex-flow: row nowrap;
  gap: var(--gap-tight, var(--awa-gap-sm, 12px));
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-block-end: var(--size-xs, var(--awa-space-2));
  padding-block-start: var(--size-3xs, var(--awa-space-1));
  scroll-padding-inline: var(--size-sm, var(--awa-space-4));
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.awa-reel::-webkit-scrollbar{
  display: none;
}
.awa-reel > *{
  flex-shrink: 0;
  scroll-snap-align: start;
}
.awa-reel > *:focus-visible{
  outline: var(--awa-focus-outline);
  outline-offset: var(--awa-focus-offset);
}
@media (prefers-reduced-motion: reduce) {
  .awa-reel{
    scroll-behavior: auto;
    scroll-snap-type: none;
  }
}
@media (max-width: 991px) {
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) #awa-cat-carousel.awa-category-carousel,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .awa-category-carousel__track{
    display: flex;
    flex-flow: row nowrap;
    gap: var(--gap-tight, var(--awa-gap-sm, 12px));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-block-end: var(--size-xs, var(--awa-space-2));
    padding-block-start: var(--size-3xs, var(--awa-space-1));
    scroll-padding-inline: var(--size-sm, var(--awa-space-4));
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) #awa-cat-carousel.awa-category-carousel::-webkit-scrollbar,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .awa-category-carousel__track::-webkit-scrollbar{
    display: none;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) #awa-cat-carousel.awa-category-carousel > .awa-category-carousel__item,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .awa-category-carousel__track > .awa-category-carousel__item{
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) #awa-cat-carousel.awa-category-carousel > .awa-category-carousel__item:focus-visible,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .awa-category-carousel__track > .awa-category-carousel__item:focus-visible{
    outline: var(--awa-focus-outline);
    outline-offset: var(--awa-focus-offset);
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 991px) {
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) #awa-cat-carousel.awa-category-carousel,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .awa-category-carousel__track{
    scroll-behavior: auto;
    scroll-snap-type: none;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) #awa-cat-carousel.awa-category-carousel > .awa-category-carousel__item,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .awa-category-carousel__track > .awa-category-carousel__item{
    scroll-snap-align: none;
  }
}
@media (max-width: 767px) {
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container{
    display: flex;
    flex-flow: row nowrap;
    gap: var(--gap-tight, var(--awa-gap-sm, 12px));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-block-end: var(--size-xs, var(--awa-space-2));
    padding-block-start: var(--size-3xs, var(--awa-space-1));
    scroll-padding-inline: var(--size-sm, var(--awa-space-4));
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar::-webkit-scrollbar,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container::-webkit-scrollbar{
    display: none;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar > *,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container > *{
    flex: 0 0 auto;
    min-width: min(12.5rem, 100%);
    scroll-snap-align: start;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar > *:focus-visible,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container > *:focus-visible{
    outline: var(--awa-focus-outline);
    outline-offset: var(--awa-focus-offset);
  }
}
@media (max-width: 235px) {
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar > *,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container > *{
    min-width: 85vw;
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container{
    scroll-behavior: auto;
    scroll-snap-type: none;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .column.main > .benefits-bar > *,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .awa-benefits-bar .awa-benefits-container > *{
    scroll-snap-align: none;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body .page-wrapper .footer-social a:hover,
body .page-wrapper .social-block a:hover,
body .page-wrapper .aw-footer-social a:hover,
body .page-wrapper .page-footer .social-icons a:hover{
    background: var(--surface-hover);
    transform: none !important;
  }
  body .page-wrapper .navigation.verticalmenu li.level0:hover .awa-vmenu-icon svg{
    stroke: var(--awa-primary) !important;
    transform: none !important;
  }
  body .page-wrapper .item-product .product-image-photo:hover,
body .page-wrapper .product-item-photo:hover img{
    transform: none !important;
  }
}
.awa-stack{
  display: flex;
  flex-direction: column;
  gap: var(--gap-base, var(--awa-space-4));
}
.awa-stack[data-gap="tight"]{
  gap: var(--gap-tight, var(--awa-gap-sm));
}
.awa-stack[data-gap="loose"]{
  gap: var(--gap-loose, var(--awa-space-6));
}
.awa-cluster{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-tight, var(--awa-gap-sm));
}
.awa-cluster[data-justify="between"]{
  justify-content: space-between;
}
.awa-cluster[data-justify="end"]{
  justify-content: flex-end;
}
.awa-switcher{
  --awa-switcher-break: 30rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-base, var(--awa-space-4));
}
.awa-switcher > *{
  flex-basis: calc((var(--awa-switcher-break) - 100%) * 999);
  flex-grow: 1;
  min-inline-size: 0;
}
.awa-switcher--sm{
  --awa-switcher-break: 20rem;
}
.awa-switcher--lg{
  --awa-switcher-break: 45rem;
}
.awa-with-sidebar{
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-loose, var(--size-md, var(--awa-grid-gap, 24px)));
}
.awa-with-sidebar > :first-child{
  flex-basis: min(15.625rem, 100%);
  flex-grow: 1;
}
.awa-with-sidebar > :last-child{
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: 60%;
}
@media (min-width: 768px) {
  body .page-wrapper .content-top-home .awa-carousel-section{
    padding-block: var(--section-padding);
  }
}
.awa-grid-auto-fit{
  display: grid;
  gap: var(--gap-base, var(--awa-grid-gap, 24px));
  grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .products-swiper .swiper-button-prev,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .products-swiper .swiper-button-next{
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: var(--awa-touch-target, 44px);
  min-width: var(--awa-touch-target, 44px);
  width: var(--awa-touch-target, 44px);
  height: var(--awa-touch-target, 44px);
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .products-swiper .swiper-pagination-bullet{
  position: relative;
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .products-swiper .swiper-pagination-bullet::after{
  content: "";
  height: var(--awa-touch-target, 44px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--awa-touch-target, 44px);
}
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__link,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__link--register,
#html-body body .page-wrapper #header .awa-header-right-col .awa-header-account-prompt__link,
body .page-wrapper .awa-site-header .awa-header-account-prompt .awa-header-account-prompt__link{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: var(--awa-leading-normal, 1.4) !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}
#html-body .page-wrapper .awa-site-header .block-search .field.search input,
#html-body .page-wrapper .awa-site-header .block-search input#search,
#html-body .page-wrapper .awa-site-header .block-search input[name="q"],
body .page-wrapper .block-search .field.search input,
body .page-wrapper .block-search input#search,
body .page-wrapper .block-search input[name="q"]{
  box-sizing: border-box !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
}
#html-body #awa-cookie-accept,
#html-body .cookie-btn-accept,
#html-body #btn-cookie-allow,
#awa-cookie-accept,
.awa-cookie-banner__btn--accept,
.cookie-btn-accept,
#btn-cookie-allow,
body .page-wrapper .cookie-consent button.action.allow.primary,
body .page-wrapper button.action.allow.primary{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-4, 16px) !important;
}
body .page-wrapper .page-footer .velaFooterLinks,
body .page_footer .velaFooterLinks{
  display: flex;
  flex-direction: column;
  gap: var(--gap-tight, var(--awa-space-1, 4px));
}
body .page-wrapper .page-footer .velaFooterLinks a,
body .page_footer .velaFooterLinks a,
body .awa-footer-tags .footer-tags a,
body .page_footer .awa-footer-tags .footer-tags a,
body .page-wrapper a.saiba-mais,
body .page-wrapper a[title="Saiba mais"],
body .page-wrapper a[title="Ver todos"],
body .page-wrapper .awa-section-header__link,
.awa-404-page__links a{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}
.awa-404-page__links{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-tight, var(--awa-gap-sm));
  justify-content: center;
}
body .page-wrapper .modes-mode.mode-list,
body .page-wrapper .toolbar .modes a.mode-list{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}
body .page-wrapper .item-product .quickview-link,
body .page-wrapper .product-item .quickview-link{
  align-items: center !important;
  block-size: var(--awa-touch-target, 44px) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  padding: 0 !important;
  position: relative !important;
}
body .page-wrapper .item-product .quickview-link::after,
body .page-wrapper .product-item .quickview-link::after{
  content: "";
  height: var(--awa-touch-target, 44px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--awa-touch-target, 44px);
}
body .page-wrapper .toolbar .modes a.mode-grid{
  position: relative !important;
}
body .page-wrapper .toolbar .modes a.mode-grid::after{
  content: "";
  height: var(--awa-touch-target, 44px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--awa-touch-target, 44px);
}
body .page-wrapper a.skip-link,
body .page-wrapper .skip-link{
  align-items: center !important;
  display: inline-flex !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}
body .awa-category-carousel__cta-link{
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: var(--awa-touch-target, 44px);
  padding-block: var(--awa-space-2, 8px);
  padding-inline: var(--awa-space-4, 16px);
  transition: background-color var(--awa-duration-fast, 0.15s ease), color var(--awa-duration-fast, 0.15s ease);
}
@media (hover: hover) {
  body .awa-category-carousel__cta-link:hover{
    background: var(--surface-hover);
  }
}
#html-body #notice-cookie-block .content a,
body .page-wrapper .message.global.cookie .content a{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}
#html-body .page-wrapper .awa-site-header #search_mini_form .actions .action.search{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
}
body .page-wrapper .toolbar .modes a.modes-mode,
body .page-wrapper .product-item-name .product-item-link,
body .page-wrapper .product-item .actions-secondary a.action,
body .page-wrapper .breadcrumbs .items a,
body .page-wrapper nav.fixed-bottom .mobile-bottom-link > li > a,
body .page-wrapper nav.fixed-bottom .mobile-bottom-link > li > button{
  min-height: var(--awa-touch-target, 44px) !important;
}
body .page-wrapper a:focus-visible,
body .page-wrapper button:focus-visible,
body .page-wrapper input:focus-visible{
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}
#html-body #notice-cookie-block .content a.awa-cookie-notice__link{
  align-items: center !important;
  display: inline-flex !important;
  min-height: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .page-wrapper .box-tocart .action.tocart,
body.checkout-cart-index .page-wrapper .checkout-methods-items .action.primary,
body .page-wrapper .pages-items .item a,
body .page-wrapper .owl-nav button,
body .page-wrapper .filter-options-title{
  min-height: var(--awa-touch-target, 44px) !important;
}
body .page-wrapper a.logo,
body .page-wrapper .logo a{
  align-items: center !important;
  display: inline-flex !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
}
body.cms-noroute-index .page-wrapper .awa-404-page__links,
body.catalog-noroute-index .page-wrapper .awa-404-page__links{
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-tight, var(--awa-gap-sm, 12px));
  justify-content: center;
}
body.cms-noroute-index .page-wrapper .awa-404-page__links a,
body.cms-noroute-index .page-wrapper .column.main .action.primary,
body.catalog-noroute-index .page-wrapper .awa-404-page__links a,
body.catalog-noroute-index .page-wrapper .column.main .action.primary{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-4, 16px) !important;
}
body.cms-noroute-index .page-wrapper .column.main .block-search,
body.catalog-noroute-index .page-wrapper .column.main .block-search{
  margin-block: var(--awa-f-md, 16px) auto;
  max-width: 32rem;
  margin-inline: auto;
}
body.cms-noroute-index .page-wrapper .block-search .field.search .control input,
body.catalog-noroute-index .page-wrapper .block-search .field.search .control input{
  box-sizing: border-box !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--awa-space-3, 12px) !important;
}
body.cms-noroute-index .page-wrapper .block-search .action.search,
body.catalog-noroute-index .page-wrapper .block-search .action.search{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
}
body.customer-account-login .page-wrapper .action.primary,
body.customer-account-create .page-wrapper .action.primary,
body.b2b-auth-shell .page-wrapper .action.primary{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .page-wrapper .fotorama__arr,
body.catalog-product-view .page-wrapper .fotorama__arr--prev,
body.catalog-product-view .page-wrapper .fotorama__arr--next{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
}
body.checkout-cart-index .page-wrapper .awa-cart-empty__suggestion{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--awa-gap-sm, 12px)) !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-4, 16px) !important;
}
body.checkout-cart-index .page-wrapper .awa-cart-empty__suggestion svg{
  aspect-ratio: 1;
  display: inline-grid;
  flex-shrink: 0;
  height: 1.25em;
  place-items: center;
  width: 1.25em;
}
body.checkout-cart-index .page-wrapper .awa-cart-empty__cta{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-4, 16px) !important;
}
@media (max-width: 991px) {
  body .page-wrapper{
    overflow-x: clip;
  }
  body .page-wrapper .columns,
body .page-wrapper .column.main{
    max-width: 100%;
    min-width: 0;
  }
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__item{
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--awa-duration-fast, 0.15s ease), border-color var(--awa-duration-fast, 0.15s ease), box-shadow var(--awa-duration-fast, 0.15s ease);
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__prev,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__next{
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: var(--awa-touch-target, 44px);
  min-width: var(--awa-touch-target, 44px);
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__prev:focus-visible,
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__next:focus-visible{
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}
body.catalogsearch-result-index .page-wrapper .toolbar .modes a.modes-mode{
  min-height: var(--awa-touch-target, 44px) !important;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-progress-bar-item > span{
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--awa-touch-target, 44px);
  min-inline-size: var(--awa-touch-target, 44px);
  padding-inline: var(--awa-space-2, 8px);
}
body.checkout-index-index .opc-wrapper .action.primary,
body.checkout-index-index .opc-wrapper button.action,
body.checkout-index-index .opc-wrapper .action.action-apply,
body.onepagecheckout-index-index .opc-wrapper .action.primary,
body.onepagecheckout-index-index #checkout .action.primary,
body.rokanthemes-onepagecheckout .opc-wrapper .action.primary{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-4, 16px) !important;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper input[type="text"],
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper input[type="email"],
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper input[type="tel"],
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper input[type="password"],
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper select,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper textarea{
  box-sizing: border-box !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-3, 12px) !important;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .table-checkout-shipping-method input[type="radio"],
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .payment-method input[type="radio"]{
  block-size: 20px !important;
  inline-size: 20px !important;
  min-block-size: 20px !important;
  min-inline-size: 20px !important;
  flex-shrink: 0;
  margin: 0;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .table-checkout-shipping-method tbody tr{
  min-height: var(--awa-touch-target, 44px);
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .table-checkout-shipping-method label,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .payment-method-title label{
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  gap: var(--gap-tight, var(--awa-gap-sm, 12px));
  min-height: var(--awa-touch-target, 44px);
  padding-block: var(--awa-space-2, 8px);
  padding-inline: var(--awa-space-3, 12px);
  width: 100%;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .payment-method{
  min-height: 0;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-wrapper .field.choice label{
  align-items: center;
  display: inline-flex;
  gap: var(--gap-tight, var(--awa-gap-sm, 12px));
  min-height: var(--awa-touch-target, 44px);
  padding-block: var(--awa-space-2, 8px);
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) input[type="checkbox"]{
  block-size: 20px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  inline-size: 20px !important;
  min-block-size: 20px !important;
  min-inline-size: 20px !important;
}
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-block-summary .minicart-items a,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-block-summary .product-item-name a,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-sidebar .minicart-items a,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) #opc-sidebar .product-item a{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
}
@media (max-width: 767px) {
  :is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-block-summary .product-item-name a,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) .opc-sidebar .minicart-items .product-item-name a,
:is(body.checkout-index-index,
body.rokanthemes-onepagecheckout) #opc-sidebar .minicart-items a{
    display: block !important;
    inline-size: 100% !important;
    max-inline-size: 100%;
    min-block-size: var(--awa-touch-target, 44px) !important;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #html-body .page-wrapper :is(.product-item,
.item-product):hover,
#html-body .page-wrapper .product-item-info:hover,
#html-body .page-wrapper .content-item-product:hover,
#html-body .page-wrapper .products-grid .product-item-info:hover,
#html-body .page-wrapper .awa-metric-card:hover,
#html-body .page-wrapper :is(.action.primary,
button.action.primary):hover,
#html-body .page-wrapper .checkout-methods-items .action.primary:hover,
#html-body .page-wrapper .awa-footer-business-contact__action:hover,
#html-body .page-wrapper .awa-category-carousel__item:hover{
    transform: none !important;
  }
  #html-body .page-wrapper :is(.product-item,
.item-product):hover :is(
        .product-image-photo,
.product-item-photo img,
.product-thumb-link img,
.first-thumb img
    ),
#html-body .page-wrapper .product-item-info:hover :is(
        .product-image-photo,
.product-item-photo img,
.product-image-container img
    ),
#html-body .page-wrapper .content-item-product:hover .product-image-photo{
    transform: none !important;
  }
  #html-body .page-wrapper :is(.quickview-link,
.action.tocompare,
.action.towishlist):hover,
#html-body .page-wrapper .toolbar .modes a:hover{
    transform: none !important;
  }
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__item:hover{
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 24%, transparent);
    box-shadow: var(--awa-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
  }
}
body .page-wrapper :is(.awa-reel,
.filter-options-content,
.sidebar-main){
  scrollbar-width: thin;
}
body .page-wrapper :is(.awa-reel,
.filter-options-content,
.sidebar-main)::-webkit-scrollbar{
  block-size: 8px;
  inline-size: 8px;
}
body .page-wrapper :is(.awa-reel,
.filter-options-content,
.sidebar-main)::-webkit-scrollbar-thumb{
  background: var(--awa-neutral-300, #d1d5db);
  border-radius: var(--awa-radius-full, 9999px);
}
#html-body .page-wrapper .product-item .product-item-link,
#html-body .page-wrapper .product-item-info .product-item-photo,
#html-body .page-wrapper .content-item-product > a,
#html-body .page-wrapper .products-grid .product-item-photo,
#html-body .page-wrapper .awa-section-header__link,
#html-body .page-wrapper .awa-nav-quick-links__link{
  cursor: pointer;
  transition: background-color var(--awa-duration-normal, 0.2s ease), border-color var(--awa-duration-normal, 0.2s ease), box-shadow var(--awa-duration-normal, 0.2s ease), color var(--awa-duration-normal, 0.2s ease);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #html-body .page-wrapper .product-item-info:hover,
#html-body .page-wrapper .content-item-product:hover{
    box-shadow: var(--awa-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
  }
}
body .page-wrapper select:focus-visible,
body .page-wrapper textarea:focus-visible,
body .page-wrapper summary:focus-visible,
body .page-wrapper [role="button"]:focus-visible,
body .page-wrapper [role="menuitem"]:focus-visible{
  outline: 2px solid var(--awa-primary, #b73337);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  #html-body .page-wrapper .product-item .product-item-link,
#html-body .page-wrapper .product-item-info,
#html-body .page-wrapper .content-item-product,
#html-body .page-wrapper .awa-category-carousel__item,
body .page-wrapper a,
body .page-wrapper button{
    transition-duration: 0.01ms !important;
  }
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5){
  --awa-f-gap: var(--size-sm-md, clamp(1rem, 0.8rem + 1vw, 1.88rem));
  --awa-home-section-pad: var(--section-padding);
  --awa-home-section-pad-tight: var(--size-md-lg);
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .content-top-home .ayo-home5-wrapper--template-driven{
  gap: var(--awa-f-gap) !important;
  row-gap: var(--awa-f-gap) !important;
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .ayo-home5-wrapper > .top-home-content + .top-home-content{
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .top-home-content.awa-home-section:not(.top-home-content--above-fold){
  display: grid;
  gap: var(--gap-base, var(--size-sm));
  min-width: 0;
  padding-block: var(--awa-home-section-pad-tight);
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-home-section:not(.top-home-content--above-fold) > .container{
  display: grid;
  gap: var(--size-sm-md);
  min-width: 0;
  width: 100%;
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-section-header{
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-tight) var(--gap-base);
  justify-content: space-between;
  margin-block-end: 0;
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-section-header__left{
  display: flex;
  flex: 1 1 12rem;
  flex-direction: column;
  gap: var(--gap-tight);
  min-width: 0;
  text-align: start;
}
:is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-category-carousel__header{
  display: flex;
  flex-direction: column;
  gap: var(--gap-tight);
  margin-block-end: 0;
  text-align: start;
}
@media (max-width: 767px) {
  :is(body.cms-index-index,
body.cms-home,
body.cms-homepage_ayo_home5) .page-wrapper .awa-section-header{
    align-items: stretch;
    flex-direction: column;
  }
}
html body.catalog-product-view .product-info-main{
  container-name: awa-pdp-buybox;
  container-type: inline-size;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
@media (max-width: 991px) {
  html body.catalog-product-view .main-detail > .row{
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: var(--size-sm-md, var(--awa-space-6)) !important;
  }
  html body.catalog-product-view .main-detail > .row > .col-md-6{
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  html body.catalog-product-view .main-detail > .row{
    gap: var(--size-sm-md, var(--awa-space-6)) !important;
  }
  html body.catalog-product-view .main-detail > .row > .col-md-6:first-child{
    display: flex !important;
    flex-direction: column !important;
    gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  }
}
body.catalog-product-view .product-info-price .price{
  font-size: clamp(1.375rem, 3.05rem, 1.875rem) !important;
  letter-spacing: -0.02em !important;
}
body.catalog-product-view .product-info-price .price-box{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .product-info-stock-sku{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .box-tocart{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .box-tocart .fieldset{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
  margin: 0 !important;
}
body.catalog-product-view .box-tocart .actions{
  flex: 1 1 100% !important;
}
@container awa-pdp-buybox (min-width: 28rem) {
  html body.catalog-product-view .product-info-main .box-tocart .fieldset{
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }
  html body.catalog-product-view .product-info-main .box-tocart .actions{
    flex: none !important;
    width: 100% !important;
  }
}
body.catalog-product-view .awa-qty-stepper{
  align-items: center !important;
  display: inline-flex !important;
  gap: 0 !important;
}
body.catalog-product-view .awa-qty-stepper .awa-qty-btn{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  height: var(--awa-touch-target, 44px) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  place-items: center !important;
  width: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .awa-pdp-trust-bar{
  display: grid !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(7.5rem, 100%), 1fr)) !important;
}
body.catalog-product-view .awa-pdp-trust-bar__item{
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .awa-pdp-trust-bar__item svg,
body.catalog-product-view .awa-pdp-trust-bar__item img{
  aspect-ratio: 1;
  color: var(--awa-primary, #b73337);
  display: inline-grid;
  flex-shrink: 0;
  height: 1.5rem;
  place-items: center;
  width: 1.5rem;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-trust-bar__item:hover{
    background: var(--surface-hover, color-mix(in srgb, currentColor 8%, transparent)) !important;
  }
}
body.catalog-product-view #awa-social-proof-pdp.social-proof-container,
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child #awa-social-proof-pdp{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .product.info.detailed{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e5e5)) !important;
  margin-block-start: var(--size-md-lg, var(--awa-space-7)) !important;
  padding-block-start: var(--size-sm-md, var(--awa-space-6)) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .product.media .fotorama__nav--thumbs .fotorama__nav__shaft{
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    padding-block-end: var(--size-2xs, var(--awa-space-2)) !important;
    scroll-padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.catalog-product-view .product.media .fotorama__nav--thumbs .fotorama__nav__shaft::-webkit-scrollbar{
    display: none;
  }
  body.catalog-product-view .product.media .fotorama__nav__frame--thumb{
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.catalog-product-view .fotorama__arr:hover,
body.catalog-product-view .box-tocart .action.tocart:hover,
body.catalog-product-view #product-addtocart-button:hover,
body.catalog-product-view .b2b-quote-button-container .b2b-primary-btn:hover,
body.catalog-product-view .awa-pdp-whatsapp-cta:hover{
    transform: none !important;
  }
  body.catalog-product-view .fotorama__arr:hover{
    box-shadow: var(--awa-shadow-md, 0 8px 20px -4px rgba(0, 0, 0, 0.08)) !important;
  }
  body.catalog-product-view .box-tocart .action.tocart:hover,
body.catalog-product-view #product-addtocart-button:hover{
    box-shadow: 0 6px 20px color-mix(in srgb, var(--awa-primary, #b73337) 35%, transparent) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .fotorama__thumb,
body.catalog-product-view .box-tocart .action.tocart,
body.catalog-product-view .awa-pdp-trust-bar__item{
    transition-duration: 0.01ms !important;
  }
}
html body.catalog-product-view .product.info.detailed .product.data.items{
  align-items: flex-start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-start: var(--size-sm-md, var(--awa-space-6)) !important;
}
html body.catalog-product-view .product.info.detailed .product.data.items::before{
  content: '' !important;
  flex-basis: 100% !important;
  height: 0 !important;
  order: 2 !important;
  overflow: hidden !important;
  width: 0 !important;
}
html body.catalog-product-view .product.info.detailed .product.data.items > .item.title{
  flex: 0 0 auto !important;
  order: 1 !important;
}
html body.catalog-product-view .product.info.detailed .product.data.items > .item.content{
  flex: 1 1 100% !important;
  min-inline-size: 100% !important;
  order: 3 !important;
}
html body.catalog-product-view .product.info.detailed .product.data.items > .item.title > .switch{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  html body.catalog-product-view .product.info.detailed .product.data.items{
    -webkit-overflow-scrolling: touch !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    padding-block-end: var(--size-2xs, var(--awa-space-2)) !important;
    scroll-padding-inline: var(--page-gutter, 15px) !important;
    scrollbar-width: none !important;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items::-webkit-scrollbar{
    display: none;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items > .item.title{
    scroll-snap-align: start !important;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items > .item.content{
    overflow-x: auto !important;
  }
}
body.catalog-product-view details.awa-pdp-accordion-item{
  display: flex !important;
  flex-direction: column !important;
}
body.catalog-product-view details.awa-pdp-accordion-item > summary{
  align-items: center !important;
  display: flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: space-between !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view details.awa-pdp-accordion-item + details.awa-pdp-accordion-item{
  margin-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-accordion-body{
  padding-block: var(--size-sm, var(--awa-space-4)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar{
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__inner{
  align-items: center !important;
  display: flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
  margin-inline: auto !important;
  max-inline-size: 75rem !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__info{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: var(--size-3xs, 2px) !important;
  min-inline-size: 0 !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__thumb{
  aspect-ratio: 1 !important;
  block-size: 3rem !important;
  flex-shrink: 0 !important;
  inline-size: 3rem !important;
  object-fit: cover !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn,
body.catalog-product-view .awa-pdp-sticky-bar__btn--guest{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-share{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-share__btn{
  align-items: center !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-sidebar{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .products-swiper .swiper-button-next,
body.catalog-product-view .products-swiper .swiper-button-prev,
body.catalog-product-view .awa-pdp-related .swiper-button-next,
body.catalog-product-view .awa-pdp-related .swiper-button-prev{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .additional-attributes-wrapper.table-wrapper{
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.catalog-product-view table.additional-attributes{
    min-inline-size: 100% !important;
  }
}
body.catalog-product-view .awa-pdp-whatsapp-cta{
  align-items: center !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-whatsapp-cta .awa-pdp-whatsapp-cta__icon{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  place-items: center !important;
  width: 1.25em !important;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.catalog-product-view .awa-pdp-sticky-bar__btn:hover,
body.catalog-product-view .awa-pdp-share__btn:hover{
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate{
  container-name: awa-pdp-guest-gate;
  container-type: inline-size;
  display: flex !important;
  flex-direction: column !important;
  margin-block-end: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__price-anchor{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__lock-icon{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  height: 1.25rem !important;
  place-items: center !important;
  width: 1.25rem !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__price-obscured{
  font-size: clamp(1.125rem, 2.35rem, 1.375rem) !important;
  margin-inline-start: auto !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__card{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__headline{
  font-size: clamp(0.9375rem, 1.25rem, 1rem) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__description{
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-primary,
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-secondary{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
@container awa-pdp-guest-gate (min-width: 22rem) {
  html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__actions{
    flex-wrap: nowrap !important;
  }
  html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-primary{
    flex: 1 1 auto !important;
  }
}
@container awa-pdp-guest-gate (max-width: 21.99rem) {
  html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-primary,
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-secondary{
    flex: 1 1 100% !important;
  }
}
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-start: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview .value{
  font-size: clamp(0.875rem, 1.13rem, 0.9375rem) !important;
  line-height: var(--awa-leading-relaxed, 1.7) !important;
  max-inline-size: 65ch !important;
}
html body.catalog-product-view .product-info-main .box-inner1{
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
html body.catalog-product-view .product-info-main .b2b-your-price{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .awa-b2b-pdp-tier{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-end: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-b2b-pdp-tier strong{
  align-items: center !important;
  display: flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .product.attribute.description .value,
body.catalog-product-view .product.data.items > .item.content{
  line-height: var(--awa-leading-relaxed, 1.65) !important;
  max-inline-size: 72ch !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary{
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
html body.catalog-product-view .awa-pdp-related{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e5e5)) !important;
  margin-block-start: var(--size-md-lg, var(--awa-space-7)) !important;
  padding-block: var(--size-sm-md, var(--awa-space-6)) !important;
}
html body.catalog-product-view .block.related,
html body.catalog-product-view .block.upsell{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #f3f4f6)) !important;
  margin-block-start: var(--size-md-lg, var(--awa-space-7)) !important;
  padding-block-start: var(--size-sm-md, var(--awa-space-6)) !important;
}
html body.catalog-product-view .block.related .block-title,
html body.catalog-product-view .block.upsell .block-title{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: space-between !important;
  margin-block-end: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__inner{
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn--guest,
body.catalog-product-view .awa-pdp-sticky-bar__link-guest{
  align-items: center !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
}
@media (min-width: 992px) {
  html body.catalog-product-view .main-detail{
    padding-block: var(--size-xs-sm, var(--awa-space-4)) !important;
  }
}
body.catalog-product-view .product-info-main .b2b-login-to-buy-btn{
  min-block-size: var(--awa-touch-target, 44px) !important;
  width: 100% !important;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-primary:hover,
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-secondary:hover{
    transform: none !important;
  }
}
html body.catalog-product-view .page-wrapper .columns,
html body.catalog-product-view .page-wrapper .column.main,
html body.catalog-product-view .page-wrapper .product-view{
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow-x: clip !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs{
  margin-block-end: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .items{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-1))) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .item,
body.catalog-product-view .page-wrapper .breadcrumbs .items li{
  align-items: center !important;
  display: inline-flex !important;
  font-size: var(--awa-font-size-sm, 13px) !important;
  line-height: var(--awa-leading-normal, 1.4) !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .item a,
body.catalog-product-view .page-wrapper .breadcrumbs .items a{
  align-items: center !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-2xs, var(--awa-space-1)) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .page-wrapper .breadcrumbs .items{
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    padding-block-end: var(--size-2xs, var(--awa-space-2)) !important;
    scroll-padding-inline: var(--page-gutter, 15px) !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }
  body.catalog-product-view .page-wrapper .breadcrumbs .items::-webkit-scrollbar{
    display: none;
  }
  body.catalog-product-view .page-wrapper .breadcrumbs .item,
body.catalog-product-view .page-wrapper .breadcrumbs .items li{
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
  }
}
body.catalog-product-view .awa-pdp-related > .rokan-product-heading,
body.catalog-product-view .awa-pdp-related > .rokan-featured-heading,
body.catalog-product-view .block.related .block-title strong,
body.catalog-product-view .block.upsell .block-title strong{
  font-size: clamp(1.125rem, 2.05rem, 1.375rem) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin-block-end: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .awa-pdp-related .product-item-info,
body.catalog-product-view .block.related .product-item-info,
body.catalog-product-view .block.upsell .product-item-info{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  block-size: 100% !important;
}
body.catalog-product-view .awa-pdp-related .product-item-details,
body.catalog-product-view .block.related .product-item-details{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-related .products-swiper--related .swiper-wrapper,
body.catalog-product-view .block.related .products-swiper .swiper-wrapper{
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-related .swiper-pagination,
body.catalog-product-view .block.related .swiper-pagination{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  justify-content: center !important;
  margin-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
}
body.catalog-product-view .awa-pdp-related .swiper-pagination-bullet,
body.catalog-product-view .block.related .swiper-pagination-bullet{
  position: relative !important;
}
body.catalog-product-view .awa-pdp-related .swiper-pagination-bullet::after,
body.catalog-product-view .block.related .swiper-pagination-bullet::after{
  block-size: var(--awa-touch-target, 44px) !important;
  content: "" !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 50% !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-related .products-swiper--related .swiper-slide,
body.catalog-product-view .block.related .products-swiper .swiper-slide{
    scroll-snap-align: start !important;
    width: min(68vw, 13.75rem) !important;
  }
}
body.catalog-product-view .awa-b2b-pdp-sku,
body.catalog-product-view .product-info-main .awa-product-meta{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .awa-b2b-pdp-sku{
  padding: var(--size-xs, var(--awa-space-3)) var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-sku-copy-btn{
  align-items: center !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
html body.catalog-product-view .product-info-main .product-add-form{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .b2b-quote-button-container{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-primary-btn{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  width: 100% !important;
}
body.catalog-product-view .awa-pdp-promo__icon{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  place-items: center !important;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.catalog-product-view .awa-pdp-related .product-item:hover,
body.catalog-product-view .block.related .product-item:hover{
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-bar{
  padding-block-end: calc(var(--size-xs, var(--awa-space-3)) + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 991px) {
  body.catalog-product-view .awa-pdp-sticky-bar.is-visible{
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
@media (min-width: 992px) {
  body.catalog-product-view .awa-pdp-sticky-bar.is-visible{
    bottom: env(safe-area-inset-bottom, 0px) !important;
  }
}
html body.catalog-product-view.awa-cookie-banner-active{
  padding-block-end: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .additional-attributes-wrapper.table-wrapper{
    overflow-x: visible !important;
  }
  body.catalog-product-view table.additional-attributes{
    display: block !important;
  }
  body.catalog-product-view table.additional-attributes tbody{
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.catalog-product-view table.additional-attributes tr{
    border-block-end: 1px solid var(--border-default, var(--awa-border, #e2e8f0)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--size-2xs, var(--awa-space-1)) !important;
    padding-block: var(--size-xs, var(--awa-space-3)) !important;
    padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  }
  body.catalog-product-view table.additional-attributes tr:last-child{
    border-block-end: none !important;
  }
  body.catalog-product-view table.additional-attributes th,
body.catalog-product-view table.additional-attributes td{
    background: transparent !important;
    border: none !important;
    display: block !important;
    inline-size: 100% !important;
    padding: 0 !important;
    width: 100% !important;
  }
  body.catalog-product-view table.additional-attributes th{
    color: var(--awa-text-muted, #64748b) !important;
    font-size: var(--awa-font-size-xs, 11px) !important;
    font-weight: var(--awa-weight-semi, 600) !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }
  body.catalog-product-view table.additional-attributes td{
    color: var(--awa-text, #1a1a1a) !important;
    font-size: var(--awa-font-size-sm, 13px) !important;
    line-height: var(--awa-leading-normal, 1.5) !important;
    padding-block-end: var(--size-2xs, var(--awa-space-2)) !important;
  }
}
body.catalog-product-view .product.data.items > .item.content{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding-block: var(--size-sm, var(--awa-space-4)) !important;
  padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .product.data.items > .item.content{
    padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  }
}
body.catalog-product-view .product.media{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-related .related-addtocart,
body.catalog-product-view .awa-pdp-related .awa-related-price-notice__login-link{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
html body.catalog-product-view .page-wrapper .page-main{
  padding-inline: max(var(--page-gutter, 15px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) !important;
}
body.catalog-product-view details.awa-pdp-accordion-item > summary::after{
  aspect-ratio: 1 !important;
  flex-shrink: 0 !important;
  inline-size: 0.625rem !important;
}
body.catalog-product-view .awa-pdp-b2b-condition,
body.catalog-product-view .awa-b2b-condition{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .awa-pdp-sticky-bar{
    transition-duration: 0.01ms !important;
  }
}
body.catalog-product-view .box-tocart .fieldset{
  align-items: stretch !important;
  width: 100% !important;
}
body.catalog-product-view .box-tocart .field.qty{
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .box-tocart .field.qty .label{
  align-items: center !important;
  display: inline-flex !important;
  font-size: var(--awa-font-size-sm, 13px) !important;
  font-weight: var(--awa-weight-semi, 600) !important;
  margin: 0 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline-end: var(--size-2xs, var(--awa-space-2)) !important;
  white-space: nowrap !important;
}
body.catalog-product-view .box-tocart .field.qty .control,
body.catalog-product-view .box-tocart .awa-qty-stepper{
  align-items: center !important;
  display: inline-flex !important;
}
body.catalog-product-view .input-text.qty{
  min-block-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__button{
  align-items: center !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__icon{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  height: 1rem !important;
  place-items: center !important;
  width: 1rem !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary{
  align-items: center !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary{
  align-items: center !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .rating-summary{
  align-items: center !important;
  display: inline-flex !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary a{
  align-items: center !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
}
html body.catalog-product-view .product-info-main .b2b-customer-price-info{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
html body.catalog-product-view .product-info-main .b2b-base-price{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__name{
  font-size: clamp(0.75rem, 0.95rem, 0.8125rem) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__price{
  font-size: clamp(1rem, 1.65rem, 1.125rem) !important;
  font-weight: var(--awa-weight-black, 800) !important;
  line-height: 1 !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__sku{
  font-size: var(--awa-font-size-xs, 11px) !important;
}
body.catalog-product-view .awa-pdp-related .product-thumb-link,
body.catalog-product-view .block.related .product-item-photo,
body.catalog-product-view .block.upsell .product-item-photo{
  aspect-ratio: 1 !important;
  display: block !important;
  overflow: hidden !important;
}
body.catalog-product-view .awa-pdp-related .product-thumb-link img,
body.catalog-product-view .block.related .product-image-photo,
body.catalog-product-view .block.upsell .product-image-photo{
  block-size: 100% !important;
  inline-size: 100% !important;
  object-fit: contain !important;
}
body.catalog-product-view .awa-pdp-related .price-box,
body.catalog-product-view .block.related .price-box{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-sidebar__card{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-chat-btn{
  align-items: center !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .product.info.detailed{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .fotorama--fullscreen{
  padding-block: env(safe-area-inset-top, 0px) env(safe-area-inset-bottom, 0px) !important;
  padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px) !important;
}
html body.catalog-product-view .product-info-main .page-title-wrapper{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  margin-block-end: 0 !important;
}
html body.catalog-product-view .product-info-main .b2b-savings-badge{
  align-items: center !important;
  display: inline-flex !important;
}
body.catalog-product-view .product-info-main .b2b-login-to-see-price{
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.catalog-product-view .awa-pdp-chat-btn:hover,
body.catalog-product-view .awa-b2b-secondary-ctas__button:hover{
    transform: none !important;
  }
}
body.catalog-product-view .product.media .gallery-placeholder{
  border-radius: var(--awa-radius-lg, 16px) !important;
  display: grid !important;
  min-block-size: clamp(16rem, 42vw, 32rem) !important;
  place-items: center !important;
}
body.catalog-product-view .fotorama__wrap,
body.catalog-product-view .fotorama__stage{
  border-radius: var(--awa-radius-lg, 16px) !important;
  inline-size: 100% !important;
}
body.catalog-product-view .fotorama__fullscreen-icon{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  position: relative !important;
}
body.catalog-product-view .fotorama__fullscreen-icon::after{
  block-size: var(--awa-touch-target, 44px) !important;
  content: "" !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 50% !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
}
body.catalog-product-view .awa-stock-level,
html body.catalog-product-view .product-info-main .awa-stock-level{
  align-items: center !important;
  display: inline-flex !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
}
body.catalog-product-view .awa-stock-level__dot{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  font-size: 0.5rem !important;
  line-height: 1 !important;
  place-items: center !important;
  width: 1em !important;
}
body.catalog-product-view .product-info-price .price-box .price-container,
html body.catalog-product-view .product-info-main .product-info-price .price-final_price{
  align-items: baseline !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
html body.catalog-product-view .product-info-main .b2b-price-list-info{
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-note{
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
  text-align: center !important;
}
body.catalog-product-view .awa-b2b-pdp-tier ul,
body.catalog-product-view .awa-b2b-pdp-tier ol{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.catalog-product-view .awa-pdp-related .awa-related-price-notice{
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
  justify-content: center !important;
  text-align: center !important;
}
body.catalog-product-view .awa-pdp-related .actions-secondary,
body.catalog-product-view .block.related .actions-secondary{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: center !important;
}
body.catalog-product-view .awa-pdp-related .actions-secondary a,
body.catalog-product-view .block.related .actions-secondary a{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .block.related .products-grid:not(:has(.swiper)),
body.catalog-product-view .block.upsell .products-grid:not(:has(.swiper)){
  display: grid !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)) !important;
}
body.catalog-product-view .product.attribute.description .value,
body.catalog-product-view .product.attribute.overview .value{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
}
body.catalog-product-view .product.attribute.description .value p,
body.catalog-product-view .product.attribute.overview .value p{
  margin: 0 !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__inner{
  container-name: awa-pdp-sticky;
  container-type: inline-size;
}
@container awa-pdp-sticky (min-width: 36rem) {
  body.catalog-product-view .awa-pdp-sticky-bar__inner{
    flex-wrap: nowrap !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar__btn,
body.catalog-product-view .awa-pdp-sticky-bar__btn--guest{
    flex-shrink: 0 !important;
  }
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-related > .rokan-product-heading,
body.catalog-product-view .awa-pdp-related > .rokan-featured-heading{
    text-align: start !important;
  }
  body.catalog-product-view .awa-pdp-related > .rokan-product-heading::after,
body.catalog-product-view .awa-pdp-related > .rokan-featured-heading::after{
    margin-inline: 0 !important;
  }
  body.catalog-product-view .product.media .gallery-placeholder{
    border-radius: 0 !important;
    min-block-size: clamp(14rem, 56vw, 22rem) !important;
  }
}
body.catalog-product-view .fotorama__arr:focus-visible,
body.catalog-product-view .fotorama__fullscreen-icon:focus-visible,
body.catalog-product-view .fotorama__nav__frame:focus-visible{
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: 2px !important;
}
html body.catalog-product-view .product-info-main .box-inner1{
  display: flex !important;
  flex-direction: column !important;
}
html body.catalog-product-view .product-info-main .attr-product,
body.catalog-product-view .product-options-wrapper,
body.catalog-product-view .product-add-form .product-options-bottom{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .product-options-wrapper .fieldset,
body.catalog-product-view .product-add-form .fieldset:not(.box-tocart){
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.catalog-product-view .product-options-wrapper .field,
body.catalog-product-view .product-add-form .field:not(.qty){
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  margin: 0 !important;
}
body.catalog-product-view .product-options-wrapper select,
body.catalog-product-view .product-add-form select,
body.catalog-product-view .product-options-wrapper input[type="text"],
body.catalog-product-view .product-add-form input[type="text"]{
  box-sizing: border-box !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .swatch-attribute{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .swatch-attribute-options{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .swatch-option{
  position: relative !important;
}
body.catalog-product-view .swatch-option::after{
  block-size: var(--awa-touch-target, 44px) !important;
  content: "" !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 50% !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
}
body.catalog-product-view .awa-b2b-condition,
body.catalog-product-view .awa-pdp-b2b-condition,
body.catalog-product-view [data-awa-component="b2b-condition"]{
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
  margin-block: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding-block: var(--size-sm, var(--awa-space-4)) !important;
  padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
}
body.catalog-product-view .awa-b2b-condition__title,
body.catalog-product-view .awa-pdp-b2b-condition .awa-b2b-section-title{
  align-items: center !important;
  display: flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-b2b-condition__body{
  line-height: var(--awa-leading-normal, 1.6) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-b2b-condition__whatsapp-cta{
  align-items: center !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .page.messages .messages{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-end: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .box-tocart .action.tocart:disabled,
body.catalog-product-view .box-tocart .action.tocart.disabled,
body.catalog-product-view #product-addtocart-button:disabled{
  cursor: not-allowed !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
}
body.catalog-product-view .awa-pdp-related .product-item-info,
body.catalog-product-view .block.related .product-item-info{
  justify-content: flex-start !important;
}
body.catalog-product-view .awa-pdp-related .product-item-actions,
body.catalog-product-view .block.related .product-item-actions{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-start: auto !important;
  padding-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  width: 100% !important;
}
body.catalog-product-view .awa-pdp-related .product-item-actions .actions-primary,
body.catalog-product-view .block.related .product-item-actions .actions-primary{
  display: flex !important;
  width: 100% !important;
}
body.catalog-product-view .awa-pdp-related .related-addtocart,
body.catalog-product-view .block.related .action.tocart{
  inline-size: 100% !important;
  justify-content: center !important;
}
@media print {
  body.catalog-product-view .awa-pdp-sticky-bar,
body.catalog-product-view .fotorama__arr,
body.catalog-product-view .fotorama__nav--thumbs,
body.catalog-product-view .awa-pdp-chat-btn,
body.catalog-product-view .awa-b2b-secondary-ctas{
    display: none !important;
  }
  html body.catalog-product-view .main-detail > .row{
    display: block !important;
  }
  body.catalog-product-view .product-info-main,
body.catalog-product-view .product.media,
body.catalog-product-view .product.info.detailed{
    break-inside: avoid !important;
  }
  body.catalog-product-view table.additional-attributes tr{
    break-inside: avoid !important;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.catalog-product-view .awa-b2b-condition__whatsapp-cta:hover{
    transform: none !important;
  }
}
@media (max-width: 991px) {
  body.catalog-product-view .product-info-main .box-tocart{
    background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
    border-top: none !important;
    bottom: auto !important;
    margin: 0 !important;
    position: relative !important;
    z-index: auto !important;
  }
}
body.catalog-product-view a[href],
body.catalog-product-view button:not(:disabled),
body.catalog-product-view .action.tocart:not(:disabled),
body.catalog-product-view .swatch-option,
body.catalog-product-view .product-item-link,
body.catalog-product-view .fotorama__arr,
body.catalog-product-view .fotorama__fullscreen-icon,
body.catalog-product-view .product.data.items > .item.title > .switch,
body.catalog-product-view details.awa-pdp-accordion-item > summary,
body.catalog-product-view .awa-sku-copy-btn,
body.catalog-product-view .awa-b2b-secondary-ctas__button,
body.catalog-product-view .awa-b2b-guest-gate__cta-primary,
body.catalog-product-view .awa-b2b-guest-gate__cta-secondary,
body.catalog-product-view .awa-pdp-share__btn,
body.catalog-product-view .related-addtocart,
body.catalog-product-view label[for]{
  cursor: pointer !important;
}
body.catalog-product-view .awa-pdp-trust-bar__item,
body.catalog-product-view .social-proof-badge,
body.catalog-product-view .awa-stock-level,
body.catalog-product-view .awa-b2b-condition__body{
  cursor: default !important;
}
body.catalog-product-view .awa-b2b-condition__title::before,
body.catalog-product-view .awa-pdp-b2b-condition .awa-b2b-section-title::before{
  aspect-ratio: 1 !important;
  background-color: var(--awa-primary-deep, var(--awa-red, #b73337)) !important;
  content: '' !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  inline-size: 1rem !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") center / contain no-repeat !important;
  place-items: center !important;
}
body.catalog-product-view .gallery-placeholder._block-content-loading{
  animation: awa-pdp-gallery-pulse 1.4s ease-in-out infinite !important;
  background: linear-gradient(90deg, var(--awa-neutral-100, #f1f5f9) 0%, var(--awa-neutral-200, #e2e8f0) 50%, var(--awa-neutral-100, #f1f5f9) 100%) !important;
  background-size: 200% 100% !important;
  min-block-size: clamp(16rem, 40vw, 24rem) !important;
}
@keyframes awa-pdp-gallery-pulse {
  0%{
    background-position: 100% 0;
  }
  100%{
    background-position: -100% 0;
  }
}
body.catalog-product-view .box-tocart .action.tocart.loading,
body.catalog-product-view #product-addtocart-button.loading{
  cursor: wait !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
}
body.catalog-product-view .box-tocart .action.tocart.loading::after,
body.catalog-product-view #product-addtocart-button.loading::after{
  animation: awa-pdp-spin 0.7s linear infinite !important;
  aspect-ratio: 1 !important;
  block-size: 1em !important;
  border: 2px solid color-mix(in srgb, currentColor 30%, transparent) !important;
  border-block-start-color: currentColor !important;
  border-radius: 50% !important;
  content: '' !important;
  display: inline-grid !important;
  inline-size: 1em !important;
  margin-inline-start: var(--size-2xs, var(--awa-space-2)) !important;
  place-items: center !important;
}
@keyframes awa-pdp-spin {
  to{
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .gallery-placeholder._block-content-loading{
    animation: none !important;
  }
  body.catalog-product-view .box-tocart .action.tocart.loading::after,
body.catalog-product-view #product-addtocart-button.loading::after{
    animation: none !important;
    border-block-start-color: transparent !important;
  }
  body.catalog-product-view .product.data.items > .item.title > .switch::after{
    transition: none !important;
  }
}
body.catalog-product-view .social-proof-badge{
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease !important;
}
@media (hover: hover) {
  body.catalog-product-view .social-proof-badge:hover{
    border-color: var(--border-default, var(--awa-border, #e5e7eb)) !important;
    transform: none !important;
  }
}
body.catalog-product-view .product-info-price .price-label,
body.catalog-product-view .awa-pdp-sticky-bar__sku,
body.catalog-product-view .b2b-quote-button-container .b2b-quote-note,
body.catalog-product-view .awa-b2b-condition__body{
  color: var(--awa-text-muted, #475569) !important;
}
body.catalog-product-view .action.tocart:focus-visible,
body.catalog-product-view .swatch-option:focus-visible,
body.catalog-product-view .product.data.items > .item.title > .switch:focus-visible,
body.catalog-product-view .awa-b2b-guest-gate__cta-primary:focus-visible,
body.catalog-product-view .awa-b2b-guest-gate__cta-secondary:focus-visible,
body.catalog-product-view details.awa-pdp-accordion-item > summary:focus-visible,
body.catalog-product-view .related-addtocart:focus-visible,
body.catalog-product-view .fotorama__arr:focus-visible,
body.catalog-product-view .awa-sku-copy-btn:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view a[href],
body.catalog-product-view button,
body.catalog-product-view .action.tocart,
body.catalog-product-view .product-item-link,
body.catalog-product-view .swatch-option{
  transition-duration: var(--awa-duration, 0.25s) !important;
  transition-property: background-color, border-color, box-shadow, color, opacity !important;
  transition-timing-function: var(--awa-ease-out, ease-out) !important;
}
body.catalog-product-view{
  --awa-z-pdp-chat: 40;
  --awa-z-pdp-sticky: 50;
  --awa-z-pdp-cookie: 60;
  --awa-pdp-sticky-reserve: clamp(4.5rem, 12vw, 5.75rem);
}
body.catalog-product-view .awa-pdp-sticky-bar,
body.catalog-product-view .awa-pdp-sticky-cta{
  z-index: var(--awa-z-pdp-sticky) !important;
}
body.catalog-product-view .awa-pdp-chat-btn,
body.catalog-product-view .awa-live-chat-fab{
  z-index: var(--awa-z-pdp-chat) !important;
}
html body.catalog-product-view .awa-cookie-banner--visible,
html body.catalog-product-view #awa-cookie-banner.awa-cookie-banner--visible{
  z-index: var(--awa-z-pdp-cookie) !important;
}
html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible),
html body.catalog-product-view.awa-pdp-sticky-cta-visible,
html body.catalog-product-view.awa-pdp-has-sticky-cta{
  padding-block-end: calc(var(--awa-pdp-sticky-reserve) + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 991px) {
  html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible),
html body.catalog-product-view.awa-pdp-sticky-cta-visible,
html body.catalog-product-view.awa-pdp-has-sticky-cta{
    padding-block-end: calc(var(--awa-pdp-sticky-reserve) + 72px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible).awa-cookie-banner-active,
html body.catalog-product-view.awa-pdp-sticky-cta-visible.awa-cookie-banner-active,
html body.catalog-product-view.awa-pdp-has-sticky-cta.awa-cookie-banner-active{
  padding-block-end: calc(var(--awa-pdp-sticky-reserve) + 96px + 72px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (min-width: 992px) {
  html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible).awa-cookie-banner-active,
html body.catalog-product-view.awa-pdp-sticky-cta-visible.awa-cookie-banner-active,
html body.catalog-product-view.awa-pdp-has-sticky-cta.awa-cookie-banner-active{
    padding-block-end: calc(var(--awa-pdp-sticky-reserve) + 96px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary{
  container-name: awa-pdp-reviews;
  container-type: inline-size;
  min-block-size: var(--awa-touch-target, 44px) !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .rating-summary .label{
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  block-size: 1px !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .rating-summary .rating-result{
  align-items: center !important;
  display: inline-grid !important;
  min-block-size: 1.25rem !important;
  min-inline-size: 5rem !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary:not(.empty) .rating-summary .rating-result > span::before{
  color: var(--awa-rating-star, #f59e0b) !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .reviews-actions a{
  border-radius: var(--radius-sm, 4px) !important;
  color: var(--awa-text-muted, #475569) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .reviews-actions a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  html body.catalog-product-view .product-info-main .awa-pdp-review-summary .reviews-actions a:hover{
    background: var(--surface-hover, color-mix(in srgb, currentColor 8%, transparent)) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-trust-bar__item{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 8px) !important;
  cursor: default !important;
  text-align: center !important;
  transition: border-color var(--awa-duration-fast, 0.2s) ease !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-trust-bar__item:hover{
    background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 24%, var(--awa-border, #e5e7eb)) !important;
    transform: none !important;
  }
}
body.catalog-product-view #awa-social-proof-pdp.social-proof-container{
  min-block-size: 0 !important;
}
body.catalog-product-view #awa-social-proof-pdp.social-proof-container:not(:empty){
  min-block-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .social-proof-badge{
  align-items: center !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-sm, 6px) !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view .social-proof-badge .views-badge strong,
body.catalog-product-view .social-proof-badge strong{
  color: var(--pdp-modern-text, var(--awa-text, #0f172a)) !important;
  font-weight: var(--awa-weight-semi, 600) !important;
}
body.catalog-product-view .product-info-price{
  min-block-size: clamp(2.5rem, 6vw, 3.25rem) !important;
}
body.catalog-product-view .product-info-price .price-box{
  min-block-size: 1.75rem !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn.loading,
body.catalog-product-view .awa-pdp-sticky-bar__btn--guest.loading{
  cursor: wait !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn.loading::after{
  animation: awa-pdp-spin 0.7s linear infinite !important;
  aspect-ratio: 1 !important;
  block-size: 1em !important;
  border: 2px solid color-mix(in srgb, currentColor 30%, transparent) !important;
  border-block-start-color: currentColor !important;
  border-radius: 50% !important;
  content: '' !important;
  display: inline-grid !important;
  inline-size: 1em !important;
  margin-inline-start: var(--size-2xs, var(--awa-space-2)) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .awa-pdp-sticky-bar__btn.loading::after{
    animation: none !important;
  }
}
html body.catalog-product-view{
  max-inline-size: 100% !important;
  overflow-x: clip !important;
}
html body.catalog-product-view .page-wrapper .page-main{
  padding-inline: max(clamp(1rem, 2.6rem, 1.5rem), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) !important;
}
html body.catalog-product-view .product-info-main .page-title-wrapper .page-title{
  font-size: clamp(1.25rem, 2.35rem, 1.75rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.25) !important;
  margin: 0 !important;
  text-align: start !important;
  text-wrap: balance;
}
body.catalog-product-view .product.data.items > .item.content .product.attribute.description .value,
body.catalog-product-view .product.data.items > .item.content .product.attribute.overview .value{
  max-inline-size: 65ch !important;
}
body.catalog-product-view .awa-pdp-related .product-item-info,
body.catalog-product-view .block.related .product-item-info,
body.catalog-product-view .block.upsell .product-item-info{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
  transition: border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-related .product-item-name a,
body.catalog-product-view .block.related .product-item-name a,
body.catalog-product-view .block.upsell .product-item-name a{
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  overflow: hidden !important;
  text-align: start !important;
}
body.catalog-product-view .awa-pdp-related .product-item-photo,
body.catalog-product-view .block.related .product-item-photo,
body.catalog-product-view .block.upsell .product-item-photo,
body.catalog-product-view .awa-pdp-related .product-item-name a,
body.catalog-product-view .block.related .product-item-name a,
body.catalog-product-view .block.upsell .product-item-name a{
  cursor: pointer !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-related .product-item-info:hover,
body.catalog-product-view .block.related .product-item-info:hover,
body.catalog-product-view .block.upsell .product-item-info:hover{
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-related .product-item-name a:focus-visible,
body.catalog-product-view .block.related .product-item-name a:focus-visible,
body.catalog-product-view .block.upsell .product-item-name a:focus-visible,
body.catalog-product-view .awa-pdp-related .product-item-photo:focus-visible,
body.catalog-product-view .block.related .product-item-photo:focus-visible,
body.catalog-product-view .block.upsell .product-item-photo:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (min-width: 1024px) {
  body.catalog-product-view .block.related .products-grid:not(:has(.swiper)),
body.catalog-product-view .block.upsell .products-grid:not(:has(.swiper)){
    grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)) !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-bar__btn:not(.awa-pdp-sticky-bar__btn--guest){
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: center !important;
}
body.catalog-product-view .products-swiper .swiper-button-next:focus-visible,
body.catalog-product-view .products-swiper .swiper-button-prev:focus-visible,
body.catalog-product-view .awa-pdp-related .swiper-button-next:focus-visible,
body.catalog-product-view .awa-pdp-related .swiper-button-prev:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view #qty:focus-visible,
body.catalog-product-view .product-options-wrapper select:focus-visible,
body.catalog-product-view .field.configurable select:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .product-options-wrapper .field .control select,
body.catalog-product-view .field.configurable .control select{
  min-block-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .awa-pdp-sticky-cta__inner{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
  justify-content: space-between !important;
}
body.catalog-product-view .awa-pdp-sticky-cta__meta{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  min-inline-size: 0 !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-sticky-cta{
    padding-inline: max(var(--page-gutter, 15px), env(safe-area-inset-left), env(safe-area-inset-right)) !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-cta__button:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .product.info.detailed .product.data.items > .item.content{
  scroll-margin-block-start: clamp(3rem, 8vw, 5.5rem) !important;
}
body.catalog-product-view .product-options-wrapper .field > .label,
body.catalog-product-view .product-add-form .field:not(.qty) > .label{
  color: var(--pdp-modern-text, var(--awa-text, #0f172a)) !important;
  font-size: clamp(0.8125rem, 0.96rem, 0.875rem) !important;
  font-weight: var(--awa-weight-semi, 600) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
body.catalog-product-view .product-options-wrapper .field .note,
body.catalog-product-view .product-add-form .field:not(.qty) .note{
  color: var(--awa-text-muted, #475569) !important;
  font-size: var(--awa-font-size-sm, 13px) !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
}
body.catalog-product-view .product-options-wrapper div.mage-error,
body.catalog-product-view .product-add-form .fieldset .field div.mage-error{
  border-inline-start: 3px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  color: var(--awa-red-strong, #991b1b) !important;
  font-size: var(--awa-font-size-sm, 13px) !important;
  line-height: var(--awa-leading-normal, 1.45) !important;
  margin-block-start: var(--size-2xs, var(--awa-space-2)) !important;
  margin-inline: 0 !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: 0 !important;
  padding-inline-start: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view .product-info-main .product-addto-links{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .product-info-main .product-addto-links .action{
  align-items: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  transition-duration: var(--awa-duration, 0.25s) !important;
  transition-property: background-color, border-color, color, opacity !important;
  transition-timing-function: var(--awa-ease-out, ease-out) !important;
}
body.catalog-product-view .product-info-main .product-addto-links .action:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .product-options-wrapper textarea:focus-visible,
body.catalog-product-view .product-add-form textarea:focus-visible,
body.catalog-product-view .product-options-wrapper input[type='text']:focus-visible,
body.catalog-product-view .product-add-form .fieldset input[type='text']:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .product-options-wrapper textarea,
body.catalog-product-view .product-add-form textarea{
  border-radius: var(--radius-sm, 6px) !important;
  box-sizing: border-box !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  resize: vertical !important;
}
body.catalog-product-view .product.data.items > .item.content .value :is(ul,
ol){
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  margin: 0 !important;
  padding-inline-start: var(--size-md, var(--awa-space-6)) !important;
}
body.catalog-product-view .page.messages .message{
  border-radius: var(--radius-md, 8px) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-inline-start-width: 1px !important;
  line-height: var(--awa-leading-normal, 1.45) !important;
  padding-block: var(--size-sm, var(--awa-space-4)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .page.messages .message.error{
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, transparent) !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 5%, #ffffff) !important;
  color: var(--pdp-modern-text, var(--awa-text, #0f172a)) !important;
}
body.catalog-product-view .page.messages .message.warning{
  border-color: color-mix(in srgb, var(--awa-rating-star, #f59e0b) 30%, transparent) !important;
  background: color-mix(in srgb, var(--awa-rating-star, #f59e0b) 6%, #ffffff) !important;
}
body.catalog-product-view .page.messages .message.success{
  border-color: color-mix(in srgb, var(--awa-success, #15803d) 30%, transparent) !important;
  background: color-mix(in srgb, var(--awa-success, #15803d) 6%, #ffffff) !important;
}
body.catalog-product-view .page.messages .message.notice,
body.catalog-product-view .page.messages .message.info{
  border-color: color-mix(in srgb, var(--awa-info, #0369a1) 28%, transparent) !important;
  background: color-mix(in srgb, var(--awa-info, #0369a1) 5%, #ffffff) !important;
}
body.catalog-product-view #product_addtocart_form{
  scroll-margin-block-start: clamp(3rem, 8vw, 5.5rem) !important;
}
body.catalog-product-view .b2b-quote-button-container{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  padding-block: var(--size-sm, var(--awa-space-4)) !important;
  padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-primary-btn:focus-visible,
body.catalog-product-view .b2b-quote-button-container .b2b-quote-btn:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .b2b-quote-button-container .b2b-primary-btn:hover,
body.catalog-product-view .b2b-quote-button-container .b2b-quote-btn:hover{
    transform: none !important;
  }
}
body.catalog-product-view .awa-sku-copy-feedback{
  display: inline-flex !important;
  min-block-size: 1.25rem !important;
}
body.catalog-product-view .awa-b2b-pdp-sku,
body.catalog-product-view .product-info-main .awa-product-meta{
  background: color-mix(in srgb, var(--pdp-modern-surface, var(--awa-bg, #fff)) 100%, transparent) !important;
  border: 1px solid var(--border-subtle, color-mix(in srgb, currentColor 8%, transparent)) !important;
  border-radius: var(--radius-md, 10px) !important;
}
body.catalog-product-view .product.media .fotorama__nav--dots{
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__nav__shaft{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  justify-content: center !important;
}
body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__nav__frame{
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  height: auto !important;
  inline-size: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  width: auto !important;
}
body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__dot{
  border-color: var(--border-default, var(--awa-border, #cbd5e1)) !important;
  block-size: 0.5rem !important;
  inset: auto !important;
  left: auto !important;
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, transform var(--awa-duration-fast, 0.2s) ease !important;
  inline-size: 0.5rem !important;
}
body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__active .fotorama__dot,
body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__nav__frame.fotorama__active .fotorama__dot{
  background-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
}
@media (hover: hover) {
  body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__nav__frame:not(.fotorama__active):hover .fotorama__dot{
    border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  }
}
body.catalog-product-view .product.media .fotorama__nav__frame:focus-visible .fotorama__dot,
body.catalog-product-view .product.media .fotorama__nav__frame:focus .fotorama__dot{
  box-shadow: 0 0 0 2px var(--awa-primary, var(--awa-red, #b73337)) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .product.media .fotorama__nav--dots .fotorama__nav__frame:hover .fotorama__dot{
    transition: none !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-bar__thumb{
  border-radius: var(--radius-sm, 6px) !important;
  flex-shrink: 0 !important;
  object-fit: cover !important;
}
html body.catalog-product-view .block.crosssell{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #f3f4f6)) !important;
  margin-block-start: var(--size-md-lg, var(--awa-space-7)) !important;
  padding-block-start: var(--size-sm-md, var(--awa-space-6)) !important;
}
html body.catalog-product-view .block.crosssell .block-title{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: space-between !important;
  margin-block-end: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .block.crosssell .product-item-info{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  block-size: 100% !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
  transition: border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .block.crosssell .product-item-photo{
  aspect-ratio: 1 !important;
  cursor: pointer !important;
  display: block !important;
  overflow: hidden !important;
}
body.catalog-product-view .block.crosssell .product-image-photo{
  block-size: 100% !important;
  inline-size: 100% !important;
  object-fit: contain !important;
}
body.catalog-product-view .block.crosssell .product-item-name a{
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  cursor: pointer !important;
  display: -webkit-box !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  overflow: hidden !important;
  text-align: start !important;
}
body.catalog-product-view .block.crosssell .price-box{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
}
@media (hover: hover) {
  body.catalog-product-view .block.crosssell .product-item-info:hover{
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
    transform: none !important;
  }
}
body.catalog-product-view .block.crosssell .product-item-name a:focus-visible,
body.catalog-product-view .block.crosssell .product-item-photo:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .block.upsell .products-swiper .swiper-wrapper,
body.catalog-product-view .block.crosssell .products-swiper .swiper-wrapper{
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .block.upsell .swiper-pagination,
body.catalog-product-view .block.crosssell .swiper-pagination{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  justify-content: center !important;
  margin-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-3))) !important;
}
body.catalog-product-view .block.upsell .swiper-pagination-bullet,
body.catalog-product-view .block.crosssell .swiper-pagination-bullet{
  position: relative !important;
}
body.catalog-product-view .block.upsell .swiper-pagination-bullet::after,
body.catalog-product-view .block.crosssell .swiper-pagination-bullet::after{
  block-size: var(--awa-touch-target, 44px) !important;
  content: "" !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 50% !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .block.upsell .products-swiper .swiper-slide,
body.catalog-product-view .block.crosssell .products-swiper .swiper-slide{
    scroll-snap-align: start !important;
    width: min(68vw, 13.75rem) !important;
  }
}
body.catalog-product-view .block.crosssell .products-grid:not(:has(.swiper)){
  display: grid !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)) !important;
}
@media (min-width: 1024px) {
  body.catalog-product-view .block.crosssell .products-grid:not(:has(.swiper)){
    grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)) !important;
  }
}
body.catalog-product-view .product-info-main .b2b-tier-pricing{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  margin-block-start: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .product-info-main .b2b-tier-heading{
  align-items: center !important;
  display: flex !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .product-info-main .b2b-tier-icon{
  align-items: center !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .product-info-main .b2b-tier-heading-copy{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
}
body.catalog-product-view .product-info-main .b2b-tier-kicker{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .product-info-main .b2b-tier-title{
  font-size: clamp(0.875rem, 1.15rem, 1rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table-wrap{
  -webkit-overflow-scrolling: touch !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table{
  border-collapse: collapse !important;
  inline-size: 100% !important;
  min-inline-size: 16rem !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table th,
body.catalog-product-view .product-info-main .b2b-tier-table td{
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-align: start !important;
  vertical-align: middle !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table th{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 6%, var(--awa-bg, #fff)) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table tbody tr:not(:last-child) td{
  border-block-end: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
}
body.catalog-product-view .product-info-main .b2b-tier-qty{
  font-weight: var(--awa-weight-semibold, 600) !important;
}
body.catalog-product-view .product-info-main .b2b-tier-savings{
  text-align: end !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table .b2b-savings-badge{
  justify-content: center !important;
  min-inline-size: 3rem !important;
}
body.catalog-product-view .awa-b2b-tier-prices-wrapper{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  margin-block: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-b2b-tier-title{
  align-items: center !important;
  display: flex !important;
  font-size: clamp(0.875rem, 1.15rem, 1rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-b2b-tier-title::before{
  background-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  block-size: 1.125rem !important;
  content: "" !important;
  flex-shrink: 0 !important;
  inline-size: 1.125rem !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E") !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
}
body.catalog-product-view .awa-b2b-tier-table-container{
  -webkit-overflow-scrolling: touch !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}
body.catalog-product-view .awa-b2b-tier-table{
  border-collapse: collapse !important;
  inline-size: 100% !important;
  min-inline-size: 16rem !important;
}
body.catalog-product-view .awa-b2b-tier-table th,
body.catalog-product-view .awa-b2b-tier-table td{
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-align: start !important;
  vertical-align: middle !important;
}
body.catalog-product-view .awa-b2b-tier-table th{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 6%, var(--awa-bg, #fff)) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}
body.catalog-product-view .awa-tier-save-badge{
  align-items: center !important;
  display: inline-flex !important;
  white-space: nowrap !important;
}
body.catalog-product-view .awa-tier-price-link{
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .awa-tier-price-link:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
html body.catalog-product-view .product-info-main .b2b-price-list-info .b2b-list-label{
  align-items: center !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 22%, transparent) !important;
  border-radius: 999px !important;
  color: var(--pdp-modern-muted, #475569) !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view .product-info-main .b2b-pending-banner:not([hidden]),
body.catalog-product-view #b2b-pending-banner:not([hidden]){
  background: color-mix(in srgb, #f59e0b 8%, var(--awa-bg, #fff)) !important;
  border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent) !important;
  border-inline-start: 4px solid #f59e0b !important;
  border-radius: var(--radius-md, 12px) !important;
  margin-block-end: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .b2b-pending-banner-inner{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .b2b-pending-icon{
  block-size: 1.25rem !important;
  color: #d97706 !important;
  flex-shrink: 0 !important;
  inline-size: 1.25rem !important;
}
body.catalog-product-view .b2b-pending-text{
  display: flex !important;
  flex: 1 1 12rem !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
}
body.catalog-product-view .b2b-pending-text strong{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.875rem !important;
}
body.catalog-product-view .b2b-pending-text span{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
}
body.catalog-product-view .b2b-pending-account-link{
  align-items: center !important;
  border-radius: var(--radius-sm, 6px) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body.catalog-product-view .b2b-pending-account-link:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .b2b-pending-account-link:hover{
    text-decoration: underline !important;
    transform: none !important;
  }
}
body.b2b-guest-mode.catalog-product-view .product-info-main .b2b-login-to-buy-btn a,
body.b2b-restricted-mode.catalog-product-view .product-info-main .b2b-login-to-buy-btn a{
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .product-info-main .b2b-login-to-buy-btn a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.b2b-pending-mode.catalog-product-view .product-info-main .box-tocart .action.primary,
body.b2b-pending-mode.catalog-product-view .product-info-main #product-addtocart-button[disabled]{
  cursor: not-allowed !important;
  opacity: 0.72 !important;
}
body.catalog-product-view{
  --awa-z-pdp-modal: 70;
}
body.catalog-product-view .b2b-login-modal-overlay{
  align-items: center !important;
  display: none !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: max(var(--size-sm, var(--awa-space-4)), env(safe-area-inset-top, 0px), env(safe-area-inset-right, 0px), env(safe-area-inset-bottom, 0px), env(safe-area-inset-left, 0px)) !important;
  z-index: var(--awa-z-pdp-modal, 70) !important;
}
body.catalog-product-view .b2b-login-modal-overlay.active{
  display: flex !important;
}
body.catalog-product-view .b2b-login-modal{
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 14%, transparent) !important;
  border-radius: var(--radius-lg, 20px) !important;
  box-shadow: 0 24px 60px color-mix(in srgb, #020617 24%, transparent) !important;
  inline-size: min(100%, 30rem) !important;
  margin: auto !important;
  max-block-size: calc(100dvh - 2rem) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}
body.catalog-product-view .b2b-login-modal-header{
  background: linear-gradient(135deg, var(--awa-primary, #b73337) 0%, color-mix(in srgb, var(--awa-primary, #b73337) 82%, #000) 100%) !important;
  padding-block: var(--size-sm-md, var(--awa-space-5)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-align: start !important;
}
body.catalog-product-view .b2b-login-modal-header h3{
  color: #fff !important;
  font-size: clamp(1.125rem, 1.6rem, 1.375rem) !important;
  line-height: var(--awa-leading-snug, 1.25) !important;
  margin: 0 0 var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline-end: calc(var(--awa-touch-target, 44px) + var(--size-xs, var(--awa-space-3))) !important;
}
body.catalog-product-view .b2b-login-modal-header p{
  color: color-mix(in srgb, #fff 92%, transparent) !important;
  font-size: 0.9375rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
  max-inline-size: 36ch !important;
}
body.catalog-product-view .b2b-login-modal-close{
  align-items: center !important;
  background: color-mix(in srgb, #fff 20%, transparent) !important;
  block-size: var(--awa-touch-target, 44px) !important;
  border: none !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  inset-block-start: var(--size-xs, var(--awa-space-3)) !important;
  inset-inline-end: var(--size-xs, var(--awa-space-3)) !important;
  justify-content: center !important;
  line-height: 1 !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .b2b-login-modal-close:focus-visible{
  box-shadow: 0 0 0 2px #fff !important;
  outline: none !important;
}
@media (hover: hover) {
  body.catalog-product-view .b2b-login-modal-close:hover{
    background: color-mix(in srgb, #fff 32%, transparent) !important;
    transform: none !important;
  }
}
body.catalog-product-view .b2b-login-modal-body{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .b2b-login-options{
  display: grid !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .b2b-login-option{
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
  min-block-size: 4.75rem !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
  text-align: start !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .b2b-login-option-title{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.9375rem !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
}
body.catalog-product-view .b2b-login-option-desc{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
}
body.catalog-product-view .b2b-login-option:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .b2b-login-option:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 32%, var(--awa-border, #e5e7eb)) !important;
    box-shadow: 0 8px 20px color-mix(in srgb, #020617 6%, transparent) !important;
    transform: none !important;
  }
  body.catalog-product-view .b2b-login-option.b2b-primary:hover,
body.catalog-product-view .b2b-login-option.b2b-primary:focus-visible{
    transform: none !important;
  }
}
body.catalog-product-view .b2b-login-option.b2b-primary{
  background: linear-gradient(180deg, var(--awa-primary, #b73337) 0%, color-mix(in srgb, var(--awa-primary, #b73337) 78%, #000) 100%) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 90%, transparent) !important;
}
body.catalog-product-view .b2b-login-option.b2b-primary .b2b-login-option-title,
body.catalog-product-view .b2b-login-option.b2b-primary .b2b-login-option-desc{
  color: #fff !important;
}
body.catalog-product-view .b2b-login-already{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.875rem !important;
  margin: 0 !important;
  padding-block-start: var(--size-sm, var(--awa-space-4)) !important;
  text-align: center !important;
}
body.catalog-product-view .b2b-login-already a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  text-underline-offset: 2px !important;
}
body.catalog-product-view .b2b-login-already a:focus-visible{
  border-radius: var(--radius-sm, 4px) !important;
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .b2b-login-modal{
    animation: none !important;
  }
  body.catalog-product-view .b2b-login-modal-close,
body.catalog-product-view .b2b-login-option{
    transition: none !important;
  }
}
body.catalog-product-view .awa-pdp-sidebar__card{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-pdp-sidebar__card.awa-pdp-promo{
  border-inline-start: 3px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
}
body.catalog-product-view .awa-pdp-promo__title{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.875rem !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-pdp-promo__text{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-pdp-promo__icon{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
  block-size: 2.25rem !important;
  border-radius: var(--radius-sm, 8px) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  inline-size: 2.25rem !important;
  margin-block-end: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .awa-pdp-chat-btn{
  background: #25d366 !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 0.875rem !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  inline-size: 100% !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-chat-btn:focus-visible{
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, #25d366 45%, transparent) !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-chat-btn:hover{
    background: #1da851 !important;
    color: #fff !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-info-card__label{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .awa-pdp-share__btn{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-sm, 8px) !important;
  color: var(--pdp-modern-text, #374151) !important;
  cursor: pointer !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-share__btn svg{
  block-size: 1rem !important;
  flex-shrink: 0 !important;
  inline-size: 1rem !important;
}
body.catalog-product-view .awa-pdp-share__btn:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-share__btn:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-similar-grid{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-similar-card{
  align-items: center !important;
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  cursor: pointer !important;
  display: grid !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  grid-template-columns: 3.5rem minmax(0, 1fr) !important;
  padding: var(--size-xs, var(--awa-space-3)) !important;
  text-decoration: none !important;
  transition: border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-similar-card__img{
  block-size: 3.5rem !important;
  border-radius: var(--radius-sm, 6px) !important;
  inline-size: 3.5rem !important;
  object-fit: contain !important;
}
body.catalog-product-view .awa-pdp-similar-card__name{
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  display: -webkit-box !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  overflow: hidden !important;
}
body.catalog-product-view .awa-pdp-similar-card:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-similar-card:hover{
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty .reviews-actions a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty .reviews-actions a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view #awa-social-proof-pdp.social-proof-container{
  align-content: flex-start !important;
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block: var(--gap-tight, var(--size-xs, var(--awa-space-3))) 0 !important;
  min-block-size: 2.75rem !important;
  position: relative !important;
}
body.catalog-product-view #awa-social-proof-pdp.social-proof-container:empty::before{
  background: linear-gradient(90deg, color-mix(in srgb, var(--awa-border, #e5e7eb) 40%, transparent) 0%, color-mix(in srgb, var(--awa-border, #e5e7eb) 70%, transparent) 50%, color-mix(in srgb, var(--awa-border, #e5e7eb) 40%, transparent) 100%) !important;
  background-size: 200% 100% !important;
  block-size: 2rem !important;
  border-radius: var(--radius-full, 9999px) !important;
  content: "" !important;
  display: block !important;
  inline-size: min(12rem, 72%) !important;
  opacity: 0.65 !important;
}
body.catalog-product-view #awa-social-proof-pdp.social-proof-container.awa-sp-pdp:empty::before{
  display: none !important;
}
@media (prefers-reduced-motion: no-preference) {
  body.catalog-product-view #awa-social-proof-pdp.social-proof-container:empty::before{
    animation: awa-pdp-sp-shimmer 1.4s ease-in-out infinite !important;
  }
}
@keyframes awa-pdp-sp-shimmer {
  0%{
    background-position: 100% 0;
  }
  100%{
    background-position: -100% 0;
  }
}
body.catalog-product-view .social-proof-badge{
  align-items: center !important;
  border-radius: var(--radius-full, 9999px) !important;
  cursor: default !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  font-size: 0.8125rem !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  line-height: var(--awa-leading-snug, 1.35) !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .social-proof-badge i.fa{
  align-items: center !important;
  block-size: 1rem !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  inline-size: 1rem !important;
  justify-content: center !important;
  margin: 0 !important;
}
body.catalog-product-view .social-proof-badge .badge-text{
  text-align: start !important;
}
body.catalog-product-view .social-proof-badge .badge-text strong{
  font-weight: var(--awa-weight-bold, 700) !important;
}
body.catalog-product-view .social-proof-badge.views-badge{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border-color: var(--border-default, var(--awa-border, #e5e7eb)) !important;
  color: var(--pdp-modern-muted, #475569) !important;
}
body.catalog-product-view .social-proof-badge.views-badge i.fa{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
}
body.catalog-product-view .social-proof-badge.low-stock-badge{
  background: color-mix(in srgb, #f59e0b 10%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, #f59e0b 35%, transparent) !important;
  color: #9a3412 !important;
}
body.catalog-product-view .social-proof-badge.low-stock-badge i.fa{
  color: #d97706 !important;
}
body.catalog-product-view .social-proof-badge.bestseller-badge{
  background: linear-gradient(135deg, var(--awa-primary, #b73337) 0%, color-mix(in srgb, var(--awa-primary, #b73337) 75%, #000) 100%) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 90%, transparent) !important;
  color: #fff !important;
}
body.catalog-product-view .social-proof-badge.bestseller-badge i.fa{
  color: #fde68a !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .social-proof-badge,
body.catalog-product-view .social-proof-badge i.fa{
    animation: none !important;
  }
  body.catalog-product-view #awa-social-proof-pdp.social-proof-container:empty::before{
    animation: none !important;
  }
}
body.catalog-product-view .awa-pdp-trust-bar__item span,
body.catalog-product-view .awa-pdp-trust-bar__item p{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.75rem !important;
  line-height: var(--awa-leading-snug, 1.35) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-pdp-trust-bar__item strong{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.8125rem !important;
  font-weight: var(--awa-weight-semibold, 600) !important;
}
body.catalog-product-view .additional-attributes-wrapper.table-wrapper{
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  overflow: hidden !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.catalog-product-view .additional-attributes-wrapper.table-wrapper{
    -webkit-overflow-scrolling: touch !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: thin !important;
  }
  body.catalog-product-view table.additional-attributes{
    min-inline-size: 32rem !important;
  }
}
@media (min-width: 992px) {
  body.catalog-product-view table.additional-attributes{
    border-collapse: collapse !important;
    inline-size: 100% !important;
  }
  body.catalog-product-view table.additional-attributes tbody tr:nth-child(even){
    background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 4%, var(--awa-bg, #fff)) !important;
  }
  body.catalog-product-view table.additional-attributes th,
body.catalog-product-view table.additional-attributes td{
    padding-block: var(--size-xs, var(--awa-space-3)) !important;
    padding-inline: var(--size-sm, var(--awa-space-4)) !important;
    text-align: start !important;
    vertical-align: top !important;
  }
  body.catalog-product-view table.additional-attributes th{
    color: var(--pdp-modern-muted, #475569) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    inline-size: 38% !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }
  body.catalog-product-view table.additional-attributes td{
    color: var(--pdp-modern-text, #1e293b) !important;
    font-size: 0.875rem !important;
    line-height: var(--awa-leading-normal, 1.5) !important;
  }
  body.catalog-product-view table.additional-attributes tbody tr{
    border-block-end: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  }
  body.catalog-product-view table.additional-attributes tbody tr:last-child{
    border-block-end: none !important;
  }
}
body.catalog-product-view .awa-b2b-secondary-ctas{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  margin-block-start: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding-block-start: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__row{
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__row .awa-b2b-secondary-ctas__button{
  flex: 1 1 12rem !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__note{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 0 var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__button:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-b2b-secondary-ctas__button:hover{
    transform: none !important;
  }
}
body.checkout-cart-index,
body.checkout-index-index,
body.rokanthemes-onepagecheckout{
  --awa-z-pdp-modal: 70;
}
body.checkout-cart-index .b2b-login-modal-overlay,
body.checkout-index-index .b2b-login-modal-overlay,
body.rokanthemes-onepagecheckout .b2b-login-modal-overlay{
  z-index: var(--awa-z-pdp-modal, 70) !important;
}
body.checkout-cart-index .b2b-login-modal-close,
body.checkout-index-index .b2b-login-modal-close,
body.rokanthemes-onepagecheckout .b2b-login-modal-close{
  align-items: center !important;
  block-size: var(--awa-touch-target, 44px) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  justify-content: center !important;
}
body.checkout-cart-index .b2b-login-option,
body.checkout-index-index .b2b-login-option,
body.rokanthemes-onepagecheckout .b2b-login-option{
  cursor: pointer !important;
  min-block-size: 4.75rem !important;
}
body.checkout-cart-index .b2b-login-option:focus-visible,
body.checkout-index-index .b2b-login-option:focus-visible,
body.rokanthemes-onepagecheckout .b2b-login-option:focus-visible,
body.checkout-cart-index .b2b-login-modal-close:focus-visible,
body.checkout-index-index .b2b-login-modal-close:focus-visible,
body.rokanthemes-onepagecheckout .b2b-login-modal-close:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.checkout-cart-index .b2b-login-option:hover,
body.checkout-index-index .b2b-login-option:hover,
body.rokanthemes-onepagecheckout .b2b-login-option:hover,
body.checkout-cart-index .b2b-login-modal-close:hover,
body.checkout-index-index .b2b-login-modal-close:hover,
body.rokanthemes-onepagecheckout .b2b-login-modal-close:hover{
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.checkout-cart-index .b2b-login-modal,
body.checkout-index-index .b2b-login-modal,
body.rokanthemes-onepagecheckout .b2b-login-modal{
    animation: none !important;
  }
}
html body.catalog-product-view .product.info.detailed .product.data.items{
  display: flex !important;
  flex-wrap: wrap !important;
}
html body.catalog-product-view .product.info.detailed .data.item.title a,
body.catalog-product-view .product.data.items > .item.title > .switch{
  border-block-end: 3px solid transparent !important;
  color: var(--pdp-modern-muted, #475569) !important;
  cursor: pointer !important;
  font-size: clamp(0.8125rem, 1.01rem, 0.875rem) !important;
  font-weight: 600 !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
html body.catalog-product-view .product.info.detailed .data.item.title.active a,
html body.catalog-product-view .product.info.detailed .data.item.title a[aria-selected="true"],
body.catalog-product-view .product.data.items > .item.title.active > .switch{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border-block-end-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-weight: 700 !important;
}
html body.catalog-product-view .product.info.detailed .data.item.title a:focus-visible,
body.catalog-product-view .product.data.items > .item.title > .switch:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  html body.catalog-product-view .product.info.detailed .data.item.title a:hover,
body.catalog-product-view .product.data.items > .item.title:not(.active) > .switch:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
@media (max-width: 767px) {
  html body.catalog-product-view .product.info.detailed .product.data.items{
    flex-wrap: nowrap !important;
    scroll-snap-type: x mandatory !important;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items > .item.title{
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }
}
body.catalog-product-view .product.data.items > .item.content{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: 0 var(--radius-md, 12px) var(--radius-md, 12px) var(--radius-md, 12px) !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  padding-block: var(--size-sm, var(--awa-space-4)) !important;
  padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
}
body.catalog-product-view details.awa-pdp-accordion-item{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  overflow: hidden !important;
}
body.catalog-product-view details.awa-pdp-accordion-item > summary{
  color: var(--pdp-modern-text, #1e293b) !important;
  cursor: pointer !important;
  font-size: clamp(0.875rem, 1.15rem, 0.9375rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  list-style: none !important;
}
body.catalog-product-view details.awa-pdp-accordion-item > summary::-webkit-details-marker{
  display: none !important;
}
body.catalog-product-view details.awa-pdp-accordion-item > summary::after{
  block-size: 0.625rem !important;
  border-block-end: 2px solid var(--pdp-modern-muted, #475569) !important;
  border-inline-end: 2px solid var(--pdp-modern-muted, #475569) !important;
  content: "" !important;
  inline-size: 0.625rem !important;
  transform: rotate(45deg) !important;
  transition: transform var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view details.awa-pdp-accordion-item[open] > summary{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
  border-block-end: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
}
body.catalog-product-view details.awa-pdp-accordion-item[open] > summary::after{
  transform: rotate(-135deg) !important;
}
body.catalog-product-view details.awa-pdp-accordion-item > summary:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: -2px !important;
}
body.catalog-product-view .awa-accordion-body{
  border-block-start: none !important;
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: clamp(0.875rem, 1.13rem, 0.9375rem) !important;
  line-height: var(--awa-leading-relaxed, 1.65) !important;
  max-inline-size: 65ch !important;
}
body.catalog-product-view .awa-accordion-body :is(h2,
h3,
h4){
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(0.9375rem, 1.25rem, 1.0625rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin-block: var(--gap-base, var(--size-sm, var(--awa-space-4))) var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-accordion-body a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
  text-underline-offset: 2px !important;
}
body.catalog-product-view .awa-accordion-body a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .awa-accordion-body :is(img,
video,
iframe){
  block-size: auto !important;
  border-radius: var(--radius-sm, 8px) !important;
  max-inline-size: 100% !important;
}
body.catalog-product-view .awa-accordion-body table{
  border-collapse: collapse !important;
  display: block !important;
  inline-size: 100% !important;
  overflow-x: auto !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view details.awa-pdp-accordion-item > summary::after{
    transition: none !important;
  }
}
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview .type{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview .value a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
}
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview .value :is(ul,
ol){
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  margin: 0 !important;
  padding-inline-start: var(--size-md, var(--awa-space-6)) !important;
}
body.catalog-product-view .product.data.items > .item.content .product.attribute.description .value,
body.catalog-product-view .product.data.items > .item.content .product.attribute.overview .value{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: clamp(0.875rem, 1.13rem, 0.9375rem) !important;
  line-height: var(--awa-leading-relaxed, 1.65) !important;
}
body.catalog-product-view .product.data.items > .item.content .value :is(h2,
h3,
h4){
  color: var(--pdp-modern-text, #1e293b) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  margin-block: var(--gap-base, var(--size-sm, var(--awa-space-4))) var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .product.data.items > .item.content .value a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
}
body.catalog-product-view .product.data.items > .item.content .value :is(img,
table){
  max-inline-size: 100% !important;
}
body.catalog-product-view .product.data.items > .item.content .value table{
  display: block !important;
  overflow-x: auto !important;
}
body.catalog-product-view .box-tocart .actions{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  inline-size: 100% !important;
}
body.catalog-product-view .box-tocart .actions .action.tocart,
body.catalog-product-view .box-tocart .actions .awa-quick-buy-btn{
  inline-size: 100% !important;
  justify-content: center !important;
}
body.catalog-product-view .awa-quick-buy-btn{
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  gap: var(--gap-tight, var(--size-2xs, var(--awa-space-2))) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-quick-buy-btn svg{
  block-size: 1rem !important;
  flex-shrink: 0 !important;
  inline-size: 1rem !important;
}
body.catalog-product-view .awa-quick-buy-btn:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .awa-quick-buy-btn.awa-quick-buy--processing{
  cursor: wait !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-quick-buy-btn:hover{
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-whatsapp-cta{
  align-items: center !important;
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid #25d366 !important;
  border-radius: var(--radius-md, 12px) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, #25d366 14%, transparent) !important;
  color: #128c7e !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  inline-size: 100% !important;
  justify-content: center !important;
  margin-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-whatsapp-cta__icon{
  block-size: 1.125rem !important;
  color: #25d366 !important;
  flex-shrink: 0 !important;
  inline-size: 1.125rem !important;
}
body.catalog-product-view .awa-pdp-whatsapp-cta:focus-visible{
  box-shadow: 0 0 0 3px color-mix(in srgb, #25d366 28%, transparent) !important;
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-whatsapp-cta:hover{
    background: color-mix(in srgb, #25d366 6%, var(--awa-bg, #fff)) !important;
    border-color: #1da851 !important;
    box-shadow: 0 4px 14px color-mix(in srgb, #25d366 18%, transparent) !important;
    color: #128c7e !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-bar.is-visible{
  backdrop-filter: blur(12px) !important;
  background: color-mix(in srgb, var(--pdp-modern-surface, var(--awa-bg, #fff)) 92%, transparent) !important;
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  box-shadow: 0 -8px 24px color-mix(in srgb, #020617 8%, transparent) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__inner{
  align-items: center !important;
  display: flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__info{
  flex: 1 1 8rem !important;
  min-inline-size: 0 !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__name{
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}
body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__inner{
  align-items: stretch !important;
  display: grid !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-areas: "thumb info info" "hint hint hint" "cta cta cta" "link link link" !important;
}
body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__thumb{
  grid-area: thumb !important;
}
body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__info{
  grid-area: info !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__guest-hint{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  display: inline-flex !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  grid-area: hint !important;
  justify-content: center !important;
  letter-spacing: 0.04em !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn--guest{
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border: none !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  grid-area: cta !important;
  inline-size: 100% !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn--guest:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__link-guest{
  align-items: center !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  grid-area: link !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__link-guest:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-sticky-bar__btn--guest:hover,
body.catalog-product-view .awa-pdp-sticky-bar__link-guest:hover{
    transform: none !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar__btn--guest:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
  }
}
body.b2b-pending-mode.catalog-product-view .awa-pdp-sticky-bar__btn:disabled,
body.b2b-pending-mode.catalog-product-view .awa-pdp-sticky-bar__btn[disabled]{
  cursor: not-allowed !important;
  opacity: 0.72 !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs{
  background: transparent !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .items{
  align-items: center !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .item:not(:last-child)::after,
body.catalog-product-view .page-wrapper .breadcrumbs .items li:not(:last-child)::after{
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-inline: 6px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 1 !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .item a,
body.catalog-product-view .page-wrapper .breadcrumbs .items a{
  border-radius: var(--radius-sm, 4px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .item a:focus-visible,
body.catalog-product-view .page-wrapper .breadcrumbs .items a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs .item strong,
body.catalog-product-view .page-wrapper .breadcrumbs .items strong,
body.catalog-product-view .page-wrapper .breadcrumbs .item:last-child,
body.catalog-product-view .page-wrapper .breadcrumbs .items li:last-child{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-weight: 600 !important;
}
@media (hover: hover) {
  body.catalog-product-view .page-wrapper .breadcrumbs .item a:hover,
body.catalog-product-view .page-wrapper .breadcrumbs .items a:hover{
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-b2b-condition,
body.catalog-product-view .awa-pdp-b2b-condition,
body.catalog-product-view [data-awa-component="b2b-condition"]{
  background: linear-gradient(135deg, color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) 0%, var(--pdp-modern-surface, var(--awa-bg, #fff)) 55%) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 18%, var(--awa-border, #e5e7eb)) !important;
  border-inline-start: 4px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
}
body.catalog-product-view .awa-b2b-condition::before,
body.catalog-product-view .awa-pdp-b2b-condition::before{
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--awa-primary, #b73337) 4%, transparent) 100%) !important;
  content: "" !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  inline-size: 6rem !important;
  pointer-events: none !important;
  position: absolute !important;
}
body.catalog-product-view .awa-b2b-condition__title,
body.catalog-product-view .awa-pdp-b2b-condition .awa-b2b-section-title{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(0.875rem, 1.15rem, 0.9375rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
}
body.catalog-product-view .awa-b2b-condition__title::before{
  content: "" !important;
  font-size: 0 !important;
}
body.catalog-product-view .awa-b2b-condition__body{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  max-inline-size: 65ch !important;
}
body.catalog-product-view .awa-b2b-condition__body :is(strong,
b){
  color: var(--pdp-modern-text, #1e293b) !important;
}
body.catalog-product-view .awa-b2b-condition__whatsapp-cta{
  align-self: stretch !important;
  background: #25d366 !important;
  border: none !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  inline-size: 100% !important;
  justify-content: center !important;
  margin-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-b2b-condition__whatsapp-cta::before{
  block-size: 1.125rem !important;
  content: "" !important;
  flex-shrink: 0 !important;
  inline-size: 1.125rem !important;
}
body.catalog-product-view .awa-b2b-condition__whatsapp-cta:focus-visible{
  box-shadow: 0 0 0 3px color-mix(in srgb, #25d366 35%, transparent) !important;
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-b2b-condition__whatsapp-cta:hover{
    background: #1da851 !important;
    box-shadow: 0 4px 14px color-mix(in srgb, #25d366 22%, transparent) !important;
    color: #fff !important;
    transform: none !important;
  }
}
@media (min-width: 768px) {
  body.catalog-product-view .awa-b2b-condition__whatsapp-cta{
    align-self: flex-start !important;
    inline-size: auto !important;
  }
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 22%, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  overflow: hidden !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__price-anchor{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) !important;
  border-block-end: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__price-label{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__lock-icon{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__price-obscured{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__price-blur{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  filter: blur(5px) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__badge{
  align-self: flex-start !important;
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: #fff !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
  padding-block: var(--size-2xs, var(--awa-space-1)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
  text-transform: uppercase !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__headline{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__description{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  margin: 0 !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-primary{
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border: none !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease !important;
}
html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-secondary{
  background: transparent !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease !important;
}
@media (hover: hover) {
  html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-primary:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
  html body.catalog-product-view .product-info-main .awa-b2b-guest-gate__cta-secondary:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    transform: none !important;
  }
}
body.catalog-product-view .swatch-attribute-label{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  margin-block-end: var(--size-2xs, var(--awa-space-1)) !important;
}
body.catalog-product-view .swatch-attribute-selected-option{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
}
body.catalog-product-view .swatch-option{
  border: 2px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-sm, 6px) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  transition: border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .swatch-option.text{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .swatch-option.selected{
  border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--awa-primary, #b73337) 18%, transparent), inset 0 0 0 1px var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline: none !important;
}
body.catalog-product-view .swatch-option:not(.disabled):hover{
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 45%, var(--awa-border, #e5e7eb)) !important;
  transform: none !important;
}
body.catalog-product-view .swatch-option.disabled{
  cursor: not-allowed !important;
  opacity: 0.45 !important;
  position: relative !important;
}
body.catalog-product-view .swatch-option.disabled::before{
  background: var(--pdp-modern-muted, #475569) !important;
  block-size: 2px !important;
  content: "" !important;
  inline-size: 70% !important;
  inset-block-start: 50% !important;
  inset-inline-start: 15% !important;
  opacity: 0.55 !important;
  position: absolute !important;
  transform: rotate(-35deg) !important;
}
body.catalog-product-view .swatch-option:focus-visible{
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary, #b73337) 22%, transparent) !important;
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .product-options-wrapper,
body.catalog-product-view .product-add-form .fieldset{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .product-options-wrapper .field,
body.catalog-product-view .field.configurable{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 3%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .field.configurable .label{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
body.catalog-product-view .product.media .fotorama__nav__frame--thumb.fotorama__active,
body.catalog-product-view .product.media .fotorama__nav__frame.fotorama__active{
  opacity: 1 !important;
}
body.catalog-product-view .product.media .fotorama__nav__frame--thumb.fotorama__active .fotorama__thumb,
body.catalog-product-view .product.media .fotorama__nav__frame.fotorama__active .fotorama__thumb{
  border: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-sm, 6px) !important;
  box-sizing: border-box !important;
}
body.catalog-product-view .product.media .fotorama__thumb-border{
  border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-sm, 6px) !important;
}
body.catalog-product-view .fotorama__fullscreen-icon{
  background: color-mix(in srgb, var(--pdp-modern-text, #1e293b) 55%, transparent) !important;
  border-radius: var(--radius-sm, 8px) !important;
  cursor: pointer !important;
}
body.catalog-product-view .fotorama--fullscreen{
  background: color-mix(in srgb, #020617 88%, transparent) !important;
  z-index: var(--awa-z-pdp-modal, 70) !important;
}
body.catalog-product-view .fotorama--fullscreen .fotorama__stage__frame .fotorama__img{
  object-fit: contain !important;
}
body.catalog-product-view .fotorama--fullscreen .fotorama__arr{
  align-items: center !important;
  background: color-mix(in srgb, #fff 92%, transparent) !important;
  border-radius: var(--radius-full, 9999px) !important;
  box-shadow: 0 4px 16px color-mix(in srgb, #020617 18%, transparent) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  opacity: 1 !important;
}
body.catalog-product-view .fotorama--fullscreen .fotorama__fullscreen-icon{
  background: color-mix(in srgb, #fff 92%, transparent) !important;
  border-radius: var(--radius-full, 9999px) !important;
  box-shadow: 0 4px 16px color-mix(in srgb, #020617 18%, transparent) !important;
  cursor: pointer !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  opacity: 1 !important;
}
body.catalog-product-view .fotorama--fullscreen .fotorama__arr:focus-visible,
body.catalog-product-view .fotorama--fullscreen .fotorama__fullscreen-icon:focus-visible{
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .fotorama--fullscreen .fotorama__arr:hover,
body.catalog-product-view .fotorama--fullscreen .fotorama__fullscreen-icon:hover{
    background: #fff !important;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .swatch-option,
body.catalog-product-view .fotorama--fullscreen .fotorama__arr{
    transition: none !important;
  }
}
body.catalog-product-view .box-tocart .awa-qty-stepper{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  gap: 0 !important;
  overflow: hidden !important;
}
body.catalog-product-view .box-tocart .awa-qty-btn{
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .box-tocart .awa-qty-btn:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: -2px !important;
}
body.catalog-product-view .box-tocart .input-text.qty{
  border-block: none !important;
  border-inline: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
@media (hover: hover) {
  body.catalog-product-view .box-tocart .awa-qty-btn:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, transparent) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main .page-title-wrapper{
  border-block-end: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  margin-block-end: 0 !important;
  padding-block-end: var(--size-xs, var(--awa-space-3)) !important;
}
html body.catalog-product-view .product-info-main .page-title-wrapper .page-title .base{
  color: var(--pdp-modern-text, #1e293b) !important;
  display: block !important;
  hyphens: auto !important;
  text-wrap: balance !important;
}
html body.catalog-product-view .product-info-main .box-inner1 .awa-pdp-review-summary,
html body.catalog-product-view .product-info-main .box-inner1 .product-reviews-summary{
  margin-block-start: calc(-1 * var(--size-2xs, var(--awa-space-1))) !important;
}
body.catalog-product-view .product-add-form{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .product-add-form .awa-b2b-pdp-sku{
  align-items: center !important;
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 4%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--size-sm, var(--awa-space-4)) !important;
  margin: 0 !important;
  padding: var(--size-xs, var(--awa-space-3)) var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .product-add-form .awa-b2b-pdp-sku .awa-b2b-sku__label{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .product-add-form .awa-b2b-pdp-sku .awa-b2b-sku__value{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}
body.catalog-product-view .awa-stock-level{
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: var(--radius-full, 9999px) !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  width: fit-content !important;
}
body.catalog-product-view .awa-stock-level__dot{
  aspect-ratio: 1 !important;
  background: currentColor !important;
  block-size: 0.5rem !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: inherit !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  inline-size: 0.5rem !important;
  line-height: 0 !important;
  width: 0.5rem !important;
}
body.catalog-product-view .awa-stock-level--ok{
  background: color-mix(in srgb, #059669 8%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, #059669 22%, var(--awa-border, #e5e7eb)) !important;
  color: #047857 !important;
}
body.catalog-product-view .awa-stock-level--low{
  background: color-mix(in srgb, #d97706 10%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, #d97706 28%, var(--awa-border, #e5e7eb)) !important;
  color: #b45309 !important;
}
body.catalog-product-view .awa-stock-level--critical{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 10%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 30%, var(--awa-border, #e5e7eb)) !important;
  color: #991b1b !important;
  font-weight: 700 !important;
}
body.catalog-product-view .awa-stock-level--low .awa-stock-level__dot,
body.catalog-product-view .awa-stock-level--critical .awa-stock-level__dot{
  animation: awa-pdp-stock-pulse 1.8s ease-in-out infinite !important;
}
@keyframes awa-pdp-stock-pulse {
  0%,
100%{
    opacity: 1;
  }
  50%{
    opacity: 0.45;
  }
}
body.catalog-product-view .awa-sku-copy-btn{
  align-items: center !important;
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-sm, 6px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-sku-copy-btn[data-copied]{
  background: color-mix(in srgb, #059669 8%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, #059669 28%, var(--awa-border, #e5e7eb)) !important;
  color: #047857 !important;
}
body.catalog-product-view .awa-sku-copy-feedback.visible{
  color: #047857 !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-sku-copy-btn:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    color: var(--pdp-modern-text, #1e293b) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main .product-info-stock-sku .product.attribute.sku{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 4%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
html body.catalog-product-view .product-info-main .product-info-stock-sku .product.attribute.sku .value{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 700 !important;
}
body.catalog-product-view .box-tocart .action.tocart.loading span,
body.catalog-product-view #product-addtocart-button.loading span{
  opacity: 0.72 !important;
}
body.catalog-product-view .awa-quick-buy-btn.awa-quick-buy--processing{
  cursor: wait !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  position: relative !important;
}
body.catalog-product-view .awa-quick-buy-btn.awa-quick-buy--processing::after{
  animation: awa-pdp-spin 0.7s linear infinite !important;
  aspect-ratio: 1 !important;
  block-size: 1em !important;
  border: 2px solid color-mix(in srgb, currentColor 30%, transparent) !important;
  border-block-start-color: currentColor !important;
  border-radius: 50% !important;
  content: "" !important;
  display: inline-grid !important;
  inline-size: 1em !important;
  margin-inline-start: var(--size-2xs, var(--awa-space-2)) !important;
  place-items: center !important;
}
body.catalog-product-view #product-addtocart-button:disabled:not(.loading){
  box-shadow: none !important;
  filter: grayscale(0.15) !important;
}
body.catalog-product-view .page-main > .page.messages,
body.catalog-product-view .column.main > .page.messages{
  margin-block: var(--size-sm, var(--awa-space-4)) !important;
  scroll-margin-block-start: clamp(3.5rem, 10vw, 5rem) !important;
}
body.catalog-product-view .page.messages .message{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, #020617 6%, transparent) !important;
}
body.catalog-product-view .page.messages .message.success{
  background: color-mix(in srgb, #059669 6%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, #059669 22%, var(--awa-border, #e5e7eb)) !important;
  color: var(--pdp-modern-text, #1e293b) !important;
}
body.catalog-product-view .page.messages .message.error{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 5%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 22%, var(--awa-border, #e5e7eb)) !important;
}
body.catalog-product-view .product-social-links{
  align-items: center !important;
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-start: var(--size-xs, var(--awa-space-3)) !important;
  padding-block-start: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .product-social-links .action,
body.catalog-product-view .product-info-main .product-addto-links .action{
  align-items: center !important;
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .product-social-links .action .fa,
body.catalog-product-view .product-info-main .product-addto-links .action .fa{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  inline-size: 1em !important;
  text-align: center !important;
}
body.catalog-product-view .product-social-links .action.towishlist._active,
body.catalog-product-view .product-social-links .action.towishlist.active,
body.catalog-product-view .product-info-main .product-addto-links .action.towishlist._active{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 8%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
}
@media (hover: hover) {
  body.catalog-product-view .product-social-links .action:hover,
body.catalog-product-view .product-info-main .product-addto-links .action:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
body.catalog-product-view .product-social-links .action:focus-visible,
body.catalog-product-view .product-info-main .product-addto-links .action:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .awa-stock-level--low .awa-stock-level__dot,
body.catalog-product-view .awa-stock-level--critical .awa-stock-level__dot,
body.catalog-product-view .awa-quick-buy-btn.awa-quick-buy--processing::after{
    animation: none !important;
  }
}
body.catalog-product-view .awa-b2b-pdp-tier{
  background: linear-gradient(135deg, color-mix(in srgb, var(--awa-primary, #b73337) 7%, var(--awa-bg, #fff)) 0%, var(--pdp-modern-surface, var(--awa-bg, #fff)) 62%) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 20%, var(--awa-border, #e5e7eb)) !important;
  border-inline-start: 4px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: var(--size-sm, var(--awa-space-4)) var(--size-sm-md, var(--awa-space-5)) !important;
  position: relative !important;
}
body.catalog-product-view .awa-b2b-pdp-tier::before{
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--awa-primary, #b73337) 5%, transparent) 100%) !important;
  block-size: 100% !important;
  content: "" !important;
  inline-size: 5rem !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 5rem !important;
}
body.catalog-product-view .awa-b2b-pdp-tier__title,
body.catalog-product-view .awa-b2b-pdp-tier strong{
  align-items: center !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  display: flex !important;
  font-size: clamp(0.8125rem, 1.01rem, 0.875rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-b2b-pdp-tier__icon{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  flex-shrink: 0 !important;
}
body.catalog-product-view .awa-b2b-pdp-tier__text{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
  max-inline-size: 52ch !important;
}
body.catalog-product-view .awa-pdp-trust-bar{
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block: var(--size-xs, var(--awa-space-3)) 0 !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-trust-bar{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.catalog-product-view .awa-pdp-trust-bar__item{
    min-block-size: 5.5rem !important;
    padding-block: var(--size-xs, var(--awa-space-3)) !important;
    padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
  }
  body.catalog-product-view .awa-pdp-trust-bar__item span{
    font-size: 0.6875rem !important;
    hyphens: auto !important;
    line-height: 1.25 !important;
  }
  body.catalog-product-view .awa-pdp-trust-bar__item svg{
    block-size: 1.25rem !important;
    inline-size: 1.25rem !important;
    width: 1.25rem !important;
  }
}
@media (min-width: 768px) {
  body.catalog-product-view .awa-pdp-trust-bar{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
body.catalog-product-view .awa-pdp-trust-bar__item svg{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
}
body.catalog-product-view .nav-breadcrumbs{
  margin-block-end: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .page-wrapper .breadcrumbs{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 4%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  margin-block-end: var(--size-xs, var(--awa-space-3)) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .page-wrapper .breadcrumbs{
    border-radius: var(--radius-md, 10px) !important;
    mask-image: linear-gradient(to right, transparent, #000 1rem, #000 calc(100% - 1rem), transparent) !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.catalog-product-view .page-wrapper .breadcrumbs::-webkit-scrollbar{
    display: none !important;
  }
  body.catalog-product-view .page-wrapper .breadcrumbs .items{
    flex-wrap: nowrap !important;
    inline-size: max-content !important;
    min-inline-size: 100% !important;
    padding-inline-end: var(--size-xs, var(--awa-space-3)) !important;
  }
  body.catalog-product-view .page-wrapper .breadcrumbs .item:last-child,
body.catalog-product-view .page-wrapper .breadcrumbs .items li:last-child{
    max-inline-size: 12rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}
body.catalog-product-view .page-wrapper .breadcrumbs .item a,
body.catalog-product-view .page-wrapper .breadcrumbs .items a{
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary{
  align-items: center !important;
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 3%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--size-sm, var(--awa-space-4)) !important;
  inline-size: fit-content !important;
  max-inline-size: 100% !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary.short{
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--size-sm, var(--awa-space-4)) !important;
  margin: 0 !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .reviews-actions a{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary:not(.empty) .reviews-actions a:hover{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty,
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary.empty{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
  border: 1px dashed color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
  inline-size: 100% !important;
  justify-content: space-between !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty::before,
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary.empty::before{
  color: var(--pdp-modern-muted, #475569) !important;
  content: "Ainda sem avaliações" !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty .reviews-actions a,
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary.empty .reviews-actions a.action.add{
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
@media (hover: hover) {
  html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty .reviews-actions a:hover,
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary.empty .reviews-actions a.action.add:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    color: #fff !important;
    transform: none !important;
  }
  body.catalog-product-view .awa-b2b-pdp-tier:hover{
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 32%, var(--awa-border, #e5e7eb)) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main .awa-pdp-review-summary.empty .reviews-actions a:focus-visible,
html body.catalog-product-view .product-info-main .awa-pdp-review-summary .product-reviews-summary.empty .reviews-actions a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .page-wrapper .breadcrumbs .items{
    scroll-behavior: auto !important;
  }
}
html body.catalog-product-view .product.col.media,
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
html body.catalog-product-view .product.col.media .product.attribute.overview,
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  margin: 0 !important;
  padding: var(--size-sm, var(--awa-space-4)) var(--size-sm-md, var(--awa-space-5)) !important;
}
html body.catalog-product-view .product.col.media .product.attribute.overview .type,
html body.catalog-product-view .main-detail > .row > .col-md-6:first-child .product.attribute.overview .type{
  color: var(--pdp-modern-muted, #475569) !important;
  display: block !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  margin-block-end: var(--size-2xs, var(--awa-space-2)) !important;
  text-transform: uppercase !important;
}
html body.catalog-product-view .product.col.media #awa-social-proof-pdp.social-proof-container{
  margin: 0 !important;
  min-block-size: 2.25rem !important;
  padding: var(--size-2xs, var(--awa-space-2)) 0 !important;
}
html body.catalog-product-view .product.col.media #awa-social-proof-pdp.social-proof-container:not(:empty){
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 3%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  padding: var(--size-xs, var(--awa-space-3)) var(--size-sm, var(--awa-space-4)) !important;
}
@media (min-width: 768px) {
  body.catalog-product-view .awa-pdp-sticky-bar__thumb{
    block-size: 3.5rem !important;
    border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
    border-radius: var(--radius-sm, 8px) !important;
    inline-size: 3.5rem !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar:not(.awa-pdp-sticky-bar--guest) .awa-pdp-sticky-bar__inner{
    display: grid !important;
    align-items: center !important;
    gap: var(--size-sm, var(--awa-space-4)) !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar__info{
    grid-column: 2 !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar__price{
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    font-variant-numeric: tabular-nums !important;
    grid-column: 3 !important;
    justify-self: end !important;
    text-align: end !important;
    white-space: nowrap !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar__btn:not(.awa-pdp-sticky-bar__btn--guest){
    flex-shrink: 0 !important;
    grid-column: 4 !important;
    min-inline-size: 9.5rem !important;
    padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar__name{
    -webkit-line-clamp: 1 !important;
  }
}
@media (min-width: 992px) {
  body.catalog-product-view .awa-pdp-sticky-bar__inner{
    max-inline-size: 80rem !important;
    padding-inline: max(var(--page-gutter, 1rem), env(safe-area-inset-left), env(safe-area-inset-right)) !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-bar__btn:not(.awa-pdp-sticky-bar__btn--guest){
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border: none !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__btn:not(.awa-pdp-sticky-bar__btn--guest) svg{
  flex-shrink: 0 !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-sticky-bar__btn:not(.awa-pdp-sticky-bar__btn--guest):hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
body.catalog-product-view .b2b-login-modal-overlay{
  background: color-mix(in srgb, #020617 48%, transparent) !important;
  backdrop-filter: blur(10px) !important;
}
body.catalog-product-view .b2b-login-modal-overlay.active .b2b-login-modal{
  animation: awa-pdp-modal-in 0.22s ease-out !important;
}
@keyframes awa-pdp-modal-in {
  from{
    opacity: 0;
    transform: translateY(0.75rem) scale(0.98);
  }
  to{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
body.catalog-product-view .b2b-login-option[aria-current="true"],
body.catalog-product-view .b2b-login-option.is-selected,
body.catalog-product-view .b2b-login-option:focus-within{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 35%, var(--awa-border, #e5e7eb)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--awa-primary, #b73337) 12%, transparent) !important;
}
body.catalog-product-view .b2b-login-modal-body .field .label{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
}
body.catalog-product-view .b2b-login-modal-body .field .control input,
body.catalog-product-view .b2b-login-modal-body .field .control select{
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .b2b-login-modal-body .field .control input:focus-visible,
body.catalog-product-view .b2b-login-modal-body .field .control select:focus-visible{
  border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary, #b73337) 12%, transparent) !important;
  outline: none !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .b2b-login-modal-overlay.active .b2b-login-modal{
    animation: none !important;
    transition: none !important;
  }
}
html body.catalog-product-view .product-info-main .product-info-price .b2b-login-to-see-price{
  align-items: flex-start !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 5%, var(--awa-bg, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 18%, var(--awa-border, #e5e7eb)) !important;
  border-inline-start: 4px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
  padding: var(--size-sm, var(--awa-space-4)) var(--size-sm-md, var(--awa-space-5)) !important;
}
html body.catalog-product-view .product-info-main .b2b-login-to-see-price .price-label{
  color: var(--pdp-modern-muted, #475569) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
}
html body.catalog-product-view .product-info-main .b2b-login-to-see-price .price-label a{
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease !important;
}
html body.catalog-product-view .product-info-main .b2b-login-to-see-price .price-label a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  html body.catalog-product-view .product-info-main .b2b-login-to-see-price .price-label a:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-sidebar{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .awa-pdp-sidebar__card{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .awa-pdp-promo__icon{
  align-items: center !important;
  aspect-ratio: 1 !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 10%, var(--awa-bg, #fff)) !important;
  border-radius: var(--radius-sm, 8px) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  display: inline-grid !important;
  inline-size: 2.25rem !important;
  place-items: center !important;
}
body.catalog-product-view .awa-pdp-info-card__label{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-similar-grid{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
    margin-block: 0 calc(-1 * var(--size-2xs, var(--awa-space-2))) !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    padding-block: var(--size-2xs, var(--awa-space-2)) !important;
    scroll-padding-inline: var(--size-xs, var(--awa-space-3)) !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: thin !important;
  }
  body.catalog-product-view .awa-pdp-similar-card{
    flex: 0 0 min(16rem, 78vw) !important;
    scroll-snap-align: start !important;
  }
}
body.catalog-product-view .awa-pdp-related .products-swiper,
body.catalog-product-view .block.related .products-swiper,
body.catalog-product-view .block.upsell .products-swiper,
body.catalog-product-view .block.crosssell .products-swiper{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  position: relative !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-related .products-swiper .swiper-wrapper,
body.catalog-product-view .block.related .products-swiper .swiper-wrapper,
body.catalog-product-view .block.upsell .products-swiper .swiper-wrapper{
    scroll-snap-type: x mandatory !important;
  }
  body.catalog-product-view .awa-pdp-related .products-swiper .swiper-slide,
body.catalog-product-view .block.related .products-swiper .swiper-slide,
body.catalog-product-view .block.upsell .products-swiper .swiper-slide{
    scroll-snap-align: start !important;
  }
}
body.catalog-product-view .awa-pdp-related > .rokan-product-heading,
body.catalog-product-view .awa-pdp-related > .rokan-featured-heading,
body.catalog-product-view .block.related .block-title,
body.catalog-product-view .block.upsell .block-title,
body.catalog-product-view .block.crosssell .block-title{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(1rem, 1.4rem, 1.125rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-pdp-related .awa-related-price-notice{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
  border: 1px dashed color-mix(in srgb, var(--awa-primary, #b73337) 22%, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  padding: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view .awa-pdp-related .awa-related-price-notice__login-link{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
@media (max-width: 991px) {
  body.catalog-product-view .additional-attributes-wrapper.table-wrapper{
    background: linear-gradient(to right, var(--pdp-modern-surface, var(--awa-bg, #fff)) 0, transparent 1rem), linear-gradient(to left, var(--pdp-modern-surface, var(--awa-bg, #fff)) 0, transparent 1rem), linear-gradient(to right, color-mix(in srgb, #020617 8%, transparent), transparent 1rem), linear-gradient(to left, color-mix(in srgb, #020617 8%, transparent), transparent 1rem) !important;
    background-position: 0 0, 100% 0, 0 0, 100% 0 !important;
    background-repeat: no-repeat !important;
    background-size: 1rem 100%, 1rem 100%, 0.75rem 100%, 0.75rem 100% !important;
  }
}
body.catalog-product-view{
  --awa-z-pdp-chat: 40;
  --awa-z-pdp-sticky: 50;
  --awa-z-pdp-cookie: 60;
  --awa-z-pdp-modal: 70;
}
body.catalog-product-view .awa-pdp-sticky-bar.is-visible{
  z-index: var(--awa-z-pdp-sticky, 50) !important;
}
body.catalog-product-view .awa-pdp-chat-btn,
body.catalog-product-view .awa-pdp-whatsapp-cta{
  position: relative !important;
  z-index: 1 !important;
}
html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible) .awa-whatsapp-float,
html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible) #whatsapp-btn{
  bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .awa-pdp-similar-grid{
    scroll-behavior: auto !important;
  }
}
html body.catalog-product-view .awa-pdp-related,
html body.catalog-product-view .awa-pdp-mostviewed,
html body.catalog-product-view .block.crosssell,
html body.catalog-product-view .block.upsell{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
}
body.catalog-product-view .awa-pdp-mostviewed{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  margin-block-start: var(--size-md-lg, var(--awa-space-7)) !important;
  padding-block-start: var(--size-sm-md, var(--awa-space-6)) !important;
}
body.catalog-product-view .awa-pdp-mostviewed .rokan-product-heading h2,
body.catalog-product-view .awa-pdp-mostviewed .rokan-featured-heading h2{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(1rem, 1.4rem, 1.125rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  margin: 0 !important;
}
body.catalog-product-view .awa-pdp-mv-tabs{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-mv-tabs{
    flex-wrap: nowrap !important;
    margin-inline: calc(-1 * var(--size-xs, var(--awa-space-3))) !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    padding-block: var(--size-2xs, var(--awa-space-2)) !important;
    padding-inline: var(--size-xs, var(--awa-space-3)) !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }
  body.catalog-product-view .awa-pdp-mv-tabs::-webkit-scrollbar{
    display: none !important;
  }
}
body.catalog-product-view .awa-pdp-mv-tab{
  align-items: center !important;
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  scroll-snap-align: start !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-mv-tab.awa-active,
body.catalog-product-view .awa-pdp-mv-tab[aria-selected="true"]{
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  color: #fff !important;
}
body.catalog-product-view .awa-pdp-mv-tab:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-mv-tab:not(.awa-active):hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    color: var(--pdp-modern-text, #1e293b) !important;
    transform: none !important;
  }
}
body.catalog-product-view .awa-pdp-mostviewed .item-product{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  block-size: 100% !important;
  padding: var(--size-xs, var(--awa-space-3)) !important;
  transition: border-color var(--awa-duration-fast, 0.2s) ease, box-shadow var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-pdp-mostviewed .product-thumb{
  aspect-ratio: 1 !important;
  border-radius: var(--radius-sm, 8px) !important;
  overflow: hidden !important;
}
body.catalog-product-view .awa-pdp-mostviewed .product-thumb-link{
  cursor: pointer !important;
  display: block !important;
}
body.catalog-product-view .awa-pdp-mostviewed .product-thumb img{
  block-size: 100% !important;
  inline-size: 100% !important;
  object-fit: contain !important;
}
body.catalog-product-view .awa-pdp-mostviewed .product-name a{
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  display: -webkit-box !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: var(--awa-leading-snug, 1.3) !important;
  overflow: hidden !important;
  text-align: start !important;
}
body.catalog-product-view .awa-pdp-mostviewed .awa-b2b-sku{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  gap: var(--size-2xs, var(--awa-space-1)) !important;
}
body.catalog-product-view .awa-pdp-mostviewed .btn-add-to-cart,
body.catalog-product-view .awa-pdp-mostviewed .action.tocart{
  align-items: center !important;
  border-radius: var(--radius-md, 10px) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  width: 100% !important;
}
body.catalog-product-view .products-swiper--mostviewed .swiper-button-next,
body.catalog-product-view .products-swiper--mostviewed .swiper-button-prev{
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .products-swiper--mostviewed .swiper-button-next:focus-visible,
body.catalog-product-view .products-swiper--mostviewed .swiper-button-prev:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-pdp-mostviewed .item-product:hover{
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--awa-primary, #b73337) 8%, transparent) !important;
    transform: none !important;
  }
}
@media (max-width: 767px) {
  body.catalog-product-view .products-swiper--mostviewed .swiper-slide{
    scroll-snap-align: start !important;
    width: min(68vw, 13.75rem) !important;
  }
}
body.catalog-product-view .block.crosssell .action.tocart,
body.catalog-product-view .block.crosssell .related-addtocart{
  align-items: center !important;
  border-radius: var(--radius-md, 10px) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  width: 100% !important;
}
body.catalog-product-view .block.crosssell .product-item-actions{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin-block-start: auto !important;
}
body.catalog-product-view .modals-wrapper{
  z-index: calc(var(--awa-z-pdp-modal, 70) + 1) !important;
}
body.catalog-product-view .modal-popup,
body.catalog-product-view .modal-slide{
  z-index: calc(var(--awa-z-pdp-modal, 70) + 2) !important;
}
body.catalog-product-view .modal-popup .modal-inner-wrap{
  border-radius: var(--radius-lg, 16px) !important;
  box-shadow: 0 24px 60px color-mix(in srgb, #020617 22%, transparent) !important;
}
body.catalog-product-view .modal-popup .action-close{
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view .modal-popup .action-close:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .block-authentication .action.action-register,
body.catalog-product-view .block-authentication .action.action-login{
  min-block-size: var(--awa-touch-target, 44px) !important;
}
html body.catalog-product-view .awa-pdp-related .products-swiper--related,
html body.catalog-product-view .awa-pdp-mostviewed .products-swiper--mostviewed{
  box-sizing: border-box !important;
  overflow: visible !important;
  padding-inline: max(var(--size-sm-md, var(--awa-space-5)), 2.75rem) !important;
}
html body.catalog-product-view .awa-pdp-related .products-swiper--related .swiper-button-prev,
html body.catalog-product-view .awa-pdp-related .products-swiper--related .swiper-button-next,
html body.catalog-product-view .awa-pdp-mostviewed .products-swiper--mostviewed .swiper-button-prev,
html body.catalog-product-view .awa-pdp-mostviewed .products-swiper--mostviewed .swiper-button-next{
  margin-block-start: 0 !important;
  transform: translateY(-50%) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .awa-pdp-mv-tabs{
    scroll-behavior: auto !important;
  }
  body.catalog-product-view .awa-pdp-mostviewed .item-product{
    transition: none !important;
  }
}
html body.catalog-product-view .product.info.detailed{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  inline-size: 100% !important;
  margin-block: var(--size-md-lg, var(--awa-space-7)) var(--size-sm, var(--awa-space-4)) !important;
  max-inline-size: 100% !important;
  padding-block: var(--size-sm-md, var(--awa-space-6)) 0 !important;
  padding-inline: max(clamp(0.75rem, 2rem, 1rem), env(safe-area-inset-left), env(safe-area-inset-right)) !important;
}
html body.catalog-product-view .product.info.detailed .product.data.items > .item.content{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: 0 var(--radius-md, 12px) var(--radius-md, 12px) var(--radius-md, 12px) !important;
  margin-block-start: 0 !important;
  padding-block: var(--size-sm-md, var(--awa-space-5)) !important;
  padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
}
@media (max-width: 767px) {
  html body.catalog-product-view .product.info.detailed .product.data.items{
    background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 4%, var(--awa-bg, #fff)) !important;
    border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
    border-radius: var(--radius-md, 12px) !important;
    padding-block: var(--size-2xs, var(--awa-space-2)) !important;
    padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items > .item.title > .switch{
    border-radius: var(--radius-sm, 8px) !important;
    inline-size: 100% !important;
    justify-content: flex-start !important;
    text-align: start !important;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch{
    background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  }
  html body.catalog-product-view .product.info.detailed .product.data.items > .item.content{
    border: none !important;
    border-radius: var(--radius-sm, 8px) !important;
    margin-block: var(--size-2xs, var(--awa-space-2)) !important;
  }
}
body.catalog-product-view .awa-b2b-secondary-ctas{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 3%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas--gated{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
  border-color: color-mix(in srgb, var(--awa-primary, #b73337) 18%, var(--awa-border, #e5e7eb)) !important;
}
body.catalog-product-view #b2b-add-to-list-form{
  display: flex !important;
  inline-size: 100% !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__button,
body.catalog-product-view .awa-pdp-print-btn{
  align-items: center !important;
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
  width: 100% !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__row .awa-b2b-secondary-ctas__button{
  flex: 1 1 calc(50% - var(--size-xs, var(--awa-space-2))) !important;
  width: auto !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__icon{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  inline-size: 1rem !important;
  place-items: center !important;
}
body.catalog-product-view .awa-b2b-secondary-ctas__icon svg{
  block-size: 100% !important;
  inline-size: 100% !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-b2b-secondary-ctas__button:hover,
body.catalog-product-view .awa-pdp-print-btn:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main .b2b-login-to-buy-btn a{
  align-items: center !important;
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
  text-decoration: none !important;
  width: 100% !important;
}
@media (hover: hover) {
  html body.catalog-product-view .product-info-main .b2b-login-to-buy-btn a:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .awa-cookie-banner--visible,
html body.catalog-product-view #awa-cookie-banner.awa-cookie-banner--visible,
html body.catalog-product-view .message.global.cookie{
  border-radius: var(--radius-md, 12px) var(--radius-md, 12px) 0 0 !important;
  box-shadow: 0 -8px 24px color-mix(in srgb, #020617 10%, transparent) !important;
  inset-inline: 0 !important;
  max-inline-size: 100% !important;
  z-index: var(--awa-z-pdp-cookie, 60) !important;
}
@media (max-width: 991px) {
  html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible) .awa-cookie-banner--visible,
html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible) #awa-cookie-banner.awa-cookie-banner--visible{
    bottom: calc(var(--awa-pdp-sticky-reserve, 4.5rem) + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar.is-visible{
    bottom: env(safe-area-inset-bottom, 0px) !important;
  }
}
html body.catalog-product-view .awa-cookie-banner__btn--accept,
html body.catalog-product-view #awa-cookie-accept{
  border-radius: var(--radius-md, 10px) !important;
  cursor: pointer !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
html body.catalog-product-view{
  --awa-pdp-sticky-reserve: clamp(4.75rem, 11vw, 5.75rem);
  --awa-pdp-cookie-reserve: 4.5rem;
}
html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible).awa-cookie-banner-active,
html body.catalog-product-view.awa-pdp-sticky-cta-visible.awa-cookie-banner-active{
  padding-block-end: calc(var(--awa-pdp-sticky-reserve) + var(--awa-pdp-cookie-reserve) + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 991px) {
  html body.catalog-product-view:has(.awa-pdp-sticky-bar.is-visible).awa-cookie-banner-active,
html body.catalog-product-view.awa-pdp-sticky-cta-visible.awa-cookie-banner-active{
    padding-block-end: calc(var(--awa-pdp-sticky-reserve) + var(--awa-pdp-cookie-reserve) + 4.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}
@media (max-width: 767px) {
  body.catalog-product-view table.additional-attributes tr:nth-child(even){
    background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 3%, var(--awa-bg, #fff)) !important;
  }
  body.catalog-product-view table.additional-attributes th{
    color: var(--pdp-modern-muted, #475569) !important;
  }
  body.catalog-product-view table.additional-attributes td{
    color: var(--pdp-modern-text, #1e293b) !important;
    font-weight: 500 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .awa-b2b-secondary-ctas__button,
body.catalog-product-view .awa-pdp-print-btn{
    transition: none !important;
  }
}
body.catalog-product-view .product-add-form{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .box-tocart .actions{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  inline-size: 100% !important;
}
body.catalog-product-view .box-tocart .actions .action.tocart{
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .awa-quick-buy-btn{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  inline-size: 100% !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-quick-buy-btn:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
body.catalog-product-view .product-add-form > .awa-pdp-whatsapp-cta,
body.catalog-product-view .product-add-form > .b2b-quote-button-container{
  margin-block-start: 0 !important;
}
body.catalog-product-view .product-add-form > .awa-pdp-whatsapp-cta + .b2b-quote-button-container,
body.catalog-product-view .product-add-form > .b2b-quote-button-container + .awa-pdp-trust-bar{
  margin-block-start: 0 !important;
}
body.catalog-product-view .product-add-form > .awa-pdp-whatsapp-cta{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  margin-block-start: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  padding-block-start: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
}
body.catalog-product-view .b2b-quote-button-container{
  align-items: stretch !important;
  background: color-mix(in srgb, var(--awa-primary, #b73337) 4%, var(--awa-bg, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, #b73337) 16%, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
  text-align: start !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-button{
  align-items: center !important;
  background: transparent !important;
  border: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  inline-size: 100% !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--size-2xs, var(--awa-space-2)) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-icon{
  aspect-ratio: 1 !important;
  display: inline-grid !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  inline-size: 1.125rem !important;
  line-height: 0 !important;
  overflow: hidden !important;
  place-items: center !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-icon::before{
  background-color: currentColor !important;
  block-size: 100% !important;
  content: "" !important;
  display: block !important;
  inline-size: 100% !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-note{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.5) !important;
  margin: 0 !important;
  text-align: center !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-note small{
  font-size: inherit !important;
}
body.catalog-product-view .b2b-quote-button-container .b2b-quote-button:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .b2b-quote-button-container .b2b-quote-button:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
html body.catalog-product-view .product-info-main:has(.awa-b2b-guest-gate) .awa-pdp-whatsapp-cta{
  border-block-start: none !important;
  margin-block-start: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  padding-block-start: 0 !important;
}
@media print {
  body.catalog-product-view .awa-cookie-banner,
body.catalog-product-view #awa-cookie-banner,
body.catalog-product-view .message.global.cookie,
body.catalog-product-view .awa-pdp-related,
body.catalog-product-view .awa-pdp-mostviewed,
body.catalog-product-view .block.crosssell,
body.catalog-product-view .block.upsell,
body.catalog-product-view .block.related,
body.catalog-product-view .awa-pdp-sticky-bar,
body.catalog-product-view .awa-whatsapp-float,
body.catalog-product-view #whatsapp-btn,
body.catalog-product-view .product-social-links,
body.catalog-product-view .awa-b2b-secondary-ctas,
body.catalog-product-view .b2b-quote-button-container,
body.catalog-product-view .awa-pdp-trust-bar,
body.catalog-product-view .fotorama__arr,
body.catalog-product-view .fotorama__nav,
body.catalog-product-view .fotorama__fullscreen-icon{
    display: none !important;
  }
  html body.catalog-product-view .page-title .base{
    color: #000 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
  }
  body.catalog-product-view .product.media .fotorama__stage__frame .fotorama__img{
    max-block-size: 14rem !important;
    object-fit: contain !important;
  }
  body.catalog-product-view table.additional-attributes{
    border: 1px solid #cbd5e1 !important;
    inline-size: 100% !important;
  }
  body.catalog-product-view table.additional-attributes th,
body.catalog-product-view table.additional-attributes td{
    border: 1px solid #e2e8f0 !important;
    color: #000 !important;
    padding: 0.35rem 0.5rem !important;
  }
  body.catalog-product-view .product.info.detailed .product.data.items > .item.content{
    border: none !important;
    display: block !important;
    padding: 0 !important;
  }
  body.catalog-product-view .product.info.detailed .item.title{
    display: none !important;
  }
  body.catalog-product-view .product.info.detailed .item.content{
    display: block !important;
  }
}
body.catalog-product-view .awa-b2b-secondary-ctas--gated .awa-b2b-secondary-ctas__note{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.8125rem !important;
  line-height: var(--awa-leading-normal, 1.55) !important;
  margin: 0 0 var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  text-align: center !important;
}
body.catalog-product-view .awa-b2b-gate-card__actions{
  display: grid !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  grid-template-columns: 1fr !important;
  inline-size: 100% !important;
}
@container awa-pdp-guest-gate (min-width: 20rem) {
  body.catalog-product-view .awa-b2b-gate-card__actions{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
body.catalog-product-view .awa-b2b-gate-card__action{
  align-items: center !important;
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-sm, var(--awa-space-4)) !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .awa-b2b-gate-card__action--secondary{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border-color: #25d366 !important;
  color: #128c7e !important;
}
body.catalog-product-view .awa-b2b-gate-card__action:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
@media (hover: hover) {
  body.catalog-product-view .awa-b2b-gate-card__action:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
  body.catalog-product-view .awa-b2b-gate-card__action--secondary:hover{
    background: color-mix(in srgb, #25d366 8%, var(--awa-bg, #fff)) !important;
    border-color: #1da851 !important;
    color: #0d6b5f !important;
  }
}
body.catalog-product-view .b2b-pending-banner-inner{
  align-items: flex-start !important;
  display: flex !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
body.catalog-product-view .b2b-pending-icon{
  flex-shrink: 0 !important;
  font-size: 0 !important;
  inline-size: 1.25rem !important;
  line-height: 0 !important;
  overflow: hidden !important;
}
body.catalog-product-view .b2b-pending-icon::before{
  background-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  block-size: 1.25rem !important;
  content: "" !important;
  display: block !important;
  inline-size: 1.25rem !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
body.catalog-product-view .product-info-main .b2b-login-to-see-price{
  background: color-mix(in srgb, var(--awa-primary, #b73337) 5%, var(--awa-bg, #fff)) !important;
  border: 1px dashed color-mix(in srgb, var(--awa-primary, #b73337) 35%, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  margin-block: var(--gap-tight, var(--size-xs, var(--awa-space-2))) 0 !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
  text-align: center !important;
}
body.catalog-product-view .product-info-main .b2b-login-to-see-price a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-weight: 700 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
body.catalog-product-view .product-info-main .b2b-login-to-see-price a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
body.catalog-product-view .fotorama--fullscreen{
  z-index: 68 !important;
}
body.catalog-product-view .modals-wrapper .modal-popup{
  z-index: 71 !important;
}
body.catalog-product-view .modals-wrapper .modals-overlay{
  z-index: 70 !important;
}
html body.catalog-product-view .product-info-main .box-inner1{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
}
html body.catalog-product-view .product-info-main .box-inner1 .product-info-price{
  margin-block: var(--size-2xs, var(--awa-space-2)) 0 !important;
  min-block-size: auto !important;
}
html body.catalog-product-view .product-info-main .box-inner1 .awa-pdp-review-summary{
  margin-block-start: 0 !important;
}
body.catalog-product-view .product-info-price .price-box{
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view .product-info-price .price-box .old-price{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: clamp(0.875rem, 1.02rem, 1rem) !important;
  font-weight: 500 !important;
  order: 1 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
}
body.catalog-product-view .product-info-price .price-box .old-price .price{
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
body.catalog-product-view .product-info-price .price-box .special-price,
body.catalog-product-view .product-info-price .price-box .price-final_price{
  order: 2 !important;
}
body.catalog-product-view .product-info-price .price-box .special-price .price,
body.catalog-product-view .product-info-price .price-box .price-final_price .price{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-size: clamp(1.375rem, 2.3rem, 1.875rem) !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
}
body.catalog-product-view .product-info-price .price-box .price-label{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table-wrap{
  position: relative !important;
}
body.catalog-product-view .product-info-main .b2b-tier-table-wrap::after{
  background: linear-gradient(to left, var(--pdp-modern-surface, #fff), transparent) !important;
  block-size: 100% !important;
  content: "" !important;
  inline-size: 1.5rem !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}
@media (max-width: 767px) {
  body.catalog-product-view .product-info-main .b2b-tier-pricing{
    padding: var(--size-sm, var(--awa-space-4)) !important;
  }
  body.catalog-product-view .product-info-main .b2b-tier-heading{
    align-items: flex-start !important;
    flex-direction: row !important;
  }
  body.catalog-product-view .product-info-main .b2b-tier-table th,
body.catalog-product-view .product-info-main .b2b-tier-table td{
    font-size: 0.8125rem !important;
    padding-block: var(--size-2xs, var(--awa-space-2)) !important;
    padding-inline: var(--size-xs, var(--awa-space-3)) !important;
    white-space: nowrap !important;
  }
  body.catalog-product-view .product-info-main .b2b-tier-table .b2b-savings-badge{
    font-size: 0.6875rem !important;
    min-inline-size: 2.5rem !important;
    padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
  }
  body.catalog-product-view .awa-b2b-tier-prices-wrapper{
    margin-block: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
    padding: var(--size-sm, var(--awa-space-4)) !important;
  }
  body.catalog-product-view .awa-b2b-tier-table-container{
    -webkit-overflow-scrolling: touch !important;
    margin-inline: calc(-1 * var(--size-2xs, var(--awa-space-2))) !important;
    padding-inline: var(--size-2xs, var(--awa-space-2)) !important;
  }
}
html body.catalog-product-view .product.attribute.overview .value,
body.catalog-product-view .product.data.items > .item.content .product.attribute.overview .value{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(0.875rem, 1.07rem, 0.9375rem) !important;
  line-height: var(--awa-leading-relaxed, 1.65) !important;
}
html body.catalog-product-view .product.attribute.overview .value > p:first-child,
body.catalog-product-view .product.data.items > .item.content .product.attribute.overview .value > p:first-child{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(0.9375rem, 1.18rem, 1rem) !important;
  font-weight: 500 !important;
  line-height: var(--awa-leading-normal, 1.55) !important;
  margin-block-end: var(--size-xs, var(--awa-space-3)) !important;
}
html body.catalog-product-view .product.attribute.overview .value :is(ul,
ol),
body.catalog-product-view .product.data.items > .item.content .product.attribute.overview .value :is(ul,
ol){
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  margin-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline-start: 1.25rem !important;
}
html body.catalog-product-view .product.attribute.overview .value a,
body.catalog-product-view .product.data.items > .item.content .product.attribute.overview .value a{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html body.catalog-product-view .product.attribute.overview .value a:focus-visible{
  outline: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  outline-offset: 2px !important;
}
html body.catalog-product-view .product-info-main #awa-social-proof-pdp.social-proof-container:not(:empty){
  background: transparent !important;
  border: none !important;
  margin-block: var(--size-2xs, var(--awa-space-2)) 0 !important;
  min-block-size: auto !important;
  padding: 0 !important;
}
html body.catalog-product-view .product-info-main .social-proof-badge{
  min-block-size: 2.25rem !important;
  padding-block: var(--size-2xs, var(--awa-space-1)) !important;
  padding-inline: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view #reviews .review-list{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-base, var(--size-sm, var(--awa-space-4))) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.catalog-product-view #reviews .review-item{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  margin: 0 !important;
  padding: var(--size-sm, var(--awa-space-4)) !important;
}
body.catalog-product-view #reviews .review-ratings{
  margin-block-end: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view #reviews .review-title{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.9375rem !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  margin-block: 0 var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view #reviews .review-content{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.875rem !important;
  line-height: var(--awa-leading-normal, 1.55) !important;
}
body.catalog-product-view #reviews .review-details{
  border-block-start: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.75rem !important;
  margin-block-start: var(--size-xs, var(--awa-space-3)) !important;
  padding-block-start: var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view #review-form{
  background: color-mix(in srgb, var(--pdp-modern-muted, #475569) 3%, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-md, 12px) !important;
  margin-block-start: var(--size-sm-md, var(--awa-space-5)) !important;
  padding: var(--size-sm-md, var(--awa-space-5)) !important;
}
body.catalog-product-view #review-form .review-fieldset .field > .label{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
}
body.catalog-product-view #review-form textarea,
body.catalog-product-view #review-form input[type="text"]{
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-sm, 8px) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
}
body.catalog-product-view #review-form .action.submit.primary{
  background: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 10px) !important;
  font-weight: 700 !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--size-md, var(--awa-space-6)) !important;
}
@media (hover: hover) {
  body.catalog-product-view #review-form .action.submit.primary:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
@media (max-width: 767px) {
  body.catalog-product-view .awa-pdp-related .product-item-actions .action.tocart,
body.catalog-product-view .block.related .product-item-actions .action.tocart{
    font-size: 0.75rem !important;
    min-block-size: var(--awa-touch-target, 44px) !important;
    padding-inline: var(--size-xs, var(--awa-space-3)) !important;
    width: 100% !important;
  }
  body.catalog-product-view .awa-pdp-related .product-image-photo,
body.catalog-product-view .block.related .product-image-photo{
    aspect-ratio: 1 !important;
    object-fit: contain !important;
  }
}
@media (min-width: 768px) {
  body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__inner{
    align-items: center !important;
    grid-template-areas: "thumb info hint cta link" !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__guest-hint{
    justify-self: start !important;
    max-inline-size: 12rem !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__btn--guest{
    inline-size: auto !important;
    min-inline-size: 9rem !important;
    padding-inline: var(--size-sm-md, var(--awa-space-5)) !important;
  }
  body.catalog-product-view .awa-pdp-sticky-bar--guest .awa-pdp-sticky-bar__link-guest{
    grid-area: link !important;
    justify-self: end !important;
    white-space: nowrap !important;
  }
}
body.catalog-product-view .awa-pdp-sticky-bar.is-visible .awa-pdp-sticky-bar__inner{
  padding-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline: max(var(--page-gutter, 1rem), env(safe-area-inset-left), env(safe-area-inset-right)) !important;
  padding-block-end: max(var(--size-xs, var(--awa-space-3)), env(safe-area-inset-bottom)) !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__price:not(:empty){
  font-size: clamp(0.9375rem, 1.2rem, 1.0625rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: 1.2 !important;
}
body.catalog-product-view .awa-pdp-sticky-bar__price .price{
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
body.catalog-product-view .swatch-attribute-options{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  margin: 0 !important;
}
body.catalog-product-view .swatch-option.color,
body.catalog-product-view .swatch-option.image{
  border-radius: var(--radius-full, 9999px) !important;
  min-block-size: 2.75rem !important;
  min-inline-size: 2.75rem !important;
  padding: 3px !important;
}
body.catalog-product-view .swatch-option.color.selected,
body.catalog-product-view .swatch-option.image.selected{
  box-shadow: 0 0 0 2px var(--pdp-modern-surface, var(--awa-bg, #fff)), 0 0 0 4px var(--awa-primary, var(--awa-red, #b73337)) !important;
  inset: none !important;
}
body.catalog-product-view .swatch-option.color:not(.disabled):focus-visible,
body.catalog-product-view .swatch-option.image:not(.disabled):focus-visible{
  outline-offset: 3px !important;
}
body.catalog-product-view .box-tocart .field.qty{
  align-items: center !important;
  display: grid !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
}
body.catalog-product-view .box-tocart .field.qty > .label{
  color: var(--pdp-modern-muted, #475569) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  grid-column: 1 / -1 !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}
body.catalog-product-view .box-tocart .field.qty .control{
  grid-column: 1 / -1 !important;
  inline-size: 100% !important;
  max-inline-size: 12rem !important;
}
@media (min-width: 480px) {
  body.catalog-product-view .box-tocart .field.qty{
    grid-template-columns: auto 1fr !important;
  }
  body.catalog-product-view .box-tocart .field.qty > .label{
    align-self: center !important;
    grid-column: 1 !important;
  }
  body.catalog-product-view .box-tocart .field.qty .control{
    grid-column: 2 !important;
    justify-self: start !important;
  }
}
body.catalog-product-view .product.data.items > .item.content .product.attribute.description .value{
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(0.875rem, 1.07rem, 0.9375rem) !important;
  line-height: var(--awa-leading-relaxed, 1.65) !important;
}
body.catalog-product-view .product.data.items > .item.content .product.attribute.description .value :is(h2,
h3,
h4){
  color: var(--pdp-modern-text, #1e293b) !important;
  font-size: clamp(0.9375rem, 1.18rem, 1.0625rem) !important;
  font-weight: var(--awa-weight-bold, 700) !important;
  line-height: var(--awa-leading-snug, 1.35) !important;
  margin-block: var(--size-sm, var(--awa-space-4)) var(--size-xs, var(--awa-space-3)) !important;
}
body.catalog-product-view .product.data.items > .item.content .product.attribute.description .value :is(ul,
ol){
  display: flex !important;
  flex-direction: column !important;
  gap: var(--size-2xs, var(--awa-space-2)) !important;
  margin-block: var(--size-xs, var(--awa-space-3)) !important;
  padding-inline-start: 1.25rem !important;
}
body.catalog-product-view .block.crosssell .product-item-details,
body.catalog-product-view .block.upsell .product-item-details,
body.catalog-product-view .awa-pdp-related .product-item-details,
body.catalog-product-view .block.related .product-item-details,
body.catalog-product-view .awa-pdp-mostviewed .item-product{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: var(--gap-tight, var(--size-xs, var(--awa-space-2))) !important;
  min-block-size: 0 !important;
}
body.catalog-product-view .block.crosssell .product-item-actions,
body.catalog-product-view .block.upsell .product-item-actions,
body.catalog-product-view .awa-pdp-related .product-item-actions,
body.catalog-product-view .block.related .product-item-actions,
body.catalog-product-view .awa-pdp-mostviewed .product-item-actions,
body.catalog-product-view .awa-pdp-mostviewed .btn-add-to-cart{
  margin-block-start: auto !important;
  padding-block-start: var(--size-2xs, var(--awa-space-2)) !important;
}
body.catalog-product-view .block.crosssell .product-item-actions .action.tocart,
body.catalog-product-view .block.upsell .product-item-actions .action.tocart,
body.catalog-product-view .awa-pdp-related .product-item-actions .action.tocart,
body.catalog-product-view .block.related .product-item-actions .action.tocart,
body.catalog-product-view .awa-pdp-mostviewed .btn-add-to-cart,
body.catalog-product-view .awa-pdp-mostviewed .action.tocart{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 2px solid var(--awa-primary, var(--awa-red, #b73337)) !important;
  border-radius: var(--radius-md, 10px) !important;
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  transition: background-color var(--awa-duration-fast, 0.2s) ease, border-color var(--awa-duration-fast, 0.2s) ease, color var(--awa-duration-fast, 0.2s) ease !important;
}
body.catalog-product-view .block.crosssell .price-box .price,
body.catalog-product-view .block.upsell .price-box .price,
body.catalog-product-view .awa-pdp-related .price-box .price,
body.catalog-product-view .block.related .price-box .price,
body.catalog-product-view .awa-pdp-mostviewed .price-box .price{
  color: var(--awa-primary, var(--awa-red, #b73337)) !important;
  font-size: 0.9375rem !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: var(--awa-weight-bold, 700) !important;
}
@media (hover: hover) {
  body.catalog-product-view .block.crosssell .product-item-actions .action.tocart:hover,
body.catalog-product-view .block.upsell .product-item-actions .action.tocart:hover,
body.catalog-product-view .awa-pdp-related .product-item-actions .action.tocart:hover,
body.catalog-product-view .block.related .product-item-actions .action.tocart:hover,
body.catalog-product-view .awa-pdp-mostviewed .btn-add-to-cart:hover,
body.catalog-product-view .awa-pdp-mostviewed .action.tocart:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    color: color-mix(in srgb, var(--awa-primary, #b73337) 88%, #000) !important;
    transform: none !important;
  }
}
body.catalog-product-view .block.crosssell .swiper-button-next,
body.catalog-product-view .block.crosssell .swiper-button-prev,
body.catalog-product-view .block.upsell .swiper-button-next,
body.catalog-product-view .block.upsell .swiper-button-prev,
body.catalog-product-view .awa-pdp-related .swiper-button-next,
body.catalog-product-view .awa-pdp-related .swiper-button-prev{
  background: var(--pdp-modern-surface, var(--awa-bg, #fff)) !important;
  border: 1px solid var(--border-default, var(--awa-border, #e5e7eb)) !important;
  border-radius: var(--radius-full, 9999px) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, #020617 8%, transparent) !important;
  color: var(--pdp-modern-text, #1e293b) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}
@media (hover: hover) {
  body.catalog-product-view .block.crosssell .swiper-button-next:hover,
body.catalog-product-view .block.crosssell .swiper-button-prev:hover,
body.catalog-product-view .block.upsell .swiper-button-next:hover,
body.catalog-product-view .block.upsell .swiper-button-prev:hover,
body.catalog-product-view .awa-pdp-related .swiper-button-next:hover,
body.catalog-product-view .awa-pdp-related .swiper-button-prev:hover{
    background: color-mix(in srgb, var(--awa-primary, #b73337) 6%, var(--awa-bg, #fff)) !important;
    border-color: color-mix(in srgb, var(--awa-primary, #b73337) 28%, var(--awa-border, #e5e7eb)) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.catalog-product-view .block.crosssell .product-item-actions .action.tocart,
body.catalog-product-view .awa-pdp-mostviewed .btn-add-to-cart,
body.catalog-product-view .swatch-option.color{
    transition: none !important;
  }
}

/* ===== awa-touch-final.css ===== */
/**
 * AWA touch-final — overrides mínimos que DEVEM vencer awa-audit-bundle (padding:0).
 * Carregar por último (awa-og-meta.phtml + awa-audit-bundle-css.phtml).
 */
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__link,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt[data-awa-auth-state="guest"] .awa-header-account-prompt__link--register {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: var(--awa-leading-normal, 1.4) !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

#html-body .page-wrapper .awa-site-header .block-search input#search,
#html-body .page-wrapper .awa-site-header .block-search input[name="q"] {
  box-sizing: border-box !important;
  min-height: var(--awa-touch-target, 44px) !important;
}

#html-body .page-wrapper .awa-site-header .block-search .action.search,
#html-body .page-wrapper .awa-site-header form#search_mini_form .actions .action.search {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
}

/* Login — toggle senha + links auxiliares */
#html-body .page-wrapper .b2b-password-toggle,
#html-body.customer-account-login .page-wrapper .block-customer-login a,
#html-body.customer-account-login .page-wrapper .form.form-login a,
#html-body.customer-account-create .page-wrapper .form-create-account a,
#html-body.customer-account-login .b2b-login-forgot a,
#html-body.b2b-auth-shell .b2b-login-forgot a {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

#html-body #notice-cookie-block .content a,
#html-body #btn-cookie-allow,
#html-body .cookie-btn-accept {
  min-height: var(--awa-touch-target, 44px) !important;
}

#html-body #notice-cookie-block .content a.awa-cookie-notice__link {
  align-items: center !important;
  display: inline-flex !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

#html-body #btn-cookie-allow,
#html-body .cookie-btn-accept {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-4, 16px) !important;
}

#html-body .page-wrapper .awa-section-header__link {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

/* Home cosmetic-bundle redefine padding 4px — final-wins touch */
#html-body .page-wrapper .awa-nav-quick-links__link,
#html-body html body .page-wrapper .awa-nav-quick-links__item a {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

#html-body .page-wrapper .awa-site-header a.action.showcart,
#html-body .page-wrapper .awa-site-header a.action.showcart.header-mini-cart,
#html-body .page-wrapper .awa-site-header a.awa-minicart-trigger,
#html-body .page-wrapper .awa-site-header .minicart-wrapper > a,
#html-body .page-wrapper .awa-site-header .minicart-wrapper .showcart.header-mini-cart,
#html-body .page-wrapper .awa-site-header .awa-header-minicart[data-awa-minicart-ready="0"] .awa-header-cart-fallback,
#html-body .page-wrapper .awa-site-header .awa-header-cart-fallback,
#html-body .page-wrapper .awa-site-header a.awa-header-cart-link,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt__link,
#html-body .page-wrapper .awa-site-header .awa-header-account-prompt__link--register,
#html-body .page-wrapper .awa-site-header .awa-account-dropdown__trigger {
  align-items: center !important;
  block-size: var(--awa-touch-target, 44px) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}

/* Breadcrumb — links curtos (“Início”) */
#html-body .page-wrapper .breadcrumbs .items a,
#html-body .page-wrapper .breadcrumbs .items strong {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

/* PLP — quickview (legado 40×40px em grid) */
#html-body .page-wrapper .item-product .quickview-link,
#html-body .page-wrapper .product-item .quickview-link {
  align-items: center !important;
  block-size: var(--awa-touch-target, 44px) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  inline-size: var(--awa-touch-target, 44px) !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  padding: 0 !important;
  position: relative !important;
}

/* Skip links — largura mínima 44px (desktop audit) */
#html-body .page-wrapper a.skip-link,
#html-body .page-wrapper .skip-link,
#html-body .page-wrapper .awa-skip-link {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--awa-space-2, 8px) !important;
}

/* Home — vitrines guest: CTA “ver preços” com área tocável (exceto shelf Passo 5B) */
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .awa-carousel-section:not(:has(.awa-shelf--carousel))
  .b2b-login-to-see-price
  a,
#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5)
  .page-wrapper
  .categorytab-container
  .b2b-login-to-see-price
  a {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
  padding-inline: var(--awa-space-3, 12px) !important;
}

/* PLP — título do card + paginação (legado 36–40px) */
#html-body .page-wrapper a.product-item-link,
#html-body .page-wrapper .pages-items a.page,
#html-body .page-wrapper .pages-items a.action {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  min-width: var(--awa-touch-target, 44px) !important;
}

/* ==========================================================================
   UI/UX 2026-05 — hovers estáveis + minicart + busca (vence awa-visual-bugfix)
   ========================================================================== */

@keyframes awa-minicart-drop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (hover: hover) {
  #html-body .page-wrapper :is(
    .awa-professional-search form.minisearch,
    .awa-professional-search form.search-content
  ):is(.is-open, :focus-within) {
    transform: none !important;
  }

  #html-body .awa-professional-search :is(button.action.search, button.awa-search-btn):hover,
  #html-body .page-wrapper .awa-site-header :is(
    button.action.search,
    form.minisearch .action.search
  ):hover {
    transform: none !important;
  }

  #html-body .page-wrapper :is(
    button.action.primary,
    a.action.primary,
    button.action.tocart,
    .b2b-primary-btn,
    .awa-empty-plp__btn--primary
  ):hover {
    transform: none !important;
  }

  body.checkout-cart-index .cart-empty .action.primary:hover,
  body.checkout-cart-index .action.continue:hover,
  #html-body #scroll-to-top:hover,
  #html-body .scroll-to-top:hover,
  body.catalog-product-view .product-info-main .b2b-login-to-see-price a:hover {
    transform: none !important;
  }

  #html-body .page-wrapper .top-home-content--trust-and-offers .hot-deal-slide .item-product:hover :is(
    .onsale,
    .new-lable,
    .new-label
  ),
  #html-body .page-wrapper .top-home-content--trust-and-offers .hot-deal-slide .item-product:focus-within :is(
    .onsale,
    .new-lable,
    .new-label
  ) {
    transform: none !important;
  }
}

#html-body .page-wrapper .minicart-wrapper:is(.is-open, .active) .block-minicart,
#html-body .page-wrapper .minicart-wrapper[data-awa-minicart-dropdown="1"]:is(.is-open, .active) .block-minicart {
  animation: awa-minicart-drop-in 0.18s ease-out both !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #html-body .page-wrapper .minicart-wrapper:is(.is-open, .active) .block-minicart {
    animation: none !important;
  }
}

@media (max-width: 991px) {
  #html-body .page-wrapper .awa-site-header :is(
    .awa-header-mobile-toggle,
    .awa-nav-toggle,
    .nav-toggle,
    .awa-header-actions > a
  ) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-block-size: var(--awa-touch-target, 44px) !important;
    min-inline-size: var(--awa-touch-target, 44px) !important;
  }

  #html-body .page-wrapper .awa-site-header .block-search form.minisearch,
  #html-body .page-wrapper .awa-site-header form#search_mini_form {
    min-block-size: var(--awa-touch-target, 44px) !important;
    width: 100% !important;
  }

  #html-body .page-wrapper .awa-site-header .block-search input#search {
    font-size: 16px !important;
  }
}

#html-body .page-wrapper .awa-site-header :is(
  .block-search form.minisearch,
  form#search_mini_form
):focus-within {
  transform: none !important;
}

/* Autocomplete — final-wins (vence awa-search-autocomplete-active min-width 520px / bugfix min-height) */
#html-body .page-wrapper .awa-site-header .mst-searchautocomplete__autocomplete._active,
#html-body .page-wrapper .awa-site-header .mst-searchautocomplete__autocomplete._active.mst-2-cols {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(420px, 52vh) !important;
}

#html-body .page-wrapper .awa-site-header form#search_mini_form:focus-within,
#html-body .page-wrapper .awa-site-header .block-search form.minisearch:focus-within {
  border-color: var(--awa-primary, #b73337) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--awa-primary, #b73337) 10%, transparent) !important;
}

#html-body .page-wrapper .awa-site-header form#search_mini_form input#search:focus,
#html-body .page-wrapper .awa-site-header .block-search input#search:focus,
#html-body .page-wrapper .awa-site-header form#search_mini_form input#search:focus-visible,
#html-body .page-wrapper .awa-site-header .block-search input#search:focus-visible,
#html-body .page-wrapper .awa-site-header form#search_mini_form input#search.searchautocomplete__active,
#html-body .page-wrapper .awa-site-header .block-search input#search.searchautocomplete__active {
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
}

/* ==========================================================================
   UI/UX 2026-05-b — checkout, OPC, menu mobile, CRO (vence bundles async)
   Selectores planos (CSS válido; aninhamento SCSS removido para cleancss)
   ========================================================================== */

body.checkout-cart-index .payment-method-title :is(label, .label),
body.checkout-index-index .payment-method-title :is(label, .label),
body.rokanthemes-onepagecheckout .payment-method-title :is(label, .label) {
  align-items: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: flex !important;
  gap: var(--awa-space-2, 8px) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
  padding-inline: var(--awa-space-3, 12px) !important;
}

body.checkout-cart-index .table-checkout-shipping-method :is(label, .col-method-title),
body.checkout-index-index .table-checkout-shipping-method :is(label, .col-method-title),
body.rokanthemes-onepagecheckout .table-checkout-shipping-method :is(label, .col-method-title) {
  align-items: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-flex !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  padding-block: var(--awa-space-2, 8px) !important;
}

body.checkout-cart-index .opc-progress-bar-item._complete,
body.checkout-index-index .opc-progress-bar-item._complete,
body.rokanthemes-onepagecheckout .opc-progress-bar-item._complete {
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}

body.checkout-cart-index .cart.table-wrapper .action-delete,
body.checkout-cart-index .cart.table-wrapper .action-edit,
body.checkout-cart-index .opc-wrapper .action-edit,
body.checkout-cart-index .opc-wrapper .action-back,
body.checkout-index-index .cart.table-wrapper .action-delete,
body.checkout-index-index .cart.table-wrapper .action-edit,
body.checkout-index-index .opc-wrapper .action-edit,
body.checkout-index-index .opc-wrapper .action-back,
body.rokanthemes-onepagecheckout .cart.table-wrapper .action-delete,
body.rokanthemes-onepagecheckout .cart.table-wrapper .action-edit,
body.rokanthemes-onepagecheckout .opc-wrapper .action-edit,
body.rokanthemes-onepagecheckout .opc-wrapper .action-back {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  min-inline-size: var(--awa-touch-target, 44px) !important;
}

@media (hover: hover) {
  body.checkout-cart-index :is(.action.primary, .action.checkout, button.action):hover,
  body.checkout-index-index :is(.action.primary, .action.checkout, button.action):hover,
  body.rokanthemes-onepagecheckout :is(.action.primary, .action.checkout, button.action):hover,
  #html-body .action.primary:hover,
  #html-body .action.tocart:hover,
  #html-body button.action.primary:hover,
  #html-body button.action.tocart:hover,
  #html-body .action.secondary:hover,
  #html-body .action.view:hover {
    transform: none !important;
  }
}

@media (max-width: 991px) {
  body.nav-open #html-body .page-wrapper .nav-sections .navigation :is(a, .level-top) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    min-block-size: var(--awa-touch-target, 44px) !important;
    padding-block: var(--awa-space-2, 8px) !important;
    padding-inline: var(--awa-space-3, 12px) !important;
  }

  body.nav-open #html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu .ui-menu-item.level0 > a,
  body.nav-open #html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li.level0 > a {
    align-items: center !important;
    display: flex !important;
    gap: var(--awa-space-2, 8px) !important;
    min-block-size: var(--awa-touch-target, 44px) !important;
  }

  body.nav-open #html-body .page-wrapper .navigation.verticalmenu .our_categories.title-category-dropdown {
    align-items: center !important;
    display: flex !important;
    min-block-size: var(--awa-touch-target, 44px) !important;
  }

  #html-body .page-wrapper .awa-nav-overlay.is-visible {
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  /* Cards PLP/home — sem scale/translate no hover (vence legado) */
  #html-body .page-wrapper :is(.product-item, .item-product, .content-item-product):hover :is(
    .product-image-photo,
    .product-item-photo img,
    img
  ) {
    transform: none !important;
  }

  #html-body .page-wrapper :is(.product-item-info, .item-product, .content-item-product):hover,
  #html-body .page-wrapper .products-grid .product-item-info:hover,
  #html-body .products-list .product-item-info:hover {
    transform: none !important;
  }
}

#html-body .page-wrapper :is(.product-item-info, .item-product, .content-item-product):hover {
  transform: none !important;
}

/* Footer + bottom nav — toque e hovers estáveis */
#html-body .page-wrapper nav.fixed-bottom .mobile-bottom-link > li > a,
#html-body .page-wrapper nav.fixed-bottom .mobile-bottom-link > li > button {
  align-items: center !important;
  box-sizing: border-box !important;
  display: grid !important;
  justify-items: center !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  place-content: center !important;
}

#html-body .page-wrapper nav.fixed-bottom .mobile-bottom-link > li > a:focus-visible,
#html-body .page-wrapper nav.fixed-bottom .mobile-bottom-link > li > button:focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: 2px !important;
}

#html-body .page-wrapper :is(.page-footer, .page_footer) :is(.velaFooterLinks a, .footer-social a, .awa-footer-social a):hover {
  transform: none !important;
}

@media (hover: hover) {
  #html-body .page-wrapper :is(.product-item-info, .item-product):hover {
    transform: none !important;
  }
}

/* BUG-32 (2026-05-19): preserve touch targets on mobile, avoid 44x44 lock on desktop account block */
@media (min-width: 992px) {
  #html-body .page-wrapper .awa-site-header .awa-header-account-prompt__link,
  #html-body .page-wrapper .awa-site-header .awa-header-account-prompt__link--register,
  #html-body .page-wrapper .awa-site-header .awa-account-dropdown__trigger {
    inline-size: auto !important;
    block-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    width: auto !important;
    height: auto !important;
  }

  #html-body .page-wrapper .awa-site-header .awa-account-dropdown__trigger {
    justify-content: flex-start !important;
    gap: 6px !important;
    padding-inline: var(--awa-space-2, 8px) !important;
    white-space: nowrap !important;
  }
}

/* BUG-33 (2026-05-19): logged account trigger must render a single pill (avoid nested capsule on "Minha conta") */
#html-body .page-wrapper .awa-site-header .awa-account-dropdown__trigger > .awa-header-account-prompt__link {
  background: transparent !important;
  block-size: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  display: inline !important;
  font: inherit !important;
  height: auto !important;
  inline-size: auto !important;
  line-height: inherit !important;
  margin: 0 !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
}

/* ── B2B Register (/b2b/register/) — final wins over ui-ux-pro-max audit 44px globals ── */
#html-body.b2b-register-index #b2b-register-shell.b2b-login-page,
body.b2b-register-index #b2b-register-shell.b2b-login-page {
  padding-inline: 0 !important;
}

#html-body.b2b-register-index #b2b-register-shell .actions-toolbar .action.submit.primary,
#html-body.b2b-register-index #b2b-register-shell .actions-toolbar .create-b2b-account,
body.b2b-register-index #b2b-register-shell .actions-toolbar .action.submit.primary,
body.b2b-register-index #b2b-register-shell .actions-toolbar .create-b2b-account {
  min-height: 48px !important;
  min-block-size: 48px !important;
  height: 48px !important;
  block-size: 48px !important;
  transform: none !important;
}

#html-body.b2b-register-index #b2b-register-shell .actions-toolbar .action.submit.primary:hover,
#html-body.b2b-register-index #b2b-register-shell .actions-toolbar .create-b2b-account:hover,
body.b2b-register-index #b2b-register-shell .actions-toolbar .action.submit.primary:hover,
body.b2b-register-index #b2b-register-shell .actions-toolbar .create-b2b-account:hover {
  transform: none !important;
}

@media (max-width: 767px) {
  #html-body.b2b-register-index #b2b-register-shell .b2b-register-shell-content,
  body.b2b-register-index #b2b-register-shell .b2b-register-shell-content {
    padding-inline: var(--awa-space-3, 12px) !important;
  }

  #html-body.b2b-register-index #b2b-register-shell .b2b-register-container,
  body.b2b-register-index #b2b-register-shell .b2b-register-container {
    padding: var(--awa-space-4, 16px) !important;
  }
}

/* Fundo branco — cadastro B2B */
body.b2b-register-index .page-main,
body.b2b-auth-shell.b2b-register-index .page-main,
#html-body.b2b-register-index .page-main,
body.b2b-register-index .page-wrapper,
#html-body.b2b-register-index .page-wrapper {
  background: #ffffff !important;
}

#html-body.b2b-register-index #b2b-register-shell.b2b-login-page,
body.b2b-register-index #b2b-register-shell.b2b-login-page,
body.b2b-register-index #b2b-register-shell {
  background: #ffffff !important;
  background-image: none !important;
}

body.b2b-register-index #b2b-register-form .form-section--terms.is-hidden,
body.b2b-register-index #b2b-register-form .actions-toolbar.is-hidden {
  display: none !important;
}

body.b2b-register-index #b2b-register-shell .b2b-login-footer {
  width: 100% !important;
  max-width: min(960px, 100%) !important;
  margin: var(--awa-space-4, 16px) auto 0 !important;
  padding: var(--awa-space-4, 16px) !important;
  text-align: center !important;
  position: static !important;
  float: none !important;
  clear: both !important;
}

body.b2b-register-index #b2b-register-shell .b2b-login-footer .b2b-login-whatsapp {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto var(--awa-space-3, 12px) !important;
  padding: 12px 20px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

body.b2b-register-index #b2b-register-shell .b2b-login-footer .b2b-login-whatsapp:hover {
  background: #1da851 !important;
  color: #ffffff !important;
}

body.b2b-register-index .page_footer .velaBlock:empty,
body.b2b-register-index .page_footer .awa-footer-trust-item:empty {
  display: none !important;
}

body.b2b-register-index .page_footer .page-footer-top {
  background: transparent !important;
}

/* ============================================================================
   §72 — Breadcrumbs SSOT final-wins (vence awa-flex-grid-flow / defer-global)
   ui-ux-pro-max 2026-05-21 — chevron SVG único + reel mobile + ellipsis último item
   ============================================================================ */
body#html-body:is(.catalog-product-view, .catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .breadcrumbs
  .item + .item::before,
body#html-body:is(.catalog-product-view, .catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .breadcrumbs
  .items
  li + li::before {
  content: none !important;
  display: none !important;
  margin: 0 !important;
}

body#html-body:is(.catalog-product-view, .catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .breadcrumbs
  .item:not(:last-child)::after,
body#html-body:is(.catalog-product-view, .catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .breadcrumbs
  .items
  li:not(:last-child)::after {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-inline: 6px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body#html-body .page-wrapper .breadcrumbs .items {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    max-height: var(--awa-touch-target, 44px) !important;
  }

  body#html-body .page-wrapper .breadcrumbs .items::-webkit-scrollbar {
    display: none !important;
  }

  body#html-body .page-wrapper .breadcrumbs .item,
  body#html-body .page-wrapper .breadcrumbs .items .item,
  body#html-body .page-wrapper .breadcrumbs .items li {
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
  }

  body#html-body .page-wrapper .breadcrumbs .item:last-child,
  body#html-body .page-wrapper .breadcrumbs .items li:last-child {
    max-width: min(48vw, 180px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body#html-body .page-wrapper .breadcrumbs .item:last-child strong,
  body#html-body .page-wrapper .breadcrumbs .items li:last-child strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
  }
}

/* B2B login — touch targets 44px (ui-ux-pro-max) */
#html-body.b2b-auth-shell .page-wrapper .b2b-btn-entrar,
#html-body.b2b-auth-shell .page-wrapper .form-login .input-text,
#html-body.b2b-auth-shell .page-wrapper .form-login input[type='password'],
#html-body.b2b-auth-shell .page-wrapper .form-login input[type='email'],
#html-body.b2b-auth-shell .page-wrapper #b2b-pass,
#html-body.b2b-auth-shell .page-wrapper .b2b-field input,
#html-body.b2b-auth-shell .page-wrapper .b2b-password-wrap {
  min-height: var(--awa-touch-target, 44px) !important;
  min-block-size: var(--awa-touch-target, 44px) !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
}