/* ==========================================================================
   SISTEMA AWA — Inventário vivo (Impeccable document/extract, 2026-06-03)
   Register: product | Estratégia cor: Restrained (vermelho #b73337 ≤10% superfície)
   Cena: lojista B2B em loja/entre entregas, luz ambiente clara, leitura rápida de SKU/preço.

   ── CORES (fonte: _awa-variables.less → runtime _tokens.less / :root) ──
   Primária @awa-color-primary #b73337 | Hover @awa-color-primary-dark #8e2629
   Tints 50/100 @awa-color-error-bg-light #fde8e8 | Ink #1a1a1a | Texto @awa-color-dark @awa-color-text-muted #999
   Superfície #fff | Soft #f7f7f7 | Borda #e5e5e5 #eeeeee
   Semântica success @awa-color-success | warning @awa-color-warning | error = primária + tint
   OKLCH (Fase 2+): derivar de #b73337 em _extend.less; hex só em primitivos + @supports fallback

   ── ESPAÇAMENTO ──
   Estrutural NOVO: @awa-s-0..9 (base 8px) + var(--awa-s-*) em _design-system.less
   Legado 4px: @awa-space-1..10 (4 8 12 16 20 24 32 40 48 64) — não usar 20px em layout novo
   Aliases shim: @awa-space-xs..2xl → space-1/2/4/6/7/9
   Gaps: @awa-gap-xs..2xl (4px rhythm)

   ── TIPOGRAFIA ──
   Fluida (preferir): --awa-fs-xs..3xl clamp 320–1280px | Mixins .font-size-h1()..h4()
   Fixa legado: @awa-font-xs..2xl (11–24px) | Pesos normal/medium/bold
   Hierarquia alvo: display 3xl | headline 2xl | title xl | body md | label sm (0.04em em CTAs)
   Regra: títulos de seção/card usam var(--awa-fs-xl) ou 2xl, não clamp solto fora da escala

   ── BREAKPOINTS (usar em .media-width ou @media agrupado) ──
   DS gates: @awa-bp-576 576 | @awa-bp-768 768 | @awa-bp-992 992 | @awa-bp-1200 1200
   Magento: @awa-breakpoint-xxs 360 | xs 480 | sm 768 | md 1024 | lg 1280 | xl 1440
   min-width → desktop | max-width → mobile | @media-common para regras sem breakpoint

   ── RAIOS / SOMBRAS / MOTION ──
   Radius sm 8 | md 10–12 | lg 16 | pill 9999 | Shadow sm/md/lg | @awa-ease 0.4,0,0.2,1
   Ícones utilitários: .awa-icon--sm 16 | --md 24 | --lg 48 (_awa-inline-svg-hardening.less)
   Touch mínimo: 44×44px (botões, .awa-owl-nav__btn, links footer)

   ── COMPONENTES HOME (DOM estável — só CSS) ──
   1) Hero B2B: .awa-hero-b2b-cta > .awa-hero-trust-strip > .awa-hero-trust-strip__item
      (ícone 48px, texto) — LESS final-wins: _awa-home-hero-trust-layout.less; drift: preload !important
   2) Cabeçalho seção: .awa-section-header (+ --featured|--standard|--compact|--stacked)
      __left __title __subtitle __link.awa-shelf__view-all — drift: consolidated vars + shelf-carousel.css
   3) Prateleira/carrossel: .awa-carousel-section > .awa-shelf--carousel > .awa-carousel__viewport|__track|__slide
      Nav: .awa-owl-nav__btn | progress shelf | peek 87%→50%→33%→25%→20% (awa-shelf-carousel.css legado)
   4) Card produto: .item-product / .product-item dentro shelf; nome .product-name .product-item-link
      (line-clamp 2 alvo) | add-to-cart | B2B .b2b-login-to-see-price
   5) Categorias: .awa-category-carousel__* + .awa-reel--sm
   6) Pedidos recentes: .awa-home-recent-orders__* + empty-state
   7) Rodapé: .page_footer / .page-footer, .footer-container, .footer-block-title, .awa-footer-*

   ── DÍVIDA DE CASCATA (padronizar em _extend.less pós-consolidated) ──
   Pipeline: _extend.less → tokens → consolidated (inline) → account → hero-trust → svg → recent-orders
   Paralelos que causam drift: awa-head-preload-critical-home.css (!important mobile)
   awa-shelf-carousel.css (seção header, slides, nav) | bundles awa-bundle-* (não editar nesta missão)
   Meta Fase 2–4: regras canônicas ÚNICAS por componente no fim de _extend.less, .media-width(), sem !important
   §48 overflow raízes (2026-06-03): badge @awa-badge-reserve-block | carrossel @awa-carousel-track-pad-block
   | copy empty @awa-measure-copy-max 65ch | header/promo pad @awa-space-2 | shelf sem border+shadow duplo
   §49 quieter/distill: superfícies flat, CTAs sem lift, side stripes neutralizadas e motion funcional
   §50 interaction: foco visível, disabled estável, campos tokenizados e touch target 48px fora do checkout
   §51 home audit/adapt/layout/polish: footer SVG boxes, hero CTA real e compact shelves alinhadas

   ── ARQUIVOS PERMITIDOS NESTA MISSÃO ──
   _extend.less | _awa-tokens.less (este inventário) | _awa-inline-svg-hardening.less
   awa-shelf-carousel.css | awa-scroll-carousel.js | awa-head-preload-critical-home.css
   ==========================================================================
   AWA Design System — Semantic Token Shim  (source/_awa-tokens.less)
   Fase 1-B — API semântica para componentes LESS.

   NÃO duplica primitivos. Importa _awa-variables.less e expõe aliases
   legíveis (@awa-space-md, @awa-font-base…) para _awa-forms, _awa-cards
   e novos partials. Valores canônicos permanecem em _awa-variables.less.
   ========================================================================== */
/* ==========================================================================
   AWA Design System — Canonical Tokens  (source/_awa-variables.less)

   FONTE ÚNICA DE VERDADE para todos os design tokens AWA.

   Convenção de importação:
     _variables.less  →  @import '_awa-variables';   (shim Magento — 1ª entrada)
     _extend.less     →  usa @awa-* em escopo (disponíveis via _variables.less)

   Para adicionar ou alterar um token, edite APENAS este arquivo.
   ========================================================================== */
/* ==========================================================================
   AWA Design System — Z-Index Hierarchy (source/_z-index.less)
   
   Fonte única de verdade para camadas visuais.
   NUNCA use z-index diretamente. Importe este arquivo e use @awa-z-*
   ========================================================================== */
/* 
   STACKING CONTEXT GUIDE:
   
   1. None (auto, z-index: auto)
   2. Positional (absolute/fixed relative to natural flow)
   3. @awa-z-dropdown (100) — autocomplete, select options
   4. @awa-z-tooltip (150) — hover info
   5. @awa-z-sticky (200) — header fixed, nav sticky
   6. @awa-z-floating-btn (250) — floating action, chat
   7. @awa-z-overlay (500) — loading states, dim
   8. @awa-z-modal-backdrop (999) — modal dim background
   9. @awa-z-modal (1000) — modal itself
   10. @awa-z-alert-backdrop (1099) — alert background
   11. @awa-z-alert (1100) — toast message
   12. @awa-z-debug (9999) — dev tools only
   
   Em CSS interpolação (within :root):
   --awa-z-dropdown: @awa-z-dropdown;  (se necessário em CSS components)
*/
/* ==========================================================================
   AWA Design System — Foundation Layer  (source/_design-system.less)
   Versão 2.0 — Tokens consolidados  (2026-04-26)

   Camada de fundação do design system AWA Motos.
   Importa _awa-variables.less e extende com tokens, mixins e CSS custom
   properties para uso direto em qualquer partial LESS ou runtime CSS.

   ┌──────────────────────────────────────────────────────────────────────┐
   │  TABELA DE TOKENS — Referência rápida                               │
   ├────────────┬──────────────────┬───────────────────┬─────────────────┤
   │ Grupo      │ LESS var          │ CSS custom prop    │ Valor           │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ CORES      │ @awa-color-primary│ --awa-primary      │ #b73337         │
   │            │ (ver _awa-vars)  │ --awa-primary-hover│ #8e2629         │
   │            │ @awa-ink         │ --awa-ink          │ #1a1a1a         │
   │            │ @awa-ink-05      │ --awa-ink-05       │ rgba(0,0,0,.05) │
   │            │ @awa-ink-20      │ --awa-ink-20       │ rgba(0,0,0,.20) │
   │            │ @awa-ink-50      │ --awa-ink-50       │ rgba(0,0,0,.50) │
   │            │ @awa-ink-80      │ --awa-ink-80       │ rgba(0,0,0,.80) │
   │            │ @awa-color-white │ --awa-bg           │ #ffffff         │
   │            │ @awa-color-bg-soft│ --awa-bg-soft     │ #f7f7f7         │
   │            │ @awa-color-success│ --awa-success     │ @awa-color-success         │
   │            │ @awa-color-warning│ --awa-warning     │ @awa-color-warning         │
   │            │ @awa-color-error │ --awa-error        │ #b73337         │
   │            │ @awa-color-info  │ --awa-info         │ #0ea5e9         │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ ESPAÇAMENTO│ @awa-s-0         │ --awa-s-0          │ 0               │
   │ (8px base) │ @awa-s-1         │ --awa-s-1          │ 8px             │
   │            │ @awa-s-2         │ --awa-s-2          │ 16px            │
   │            │ @awa-s-3         │ --awa-s-3          │ 24px            │
   │            │ @awa-s-4         │ --awa-s-4          │ 32px            │
   │            │ @awa-s-5         │ --awa-s-5          │ 40px            │
   │            │ @awa-s-6         │ --awa-s-6          │ 48px            │
   │            │ @awa-s-7         │ --awa-s-7          │ 64px            │
   │            │ @awa-s-8         │ --awa-s-8          │ 80px            │
   │            │ @awa-s-9         │ --awa-s-9          │ 96px            │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ TIPOGRAFIA │ @awa-fs-xs       │ --awa-fs-xs        │ clamp(10..12px) │
   │ (fluida)   │ @awa-fs-sm       │ --awa-fs-sm        │ clamp(12..14px) │
   │            │ @awa-fs-md       │ --awa-fs-md        │ clamp(14..16px) │
   │            │ @awa-fs-lg       │ --awa-fs-lg        │ clamp(16..18px) │
   │            │ @awa-fs-xl       │ --awa-fs-xl        │ clamp(18..20px) │
   │            │ @awa-fs-2xl      │ --awa-fs-2xl       │ clamp(24..32px) │
   │            │ @awa-fs-3xl      │ --awa-fs-3xl       │ clamp(28..36px) │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ RAIOS      │ @awa-radius-sm   │ --awa-radius-sm    │ 8px             │
   │            │ @awa-radius-md   │ --awa-radius-md    │ 10px            │
   │            │ @awa-radius-lg   │ --awa-radius-lg    │ 16px            │
   │            │ @awa-radius-pill │ --awa-radius-pill  │ 9999px          │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ SOMBRAS    │ @awa-shadow-sm   │ --awa-shadow-sm    │ 0 1px 3px…      │
   │            │ @awa-shadow-md   │ --awa-shadow-md    │ 0 4px 12px…     │
   │            │ @awa-shadow-lg   │ --awa-shadow-lg    │ 0 8px 24px…     │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ MOTION     │ @awa-ease        │ --awa-ease         │ cubic-bezier…   │
   │            │ @awa-dur-fast    │ --awa-dur-fast     │ 120ms           │
   │            │ @awa-dur-base    │ --awa-dur-base     │ 200ms           │
   │            │ @awa-dur-slow    │ --awa-dur-slow     │ 350ms           │
   ├────────────┼──────────────────┼───────────────────┼─────────────────┤
   │ LAYOUT     │ @awa-container-  │ --awa-container-   │ 1200px          │
   │            │   content        │   content          │                 │
   │            │ @ds-grid-max-    │ --ds-grid-max-     │ 1440px          │
   │            │   width          │   width            │                 │
   │            │ @awa-bp-576…1200 │ --awa-bp-576…1200  │ breakpoints     │
   └────────────┴──────────────────┴───────────────────┴─────────────────┘

   USO:
     LESS:  padding: @awa-s-3;          // 24px
     CSS:   padding: var(--awa-s-3);    // 24px
     Fluid: font-size: var(--awa-fs-lg);// clamp(16px..18px)
     Mixin: .font-size-h2();            // clamp(28px..36px)

   REGRA: Este arquivo é 100% não-destrutivo. Apenas define variáveis,
   mapas e mixins para uso futuro. Nenhum seletor HTML é alterado.
   ========================================================================== */
:root {
  --ds-space-xs: 8px;
  --ds-space-sm: 16px;
  --ds-space-md: 24px;
  --ds-space-lg: 32px;
  --ds-space-xl: 40px;
  --ds-space-xxl: 48px;
  --ds-space-3xl: 64px;
  --ds-space-4xl: 80px;
  --awa-s-0: 0;
  --awa-s-1: 8px;
  --awa-s-2: 16px;
  --awa-s-3: 24px;
  --awa-s-4: 32px;
  --awa-s-5: 40px;
  --awa-s-6: 48px;
  --awa-s-7: 64px;
  --awa-s-8: 80px;
  --awa-s-9: 96px;
}
:root {
  --ds-bp-xs: 320px;
  --ds-bp-sm: 480px;
  --ds-bp-md: 768px;
  --ds-bp-lg: 1024px;
  --ds-bp-xl: 1280px;
  --ds-bp-xxl: 1920px;
  --ds-bp-4k: 2560px;
  --awa-bp-576: 576px;
  --awa-bp-768: 768px;
  --awa-bp-992: 992px;
  --awa-bp-1200: 1200px;
}
:root {
  --ds-font-xs: 12px;
  --ds-font-sm: 14px;
  --ds-font-base: 16px;
  --ds-font-lg: 18px;
  --ds-font-xl: 20px;
  --ds-font-h6: 18px;
  --ds-font-h5: 22px;
  --ds-font-h4: 24px;
  --ds-font-h3: 28px;
  --ds-font-h2: 36px;
  --ds-font-h1: 48px;
  --awa-fs-xs: clamp(10px, calc(9.33px + 0.208vw), 12px);
  --awa-fs-sm: clamp(12px, calc(11.33px + 0.208vw), 14px);
  --awa-fs-md: clamp(14px, calc(13.33px + 0.208vw), 16px);
  --awa-fs-lg: clamp(16px, calc(15.33px + 0.208vw), 18px);
  --awa-fs-xl: clamp(18px, calc(17.33px + 0.208vw), 20px);
  --awa-fs-2xl: clamp(24px, calc(21.33px + 0.833vw), 32px);
  --awa-fs-3xl: clamp(28px, calc(25.33px + 0.833vw), 36px);
}
:root {
  --awa-primary: #b73337;
  --awa-primary-hover: #8e2629;
  --awa-ink: #1a1a1a;
  --awa-ink-05: rgba(0, 0, 0, 0.05);
  --awa-ink-10: rgba(0, 0, 0, 0.1);
  --awa-ink-20: rgba(0, 0, 0, 0.2);
  --awa-ink-50: rgba(0, 0, 0, 0.5);
  --awa-ink-80: rgba(0, 0, 0, 0.8);
  --awa-bg: #ffffff;
  --awa-bg-soft: #f7f7f7;
  --awa-success: #16a34a;
  --awa-warning: #d97706;
  --awa-error: #b73337;
  --awa-info: #0ea5e9;
  --awa-radius-sm: 8px;
  --awa-radius-md: 12px;
  --awa-radius-lg: 16px;
  --awa-radius-pill: 9999px;
  --awa-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --awa-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --awa-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --awa-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --awa-dur-fast: 120ms;
  --awa-dur-base: 200ms;
  --awa-dur-slow: 350ms;
  --awa-container-content: 1200px;
}
:root {
  --ds-grid-max-width: 1440px;
  --ds-grid-columns: 12;
  --ds-grid-gutter: 24px;
  --ds-grid-half-gutter: 12px;
}
@media (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .columns.layout.layout-2-col > .col-xs-12.col-sm-3:not(.col-main) {
    order: 20 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
  }
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.sidebar.sidebar-main, .sidebar.sidebar-main-1, aside.sidebar-main) {
    order: 20 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .columns > .col-main,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .col-main {
    order: 1 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.sidebar.sidebar-main, .sidebar.sidebar-main-1, aside.sidebar-main) {
    flex: 0 0 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    width: 260px !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .products-grid :is(.item-product, .product-item):hover {
    border-color: color-mix(in srgb, var(--awa-primary) 30%, var(--awa-border)) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.09) !important;
    transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
}
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-trust-strip, .awa-home-trust-bar, .awa-feature-bar, .awa-hero-benefits, [class*="trust-strip"]) {
  display: grid !important;
  align-items: stretch !important;
}
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-trust-strip__item, .awa-home-trust-bar__item, .awa-hero-benefits__item, [class*="trust-strip__item"], [class*="feature-bar__item"]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
  min-height: 96px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-trust-strip, .awa-home-trust-bar, .awa-feature-bar, .awa-hero-benefits, [class*="trust-strip"]) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}
@media (min-width: 992px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-trust-strip, .awa-home-trust-bar, .awa-feature-bar, .awa-hero-benefits, [class*="trust-strip"]) {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
  }
}
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .content-top-home .top-home-content + .top-home-content {
  margin-block-start: 24px !important;
}
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .awa-home-pricing-notice,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .awa-b2b-promo-banner,
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper [class*="pricing-notice"] {
  margin-block: 16px !important;
}
html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.shop-title, .velaTitle, .awa-shelf-title, .shelf-title, .awa-section-title) {
  font-size: var(--awa-fs-xl, var(--awa-font-xl, 18px)) !important;
  font-weight: 700 !important;
  color: var(--awa-text, #333333) !important;
  line-height: 1.25 !important;
  margin-block-end: 12px !important;
}
html body#html-body .page-wrapper :is(.action.primary, .action.tocart, .action-primary, .btn-primary, .button-primary) {
  min-height: var(--awa-touch-target, 44px) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body#html-body.catalog-product-view .page-wrapper .breadcrumbs,
html body#html-body.catalog-product-view .page-wrapper .nav-breadcrumbs {
  display: block !important;
  visibility: visible !important;
  padding-block: 8px 8px !important;
  margin-block: 0 !important;
}
html body#html-body.catalog-product-view .page-wrapper .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;
}
html body#html-body.catalog-product-view .page-wrapper .breadcrumbs .item {
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--awa-font-sm, 12px) !important;
  color: var(--awa-text-secondary, #666666) !important;
}
html body#html-body.catalog-product-view .page-wrapper .breadcrumbs .item:not(:last-child)::after {
  content: '›' !important;
  margin-inline-start: 4px !important;
  color: var(--awa-border-strong, #d0d0d0) !important;
  display: inline !important;
}
html body#html-body.catalog-product-view .page-wrapper .breadcrumbs .item a {
  color: var(--awa-text-secondary, #666666) !important;
  text-decoration: none !important;
}
html body#html-body.catalog-product-view .page-wrapper .breadcrumbs .item a:hover {
  color: var(--awa-primary, #b73337) !important;
  text-decoration: underline !important;
}
html body#html-body.catalog-product-view .page-wrapper .breadcrumbs .item.home a {
  color: var(--awa-primary, #b73337) !important;
}
@media (max-width: 479px) {
  html body#html-body .page-wrapper {
    overflow-x: clip !important;
  }
  html body#html-body .page-wrapper :is(input, select, textarea) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body#html-body .page-wrapper .action,
  html body#html-body .page-wrapper .btn {
    max-width: 100% !important;
    white-space: normal !important;
  }
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .products-grid .product-items,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .products-grid ul.product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}
html body#html-body .page-wrapper :is(
        .product-item-link,
        .product-item-name a,
        .category-item-link,
        .awa-category-carousel__item
    ) {
  transition: color 120ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html body#html-body .page-wrapper :is(
        .product-item-link,
        .product-item-name a,
        .category-item-link,
        .awa-category-carousel__item
    ):hover {
  color: var(--awa-primary, #b73337) !important;
}
html body#html-body .page-wrapper :is(
        .product-item-link,
        .product-item-name a,
        .category-item-link,
        .awa-category-carousel__item
    ):focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: 2px !important;
  border-radius: 2px !important;
}
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.filter-toggle, [data-action="close-filters"], .awa-filter-toggle) {
  font-size: var(--awa-font-sm, 12px) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body#html-body .page-wrapper :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--awa-primary, #b73337) !important;
  outline-offset: 0 !important;
  border-color: var(--awa-primary, #b73337) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awa-primary) 15%, transparent) !important;
}
@media (min-width: 1800px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-trust-strip__item, .awa-home-trust-bar__item, [class*="trust-strip__item"]) {
    padding-block: 16px !important;
  }
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.shop-title, .velaTitle, .awa-shelf-title) {
    font-size: var(--awa-font-2xl, 20px) !important;
  }
}
@media (max-width: 991px) {
  html body#html-body.catalog-product-view .page-wrapper .product-info-main {
    padding-block-start: 16px !important;
  }
  html body#html-body.catalog-product-view .page-wrapper .page-title-wrapper.product {
    margin-block-end: 12px !important;
  }
  html body#html-body.catalog-product-view .page-wrapper #product-addtocart-button,
  html body#html-body.catalog-product-view .page-wrapper .action.primary.tocart {
    width: 100% !important;
    min-width: 0 !important;
  }
}
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.category-view-move, .page-main .category-hero, .awa-category-hero, .category-image-container) {
  min-height: clamp(80px, 12vw, 160px) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.category-view-move, .category-hero) :is(h1, .page-title, .category-name) {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
  font-size: clamp(18px, 2.5vw, 26px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
html body#html-body .page-wrapper .pages .pages-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;
}
html body#html-body .page-wrapper .pages .pages-item-previous .action,
html body#html-body .page-wrapper .pages .pages-item-next .action,
html body#html-body .page-wrapper .pages .page {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: var(--awa-radius-sm, 8px) !important;
  transition: background-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html body#html-body .page-wrapper .pages .item.current .page {
  background: var(--awa-primary, #b73337) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
@media (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.sidebar.sidebar-main, .sidebar.sidebar-main-1) {
    background: var(--awa-bg-soft, #f7f7f7) !important;
    border: 1px solid var(--awa-border, #e5e5e5) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-block-start: 16px !important;
  }
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.sidebar.sidebar-main, .sidebar.sidebar-main-1) .block-title {
    font-size: var(--awa-font-lg, 16px) !important;
    font-weight: 700 !important;
    margin-block-end: 12px !important;
  }
}
html body#html-body .page-wrapper .awa-site-header .field.search .control {
  position: relative !important;
}
html body#html-body .page-wrapper .awa-site-header #awa-search-clear.awa-search-clear-btn {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--awa-text-secondary, #666666) !important;
  flex: 0 0 32px !important;
  cursor: pointer !important;
  z-index: 3 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
html body#html-body .page-wrapper .awa-site-header #awa-search-clear.awa-search-clear-btn:not([hidden]) {
  display: inline-flex !important;
}
html body#html-body .page-wrapper .awa-site-header #awa-search-clear.awa-search-clear-btn:hover {
  color: var(--awa-primary, #b73337) !important;
  background: color-mix(in srgb, var(--awa-primary) 8%, transparent) !important;
}
html body#html-body .page-wrapper .awa-site-header #awa-search-clear.awa-search-clear-btn svg {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
}
html body#html-body .page-wrapper .awa-site-header form#search_mini_form input#search.awa-search-input--clearable {
  padding-right: 40px !important;
}
html body#html-body .page-wrapper .page-main.container,
html body#html-body .page-wrapper .page-main > .columns {
  width: 100% !important;
  max-width: min(100%, 1280px) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}
@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: min(100%, 1280px) !important;
    margin-inline: auto !important;
  }
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .columns > .col-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}
@media (max-width: 991px) {
  html body#html-body.catalog-product-view .page-wrapper .product-info-main,
  html body#html-body.catalog-product-view .page-wrapper .product-info-main .page-title-wrapper,
  html body#html-body.catalog-product-view .page-wrapper .product-info-main .product-info-price,
  html body#html-body.catalog-product-view .page-wrapper .product-info-main .product.attribute.overview {
    text-align: left !important;
    margin-inline: 0 !important;
  }
}
html body#html-body .page-wrapper :is(.skip-link, .awa-skip-link, .skip-to-main-content, a.action.skip) {
  position: fixed !important;
  inset-block-start: -100px !important;
  inset-inline-start: 12px !important;
  z-index: 9999 !important;
  display: inline-block !important;
  width: auto !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 44px !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  overflow: hidden !important;
  clip: auto !important;
  clip-path: none !important;
  transform: translateY(-150%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
html body#html-body .page-wrapper :is(.skip-link, .awa-skip-link, .skip-to-main-content, a.action.skip):is(:focus, :focus-visible) {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  outline: 2px solid #b73337 !important;
  outline-offset: 2px !important;
}
html body#html-body .page-wrapper :is(.skip-link, .awa-skip-link, a.action.skip) > span {
  display: inline-block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (min-width: 768px) {
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-inline: 16px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__inner,
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__layout {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__lead {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__lead-short {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    inset-inline-start: -9999px !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__lead-long {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) strong.awa-b2b-promo-bar__cta-short {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    inset-inline-start: -9999px !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__cta {
    flex: 0 0 auto !important;
    max-width: 200px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-close {
    position: absolute !important;
    inset-inline-end: 4px !important;
    inset-block-start: 50% !important;
    transform: translateY(-50%) !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-inline-start: auto !important;
    box-sizing: border-box !important;
  }
}
html body#html-body :is(.message.message-error.error.message-global, .notice-global, .cookie-notice) {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
html body#html-body :is(.message.message-error.error.message-global, .notice-global, .cookie-notice) :is(strong, span, p, div) {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}
html body#html-body #newsletter_pop_up,
html body#html-body .newsletterpopup,
html body#html-body .modal-popup.newsletter-popup-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html body#html-body #newsletter_pop_up .modal-inner-wrap,
html body#html-body .newsletterpopup .modal-inner-wrap,
html body#html-body .modal-popup.newsletter-popup-modal .modal-inner-wrap {
  position: absolute !important;
  inset-block-start: 50% !important;
  inset-inline-start: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(560px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 24px) !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}
html body#html-body #newsletter_pop_up .content-popup,
html body#html-body .newsletterpopup .content-popup {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
@media (max-width: 767px) {
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .awa-product-promo-banners {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding-inline: 16px !important;
  }
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .awa-product-promo-banners__grid {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .awa-product-promo-banners__grid::-webkit-scrollbar {
    display: none !important;
  }
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper .awa-product-promo-banners__item {
    max-width: min(82vw, 320px) !important;
    flex: 0 0 min(82vw, 320px) !important;
    box-sizing: border-box !important;
  }
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-swiper, .awa-hero-swiper__slide, .hero-section, [class*="hero-"]) svg {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  html body#html-body:is(.cms-index-index, .cms-home, .cms-homepage_ayo_home5) .page-wrapper :is(.awa-hero-swiper, .awa-hero-swiper__slide, .hero-section, [class*="hero-"]) :is(circle, path, rect, line, polygon) {
    max-width: 100% !important;
  }
}
html,
html body#html-body {
  overflow-x: clip !important;
}
html body#html-body .page-wrapper :is(
        button,
        .action,
        .action.primary,
        .action.secondary,
        .action.tocart,
        .action.checkout,
        .action.viewcart,
        .action.subscribe,
        .action.search,
        .action.nav-toggle,
        .awa-header-mobile-toggle,
        .awa-minicart-continue,
        .awa-b2b-promo-close,
        .title-category-dropdown,
        .awa-footer-section__toggle,
        .awa-footer-quem-somos-toggle,
        .awa-footer-suporte-toggle,
        .awa-footer-atendimento-toggle
    ) {
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  padding-block: 8px !important;
}
html body#html-body .page-wrapper :is(.awa-hero-swiper__nav, .swiper-button-prev, .swiper-button-next) {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body#html-body .page-wrapper :is(.products-grid, .block-products-list, .product-items, .owl-carousel) :is(h2.product-name, .product-name, .product-item-name) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}
html body#html-body .page-wrapper :is(.products-grid, .block-products-list, .product-items, .owl-carousel) :is(a.product-item-link, .product-name a, .product-item-name a) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: clip !important;
}
@media (max-width: 767px) {
  html body#html-body .page-wrapper :is(.products-grid, .block-products-list, .product-items) :is(h2.product-name, .product-name, .product-item-name) {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  html body#html-body .page-wrapper :is(.products-grid, .block-products-list, .product-items) :is(a.product-item-link, .product-name a, .product-item-name a) {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
}
html body#html-body .page-wrapper :is(button.action.subscribe, .action.subscribe.primary, button[type="submit"].action.subscribe) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  line-height: 1.3 !important;
  word-break: keep-all !important;
}
html body#html-body .page-wrapper :is(.awa-footer-section__toggle, .velaFooterTitle, button.footer-block-title) {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 10px 0 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
  align-items: center !important;
}
html body#html-body .page-wrapper h2.awa-newsletter-title,
html body#html-body .page-wrapper .awa-newsletter-title {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
@media (max-width: 767px) {
  html body#html-body .page-wrapper .awa-site-header .awa-header-account-prompt {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(.awa-header-account-prompt__mobile-link, .awa-header-account-prompt__icon, .awa-header-account-prompt__link) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    width: 44px !important;
    max-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex: 0 0 44px !important;
  }
  html body#html-body .page-wrapper :is(.block-minicart, .minicart-wrapper) :is(.awa-minicart-continue, button.awa-minicart-continue) {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
  }
  html body#html-body .page-wrapper :is(.action.showcart, .header-mini-cart, a.showcart) {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  html body#html-body :is(#newsletter_popup_dont_show_again, input[type="checkbox"].dont-show-again) {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    flex: 0 0 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  html body#html-body .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) .awa-b2b-promo-bar__cta {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 8px 14px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body#html-body .page-wrapper :is(button.action.subscribe, .action.subscribe.primary) {
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 18px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }
}
html body#html-body .page-wrapper a.b2b-auth-back-link,
html body#html-body .page-wrapper :is(.b2b-auth-shell, .b2b-account-login, .b2b-account-forgotpassword, .b2b-account-claim, .b2b-register-index) a[class*="back-link"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}
html body#html-body :is(.modals-wrapper, .modal-popup, .newsletterpopup, [class*="popup"]) {
  contain: layout !important;
  overflow: clip !important;
}
html body#html-body .page-wrapper :is(h1, h2, h3, h4, h5, h6, .page-title, .section-title) {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
@media (prefers-reduced-motion: reduce) {
  html body#html-body .page-wrapper *,
  html body#html-body .page-wrapper *::before,
  html body#html-body .page-wrapper *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   AUTOPILOT 2026-06-29 — Header/Footer Cross-Page Consistency
   Causa raiz:
   1) Divergência de tokens (--awa-primary x --awa-red) entre bundles
   2) prefers-color-scheme: dark alterando superfícies em páginas distintas
   3) Alvos mobile críticos < 44px na home/listagens
   ═══════════════════════════════════════════════════════════════════ */

/* Token canônico de marca para toda a storefront */
html body#html-body#html-body {
    --awa-brand-primary: var(--awa-red, #b73337);
    --awa-primary: var(--awa-brand-primary);
}

/* Mantém identidade visual consistente mesmo com OS em dark mode
   (sem bloquear modo escuro opt-in por classe explícita). */
@media (prefers-color-scheme: dark) {
    html body#html-body#html-body:not(.awa-dark-mode):not(.awa-dark-mode-optin) {
        --awa-primary: var(--awa-brand-primary);
    }
}

/* Header: superfície e contraste consistentes entre Home/PLP/PDP/Busca/Login/Checkout */
html body#html-body#html-body .page-wrapper :is(
    .page-header,
    .header.content,
    .header-wrapper-sticky,
    .awa-site-header,
    .awa-site-header .awa-main-header
) {
    background: var(--awa-bg, #ffffff) !important;
    color: var(--awa-text-primary, #333333) !important;
}

/* Footer: bloco institucional com mesma identidade em todas as páginas */
html body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) {
    background: var(--awa-red, #b73337) !important;
    color: var(--awa-on-brand, #ffffff) !important;
}

html body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) :is(
    h1, h2, h3, h4, h5, h6, p, span, a, li, label, strong, small
) {
    color: inherit;
}

html body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) a {
    color: var(--awa-on-brand, #ffffff) !important;
}

/* Mobile major fixes: touch targets mínimos + desktop-only oculto */
@media (max-width: 767px) {
    html body#html-body#html-body .page-wrapper .awa-home-pricing-notice__link,
    html body#html-body#html-body .page-wrapper .awa-shelf-view-all,
    html body#html-body#html-body .page-wrapper .b2b-login-link {
        align-items: center !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding-block: 10px !important;
    }

    html body#html-body#html-body .page-wrapper .awa-shelf-view-all {
        display: flex !important;
    }

    html body#html-body#html-body .page-wrapper .awa-shelf-view-all--desktop-only {
        display: none !important;
    }
}

/* AUTOPILOT_HF_FIX_20260629 */
html body#html-body#html-body {
    --awa-brand-primary: var(--awa-red, #b73337);
    --awa-primary: var(--awa-brand-primary);
}

@media (prefers-color-scheme: dark) {
    html body#html-body#html-body:not(.awa-dark-mode):not(.awa-dark-mode-optin) {
        --awa-primary: var(--awa-brand-primary);
    }
}

html body#html-body#html-body .page-wrapper :is(
    .page-header,
    .header.content,
    .header-wrapper-sticky,
    .awa-site-header,
    .awa-site-header .awa-main-header
) {
    background: var(--awa-bg, #ffffff) !important;
    color: var(--awa-text-primary, #333333) !important;
}

html body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) {
    background: var(--awa-red, #b73337) !important;
    color: var(--awa-on-brand, #ffffff) !important;
}

html body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) :is(
    h1, h2, h3, h4, h5, h6, p, span, a, li, label, strong, small
) {
    color: inherit;
}

html body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) a {
    color: var(--awa-on-brand, #ffffff) !important;
}

@media (max-width: 767px) {
    html body#html-body#html-body .page-wrapper .awa-home-pricing-notice__link,
    html body#html-body#html-body .page-wrapper .awa-shelf-view-all,
    html body#html-body#html-body .page-wrapper .b2b-login-link {
        align-items: center !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding-block: 10px !important;
    }

    html body#html-body#html-body .page-wrapper .awa-shelf-view-all {
        display: flex !important;
    }

    html body#html-body#html-body .page-wrapper .awa-shelf-view-all--desktop-only {
        display: none !important;
    }
}

/* AUTOPILOT_HF_FIX_20260629_R2 */
html body#html-body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) {
    background: var(--awa-red, #b73337) !important;
    color: var(--awa-on-brand, #ffffff) !important;
}

html body#html-body#html-body#html-body .page-wrapper :is(.page_footer, .page-footer) a {
    color: var(--awa-on-brand, #ffffff) !important;
}

@media (max-width: 767px) {
    html body#html-body#html-body#html-body .page-wrapper .awa-home-pricing-notice__link,
    html body#html-body#html-body#html-body .page-wrapper .awa-shelf-view-all,
    html body#html-body#html-body#html-body .page-wrapper .b2b-login-link {
        align-items: center !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding-block: 10px !important;
    }

    html body#html-body#html-body#html-body .page-wrapper .awa-shelf-view-all {
        display: flex !important;
    }

    html body#html-body#html-body#html-body .page-wrapper .awa-shelf-view-all--desktop-only {
        display: none !important;
    }
}

/* =============================================================================
   Autopilot 2026-07-01 — Footer velaFooterLinks WCAG touch target fix
   Problema: computed min-height = 32px (fonte desconhecida, especificidade alta)
   Solução: 15× #html-body chain → especificidade (15,4,2) bate qualquer regra existente
   Afeta: footer links em TODAS as páginas (desktop + mobile)
   ============================================================================= */
html body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body#html-body
    .page-wrapper :is(.page_footer, .page-footer)
    :is(
        .velaFooterLinks a,
        .awa-footer-atendimento__actions a,
        .awa-footer-atendimento__phone a,
        .awa-footer-atendimento__email a
    ) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: auto !important;
    min-height: 44px !important;
}