/**
 * AWA PLP Distill — 2026-06-08
 * Consolida: ui-promax + distill-lock (PLP) + final-polish (grid/filtros, sem global/header/glass)
 * Substitui na PLP: awa-plp-ui-promax + awa-plp-final-polish (distill-lock global permanece)
 */

/**
 * AWA PLP — ui-ux-pro-max (2026-05-22)
 * Cascata: loader terminal pós awa-audit-bundle + awa-visual-polish-r2
 * Escopo: catalog-category-view + catalogsearch-result-index
 * colorize 2026-06-08: hex → tokens --awa-*
 */

/* ─── Category hero: eyebrow → title → count ─────────────────────────────── */
#html-body.catalog-category-view .page-wrapper .awa-category-hero__eyebrow,
#html-body.catalogsearch-result-index .page-wrapper .awa-category-hero__eyebrow {
  display: inline-block;
  margin: 0 0 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 72%, var(--awa-text-primary, var(--awa-text)));
}

#html-body h1.awa-category-hero__title {
  margin: 0;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  line-height: 1.15 !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
}

#html-body.catalog-category-view .page-wrapper .awa-category-hero__count,
#html-body.catalogsearch-result-index .page-wrapper .awa-category-hero__count {
  margin: 8px 0 0;
  font-size: clamp(0.8125rem, 0.75rem + 0.25vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.35;
  color: var(--awa-text-secondary, var(--awa-text-secondary));
}

#html-body.catalog-category-view .page-wrapper .breadcrumbs,
#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs {
  font-size: 0.8125rem;
  line-height: 1.35;
}

#html-body.catalog-category-view .page-wrapper .breadcrumbs a,
#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs a {
  color: var(--awa-text-secondary, var(--awa-text-secondary));
  text-decoration: none;
  transition: color var(--awa-dur-base, 200ms) ease;
}

#html-body.catalog-category-view .page-wrapper .breadcrumbs a:hover,
#html-body.catalogsearch-result-index .page-wrapper .breadcrumbs a:hover {
  color: var(--awa-primary, var(--awa-primary));
}

/* Search results: page title fallback */
#html-body.catalogsearch-result-index .page-wrapper .page-title-wrapper .page-title {
  font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.875rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  line-height: 1.15 !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
}

/* ─── Product cards: name → REF → price/login ───────────────────────────── */
#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name, .product-item-name),
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name, .product-item-name) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  min-height: calc(1.35em * 2);
  font-size: clamp(0.8125rem, 0.75rem + 0.25vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.35;
  color: var(--awa-text-primary, var(--awa-text));
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a),
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a) {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a):hover,
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a):hover {
  color: var(--awa-primary, var(--awa-primary));
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product :is(.awa-b2b-sku, .product-sku, .sku),
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product :is(.awa-b2b-sku, .product-sku, .sku) {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--awa-text-primary, var(--awa-text)) 55%, var(--awa-border, var(--awa-border)));
}

/* B2B login chip — vence audit FIX 27 (PDP pill) + plp-final inline-flex column */
#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price,
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 2.75rem !important;
  padding: 0.5rem 0.75rem !important;
  margin-top: 4px !important;
  border-radius: 6px !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  background: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 4%, var(--awa-bg, var(--awa-bg))) !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-size: clamp(0.6875rem, 0.65rem + 0.2vw, 0.8125rem) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price::before,
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price::before {
  content: none !important;
  display: none !important;
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price .price-label,
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price .price-label {
  display: inline !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.25rem !important;
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  color: color-mix(in srgb, var(--awa-text-primary, var(--awa-text)) 62%, var(--awa-border, var(--awa-border))) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price a,
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price a {
  display: inline !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price a:hover,
#html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price a:hover {
  color: var(--awa-primary-hover, var(--awa-primary-dark, var(--awa-primary-hover))) !important;
  text-decoration: underline !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Toolbar / filtros — interação clara */
#html-body.catalog-category-view .page-wrapper .toolbar-products :is(a, button, select),
#html-body.catalogsearch-result-index .page-wrapper .toolbar-products :is(a, button, select),
#html-body.catalog-category-view .page-wrapper .grid-mode-show-type-products a,
#html-body.catalogsearch-result-index .page-wrapper .grid-mode-show-type-products a {
  cursor: pointer;
  transition: color var(--awa-dur-base, 200ms) ease, border-color var(--awa-dur-base, 200ms) ease, background-color var(--awa-dur-base, 200ms) ease;
}

#html-body.catalog-category-view .page-wrapper .item-product,
#html-body.catalogsearch-result-index .page-wrapper .item-product {
  cursor: pointer;
}

/* Hover estável — sem lift nos CTAs da PLP */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product .btn-add-to-cart.action.tocart:hover,
  #html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product .btn-add-to-cart.action.tocart:hover {
    transform: none !important;
  }
}

@media (max-width: 767px) {
  #html-body.catalog-category-view .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name, .product-item-name),
  #html-body.catalogsearch-result-index .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name, .product-item-name) {
    font-size: 0.75rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  #html-body.catalog-category-view .page-wrapper .toolbar.toolbar-products,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar.toolbar-products {
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 10px !important;
    margin: 6px 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #html-body.catalog-category-view .page-wrapper .toolbar.toolbar-products::before,
  #html-body.catalog-category-view .page-wrapper .toolbar.toolbar-products::after,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar.toolbar-products::before,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar.toolbar-products::after {
    content: none !important;
    display: none !important;
  }

  #html-body.catalog-category-view .page-wrapper .toolbar.toolbar-products > .center,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar.toolbar-products > .center {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
  }

  #html-body.catalog-category-view .page-wrapper .toolbar-products .toolbar-sorter.sorter,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar-products .toolbar-sorter.sorter {
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #html-body.catalog-category-view .page-wrapper .toolbar-products .sorter-label,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar-products .sorter-label {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 8px 0 0 !important;
  }

  #html-body.catalog-category-view .page-wrapper .toolbar-products .sorter-options,
  #html-body.catalogsearch-result-index .page-wrapper .toolbar-products .sorter-options {
    min-height: 44px !important;
    height: 44px !important;
  }

  #html-body.catalog-category-view .page-wrapper .products.wrapper.grid.products-grid,
  #html-body.catalogsearch-result-index .page-wrapper .products.wrapper.grid.products-grid {
    padding-top: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #html-body.catalog-category-view .page-wrapper .toolbar-products :is(a, button, select),
  #html-body.catalogsearch-result-index .page-wrapper .toolbar-products :is(a, button, select) {
    transition: none;
  }
}

/* ── Distill lock (PLP) ── */
/* ── PLP (awa-plp-ui-promax + plp-final-polish) ── */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper
  :is(.item-product, .product-item, .product-item-info) {
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper
    :is(.item-product, .product-item, .product-item-info):hover {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--awa-primary) 18%, var(--awa-border, var(--awa-border))) !important;
    transform: none !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__eyebrow {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 13px !important;
}

/* ── PLP tokens (distilled final-polish) ── */
:is(body.catalog-category-view, body.catalogsearch-result-index) {
    --awa-plp-final-surface: var(--awa-surface, var(--awa-bg, var(--awa-bg)));
    --awa-plp-final-surface-soft: var(--awa-bg-soft, var(--awa-bg-subtle));
    --awa-plp-final-border: var(--awa-border, var(--awa-border));
    --awa-plp-final-border-strong: color-mix(in srgb, var(--awa-border, var(--awa-border)) 82%, var(--awa-text-primary, var(--awa-text)));
    --awa-plp-final-text: var(--awa-text-primary, var(--awa-text));
    --awa-plp-final-muted: var(--awa-text-secondary, var(--awa-text-secondary));
    --awa-plp-text-secondary: var(--awa-text-secondary, var(--awa-text-secondary));
    --awa-plp-text-tertiary: color-mix(in srgb, var(--awa-text-primary, var(--awa-text)) 78%, var(--awa-text-secondary, var(--awa-text-secondary)));
    --awa-plp-final-shadow-sm: 0 6px 16px color-mix(in srgb, var(--awa-ink, var(--awa-text-primary)) 4%, transparent);
    --awa-plp-final-shadow-md: 0 12px 30px color-mix(in srgb, var(--awa-ink, var(--awa-text-primary)) 8%, transparent);
    --awa-plp-final-focus: 0 0 0 3px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 16%, transparent);
    --awa-plp-transition: 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Grid, filtros, paginação (distilled final-polish) ── */
:is(body.catalog-category-view, body.catalogsearch-result-index) .page-main .columns.layout.layout-2-col.row {
    margin-inline: -8px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-main .columns.layout.layout-2-col.row > [class*='col-'] {
    padding-inline: var(--awa-space-2); /* P2-fluid: era 8px */
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-title-wrapper .page-title {
    color: var(--awa-plp-final-text);
    line-height: 1.15;
    letter-spacing: -0.02em;
    font-weight: 800;
    margin-bottom: 6px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .shop-tab-select .toolbar.toolbar-products .center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--awa-space-2-5); /* P2-fluid: era 10px */
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .toolbar .modes .modes-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--awa-plp-final-border);
    background: var(--awa-plp-final-surface-soft);
    color: var(--awa-plp-text-secondary, var(--awa-text-secondary, var(--awa-text-secondary)));
    font-size: var(--awa-text-xs); /* P1-fluid: era 12px */
    font-weight: 700;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .grid-mode-show-type-products a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid var(--awa-plp-final-border);
    background: var(--awa-plp-final-surface, var(--awa-bg));
    color: var(--awa-plp-text-secondary, var(--awa-text-secondary, var(--awa-text-secondary)));
    font-weight: 700;
    text-decoration: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .grid-mode-show-type-products a:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .grid-mode-show-type-products a:focus-visible {
    border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 34%, transparent);
    color: var(--awa-primary, var(--awa-primary));
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .grid-mode-show-type-products a.actived {
    border-color: var(--awa-primary, var(--awa-primary));
    background: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 12%, transparent);
    color: var(--awa-primary, var(--awa-primary));
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .shop-tab-select .toolbar.toolbar-products {
    background: var(--awa-plp-final-surface);
    border: 1px solid var(--awa-plp-final-border);
    border-radius: 16px;
    box-shadow: var(--awa-plp-final-shadow-sm);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .toolbar .toolbar-amount {
    color: var(--awa-plp-final-muted);
    font-size: var(--awa-text-sm); /* P1-fluid: era 13px */
    font-weight: 600;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .toolbar-sorter .sorter-options,
:is(body.catalog-category-view, body.catalogsearch-result-index) .field.limiter .limiter-options {
    border-color: var(--awa-plp-final-border-strong);
    border-radius: 10px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .toolbar-sorter .sorter-options:focus,
:is(body.catalog-category-view, body.catalogsearch-result-index) .toolbar-sorter .sorter-options:focus-visible,
:is(body.catalog-category-view, body.catalogsearch-result-index) .field.limiter .limiter-options:focus,
:is(body.catalog-category-view, body.catalogsearch-result-index) .field.limiter .limiter-options:focus-visible {
    box-shadow: var(--awa-plp-final-focus);
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item .page,
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item.current strong,
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages-item-next .action,
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages-item-previous .action {
    border-color: var(--awa-plp-final-border);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .block.filter {
    border-color: var(--awa-plp-final-border);
    box-shadow: var(--awa-plp-final-shadow-sm);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) #layered-ajax-filter-block .block-content,
:is(body.catalog-category-view, body.catalogsearch-result-index) .block.filter .block-content {
    padding-bottom: var(--awa-space-2); /* P2-fluid: era 8px */
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .block.filter .block-subtitle.filter-subtitle {
    margin: 0;
    padding: var(--awa-space-2-5) var(--awa-space-3-5); /* P2-fluid: era 10px 14px */
    border-bottom: 1px solid var(--awa-plp-final-border, var(--awa-border, var(--awa-border)));
    color: var(--awa-plp-text-secondary, var(--awa-text-secondary, var(--awa-text-secondary)));
    font-size: var(--awa-text-xs); /* P1-fluid: era 12px */
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .block.filter .block-title.filter-title {
    border-bottom: 1px solid var(--awa-plp-final-border, var(--awa-border, var(--awa-border)));
    background: var(--awa-bg) !important;
    background-image: none !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .block.filter .block-title.filter-title strong {
    display: inline-flex;
    align-items: center;
    gap: var(--awa-space-2); /* P2-fluid: era 8px */
    min-height: 44px;
    color: var(--awa-plp-final-text);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-options-title {
    color: var(--awa-plp-final-text);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-options-content a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    margin-bottom: 4px;
    border-radius: 8px;
    background: var(--awa-bg);
    border: 1px solid transparent;
    color: var(--awa-plp-text-tertiary, var(--awa-text-primary, var(--awa-text)));
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-options-content a:hover {
    background: var(--awa-plp-final-surface, var(--awa-bg));
    border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 20%, transparent);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 5%, transparent);
    color: var(--awa-primary, var(--awa-primary));
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-options-content .count {
    background: var(--awa-plp-final-border-strong, var(--awa-plp-final-border-strong));
    color: var(--awa-plp-text-secondary, var(--awa-text-secondary, var(--awa-text-secondary)));
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    transition: background 0.2s ease, color 0.2s ease;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-options-content a:hover .count {
    background: var(--awa-primary, var(--awa-primary));
    color: var(--awa-bg, var(--awa-bg));
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .search.results .message.notice {
    margin-bottom: var(--awa-space-3); /* P2-fluid: era 12px */
    color: var(--awa-plp-text-tertiary, var(--awa-text-primary, var(--awa-text)));
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-current,
:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-actions {
    margin-inline: 12px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-current .item a,
:is(body.catalog-category-view, body.catalogsearch-result-index) .filter-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: var(--awa-space-1) var(--awa-space-2-5); /* P2-fluid: era 4px 10px */
    border-radius: 999px;
    border: 1px solid var(--awa-plp-final-border);
    background: var(--awa-plp-final-surface);
    color: var(--awa-plp-final-text);
    text-decoration: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) #layered_ajax_overlay {
    background: rgb(255 255 255 / 66%);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) #layered_ajax_overlay > div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    min-width: 52px;
    padding: var(--awa-space-2-5); /* P2-fluid: era 10px */
    border-radius: 999px;
    border: 1px solid var(--awa-plp-final-border);
    background: var(--awa-plp-final-surface);
    box-shadow: var(--awa-plp-final-shadow-sm);
}

/* PLP — cards com altura uniforme (grid stretch + flex column) */
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-grid .product-items,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid {
    align-items: stretch;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product > .product-thumb,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product > .product-info {
    border-color: var(--awa-plp-final-border);
}

/* Thumbnail Stabilization & Hover Logic */
:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .product-thumb {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--awa-plp-final-surface, var(--awa-bg));
    transition: none;
}

/* aspect-ratio fallback for older Safari/Firefox */
@supports not (aspect-ratio: 1/1) {
    :is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .product-thumb {
        padding-bottom: 100%;
        height: 0;
    }
    :is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .product-thumb > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .product-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .first-thumb,
:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .second-thumb {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .first-thumb {
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .second-thumb {
    display: none;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: none;
    pointer-events: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.06));
    transition: none;
    transform: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .product-thumb img[loading="lazy"],
:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product img.product-image-photo[loading="lazy"] {
    opacity: 1 !important;
    visibility: visible !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-thumb .product-image-wrapper {
    background: var(--awa-bg);
    width: 100% !important;
    height: 100% !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-thumb .product-image-photo[src*="/placeholder/"] {
    opacity: 0.85;
    filter: saturate(0.72);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .hot-onsale .onsale,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .icon-sale.icon-product {
    border-radius: 20px;
    border: 1px solid var(--awa-glass-border, color-mix(in srgb, var(--awa-border, var(--awa-border)) 60%, transparent));
    background: var(--awa-glass-bg, color-mix(in srgb, var(--awa-bg, var(--awa-bg)) 88%, transparent));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--awa-primary, var(--awa-primary));
    font-weight: 800;
    font-size: 10px;
    letter-spacing: 0.02em;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 2px 10px;
    text-transform: uppercase;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .hot-onsale .onsale.new-lable {
    background: color-mix(in srgb, var(--awa-ink, var(--awa-text-primary)) 80%, transparent);
    color: var(--awa-bg, var(--awa-bg));
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .actions-secondary .quickview-link {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid var(--awa-plp-final-border);
    background: var(--awa-plp-final-surface);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--awa-ink, var(--awa-text-primary)) 8%, transparent);
    transition: background-color var(--awa-plp-transition), color var(--awa-plp-transition), transform var(--awa-plp-transition), box-shadow var(--awa-plp-transition);
    opacity: 0;
    transform: translateY(10px) scale(0.9);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product:hover .actions-secondary .quickview-link {
    opacity: 1;
    transform: translateY(0) scale(1);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .actions-secondary .quickview-link:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .actions-secondary .quickview-link:focus-visible {
    border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 34%, transparent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 14%, transparent);
    transform: scale(1.05);
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product > .product-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: var(--awa-space-2); /* P2-fluid: era 8px */
    padding-bottom: var(--awa-space-3); /* P2-fluid: era 12px */
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-name {
    margin-bottom: 2px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-item-link {
    color: var(--awa-plp-final-text) !important;
    line-height: 1.4;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.01em;
    min-height: calc(1.4em * 2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-item-link:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-item-link:focus-visible {
    color: var(--awa-primary, var(--awa-primary)) !important;
    outline: 0;
}

/* SKU Polish */
:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .awa-b2b-sku {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--awa-text-xs);
    color: var(--awa-plp-final-muted);
    font-weight: 500;
    margin-top: -4px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product .awa-b2b-sku__label {
    opacity: 0.7;
    font-weight: 400;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .info-price {
    min-height: 48px;
    align-items: flex-start;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-rating .reviews-actions .action.add,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-rating .reviews-actions .action.view {
    font-size: var(--awa-text-xs); /* P1-fluid: era 12px */
    color: var(--awa-plp-final-muted, var(--awa-text-secondary, var(--awa-text-secondary)));
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-rating .reviews-actions .action.add:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-rating .reviews-actions .action.add:focus-visible,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-rating .reviews-actions .action.view:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-rating .reviews-actions .action.view:focus-visible {
    color: var(--awa-primary, var(--awa-primary));
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .special-price .price,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .price {
    font-weight: 800;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .product-info-cart {
    margin-top: auto;
    padding-top: 2px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .btn-add-to-cart.action.tocart {
    min-height: 44px;
    width: 100%;
    border-radius: 8px;
    font-weight: 700;
    letter-spacing: 0.01em;
    transition: background-color var(--awa-plp-transition), box-shadow var(--awa-plp-transition), transform var(--awa-plp-transition);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .btn-add-to-cart.action.tocart:hover {
    box-shadow: 0 6px 16px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 18%, transparent);
    transform: translateY(-1px);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .btn-add-to-cart.action.tocart:focus-visible {
    box-shadow: var(--awa-plp-final-focus);
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .b2b-login-to-buy-btn.b2b--listing {
    min-height: 44px;
    border-radius: 11px;
    font-size: var(--awa-text-xs); /* P1-fluid: era 12px */
    font-weight: 700;
    letter-spacing: 0.01em;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .b2b-login-to-buy-btn.b2b--listing:focus-visible {
    box-shadow: var(--awa-plp-final-focus);
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .b2b-login-to-see-price {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 18%, transparent);
    background: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 7%, transparent);
    color: var(--awa-primary, var(--awa-primary));
    font-weight: 700;
    font-size: clamp(0.8125rem, 0.75rem + 0.3vw, 0.875rem);
    line-height: 1.35;
    transition: background 0.3s ease, border-color 0.3s ease;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.grid.products-grid .item-product .b2b-login-to-see-price::before {
    content: "\f023";
    font-family: FontAwesome;
    font-size: var(--awa-text-xs); /* P1-fluid: era 12px */
    line-height: 1;
}

/* Price Gate Card (Grid/Compact) */
:is(body.catalog-category-view, body.catalogsearch-result-index) .awa-b2b-gate-card--compact {
    background: var(--awa-plp-final-surface-soft);
    border: 1px solid var(--awa-plp-final-border);
    border-radius: 14px;
    padding: var(--awa-space-3);
    text-align: center;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.02);
    transition: background-color var(--awa-plp-transition), color var(--awa-plp-transition), transform var(--awa-plp-transition), box-shadow var(--awa-plp-transition);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .item-product:hover .awa-b2b-gate-card--compact {
    background: var(--awa-plp-final-surface);
    border-color: var(--awa-primary, var(--awa-primary));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 8%, transparent);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .awa-b2b-gate-card__badge {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--awa-primary, var(--awa-primary));
    margin-bottom: 4px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .awa-b2b-gate-card__title {
    font-size: var(--awa-text-xs);
    font-weight: 700;
    color: var(--awa-plp-final-text);
    line-height: 1.2;
    margin-bottom: var(--awa-space-2);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .awa-b2b-gate-card__action {
    display: block;
    background: var(--awa-primary, var(--awa-primary));
    color: var(--awa-bg, var(--awa-bg)) !important;
    font-size: var(--awa-text-xs);
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: filter var(--awa-plp-transition);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .awa-b2b-gate-card__action:hover {
    filter: brightness(1.1);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product {
    border: 1px solid var(--awa-plp-final-border);
    border-radius: 16px;
    background: var(--awa-plp-final-surface);
    box-shadow: var(--awa-plp-final-shadow-sm);
    overflow: clip;
    transition: box-shadow var(--awa-plp-transition), border-color var(--awa-plp-transition);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product:hover {
    border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 12%, transparent);
    box-shadow: var(--awa-plp-final-shadow-md);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product .product-info,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product .product-info {
    padding: var(--awa-space-3); /* P2-fluid: era 12px */
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product .product-item-link,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product .product-item-link {
    color: var(--awa-plp-final-text) !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product .product-item-link:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product .product-item-link:focus-visible,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product .product-item-link:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product .product-item-link:focus-visible {
    color: var(--awa-primary, var(--awa-primary)) !important;
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product .btn-add-to-cart.action.tocart,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product .btn-add-to-cart.action.tocart,
:is(body.catalog-category-view, body.catalogsearch-result-index) .wrapper.list.products-list .item-product .b2b-login-to-buy-btn.b2b--listing,
:is(body.catalog-category-view, body.catalogsearch-result-index) .products-list .item-product .b2b-login-to-buy-btn.b2b--listing {
    min-height: 42px;
    border-radius: 10px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .message.notice,
:is(body.catalog-category-view, body.catalogsearch-result-index) .message.info,
:is(body.catalog-category-view, body.catalogsearch-result-index) .message.warning {
    border-radius: 8px;
    border: 1px solid var(--awa-plp-final-border);
    background: var(--awa-plp-final-surface);
    box-shadow: var(--awa-plp-final-shadow-sm);
    padding: var(--awa-space-3) var(--awa-space-3-5); /* P2-fluid: era 12px 14px */
}

@media (width <= 991px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index) .page-main .columns.layout.layout-2-col.row {
        margin-inline: -6px;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index) .page-main .columns.layout.layout-2-col.row > [class*='col-'] {
        padding-inline: 6px;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index) .shop-tab-select .toolbar.toolbar-products {
        border-radius: var(--awa-plp-chrome-radius, 8px);
        padding: var(--awa-space-2-5); /* P2-fluid: era 10px */
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index) .toolbar .toolbar-amount {
        width: 100%;
    }
}
/* =============================================================================
   PAGINATION — AWA PLP polish 2026-05-05
   Scope: category + search result pages
   ============================================================================= */

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages {
    margin-top: var(--awa-space-8, 32px);
    margin-bottom: var(--awa-space-6, 24px);
    display: flex;
    justify-content: center;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages-items {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item a,
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item.current strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--awa-space-2, 8px);
    border-radius: var(--awa-radius-sm, 6px);
    font-size: var(--awa-text-sm, 13px);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item a {
    border: 1.5px solid var(--awa-plp-final-border, var(--awa-border, var(--awa-border)));
    background: var(--awa-plp-final-surface, var(--awa-bg));
    color: var(--awa-plp-final-text, var(--awa-text-primary, var(--awa-text)));
    transition: border-color var(--awa-plp-transition, 320ms ease),
                color var(--awa-plp-transition, 320ms ease),
                background var(--awa-plp-transition, 320ms ease);
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item a:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item a:focus-visible {
    border-color: var(--awa-primary, var(--awa-primary));
    color: var(--awa-primary, var(--awa-primary));
    background: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 6%, transparent);
    outline: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .pages .item.current strong {
    background: var(--awa-primary, var(--awa-primary));
    color: var(--awa-bg, var(--awa-bg));
    border: 1.5px solid transparent;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 22%, transparent);
}

/* Prev / Next action buttons */
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages-item-previous .action.previous,
:is(body.catalog-category-view, body.catalogsearch-result-index) .pages-item-next .action.next {
    gap: 4px;
    padding: 0 14px;
    min-width: auto;
}

/* Impeccable polish: finish interaction states with AWA tokens instead of page-local color aliases. */
:is(body.catalog-category-view, body.catalogsearch-result-index) :is(
    .toolbar a,
    .toolbar button,
    .toolbar select,
    .filter-options-content a,
    .pages .item a,
    .product-item a,
    .action.tocart,
    .b2b-login-to-buy-btn,
    .b2b-login-to-see-price
):focus-visible {
    outline: 2px solid var(--awa-primary, var(--awa-primary));
    outline-offset: 3px;
    border-radius: var(--awa-radius-sm, 8px);
}

@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index) :is(
        .grid-mode-show-type-products a,
        .pages .item a,
        .pages .item.current strong,
        .filter-current .item a,
        .filter-actions a
    ) {
        min-height: var(--awa-touch-min, 44px);
        min-width: var(--awa-touch-min, 44px);
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index) .filter-options-content a {
        min-height: var(--awa-touch-min, 44px);
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(body.catalog-category-view, body.catalogsearch-result-index) *,
    :is(body.catalog-category-view, body.catalogsearch-result-index) *::before,
    :is(body.catalog-category-view, body.catalogsearch-result-index) *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index) :is(.item-product, .product-image-photo) {
        transform: none !important;
    }
}

/* =============================================================================
   GRID CORRECTIONS — Audit 2026-05-05
   Corrige: desktop thumb ratio, info-price visibilidade, mobile sidebar,
   gutter responsivo, alinhamento vertical dos cards.
   ============================================================================= */

/* --- 1. Desktop: limitar altura da thumb para dar espaço ao texto ---
   Sem isso, aspect-ratio:1/1 numa coluna de 254px gera thumb de 254px
   (70% do card), sobrando pouco para nome+SKU+preço */
@media (min-width: 992px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid .item-product .product-thumb {
        max-height: 200px !important;
        /* Mantém aspect-ratio mas cap at 200px */
    }
}

/* --- 2. Desktop: info-price visível (não colapsar para 1px) ---
   O Ayo define product-info-cart como absolute/bottom:-100% para hover reveal.
   O info-price deve sempre mostrar "Faça login" ou o preço,
   portanto min-height garante visibilidade. */
:is(body.catalog-category-view, body.catalogsearch-result-index)
.wrapper.grid.products-grid .item-product .info-price {
    min-height: 44px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

/* --- 3. Desktop: product-info-cart em fluxo normal (retira absolute) ---
   O Ayo coloca product-info-cart como position:absolute/bottom:-100% para
   hover reveal. Em B2B guest mode, o gate card aparece fora do card.
   Para o layout estático (sem hover JS), usamos position:relative. */
:is(body.catalog-category-view, body.catalogsearch-result-index)
.wrapper.grid.products-grid .item-product .product-info-cart {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
    z-index: auto !important;
    margin-top: auto !important;
    width: 100% !important;
}

/* --- 4. Card: overflow hidden para evitar que absolute vaze ---
   Garante que qualquer elemento posicionado fora do card não seja visível */
:is(body.catalog-category-view, body.catalogsearch-result-index)
.wrapper.grid.products-grid .item-product {
    overflow: hidden !important;
}

/* --- 5. Card: garantir flex-column com alinhamento vertical dos filhos ---
   Permite que product-info cresça e empurre o CTA para o rodapé */
:is(body.catalog-category-view, body.catalogsearch-result-index)
.wrapper.grid.products-grid .item-product {
    display: flex !important;
    flex-direction: column !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index)
.wrapper.grid.products-grid .item-product .product-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* --- 6. Mobile: sidebar filtros — colapsar no mobile (<768px) para não ocupar 639px ---
   O Ayo desktop sidebar não deve ser display:block em mobile */
@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .page-layout-2columns-left .sidebar.sidebar-main,
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .page-layout-2columns-left .block.filter {
        /* Sidebar já deve estar visível como accordion no mobile — só garantir não overflow */
        overflow: hidden;
    }
}

/* --- 7. Grid responsivo: garantir fr units nos breakpoints de transição ---
   Evita que o grid quebre para 1 coluna em telas 769px-991px (tablet landscape) */
@media (min-width: 768px) and (max-width: 991px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.product-grid,
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.container-products-switch {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (min-width: 880px) and (max-width: 991px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.product-grid,
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.container-products-switch {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* --- 8. Mobile <480px: 2 colunas sempre (prevenir 1 coluna em phones pequenos) --- */
@media (max-width: 479px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.product-grid,
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.container-products-switch {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid .item-product {
        padding: 8px !important;
    }
}

/* --- 9. Nome do produto: 2 linhas no desktop (min-height = 2×line-height) ---
   Evita que cards com nomes curtos pareçam inconsistentes */
@media (min-width: 768px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid .item-product .product-item-link {
        min-height: calc(1.4em * 2) !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }
}

/* --- 10. Gutter do grid: consistência desktop --- */
@media (min-width: 992px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.product-grid,
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid ul.container-products-switch {
        gap: 12px !important;
    }
}

/* =============================================================================
   GRID CORRECTIONS v2 — 2026-05-05 (patch)
   Corrige problemas introduzidos pelas Grid Corrections v1:
   1. Fix2 sobrescrevia regra :has(.awa-b2b-gate-card) que faz display:none no info-price
   2. Fix3 position:relative fazia card mobile crescer 137px (433px total)
   ============================================================================= */

/* --- Override Fix 2: info-price só recebe min-height quando NÃO há gate card ---
   Quando há .awa-b2b-gate-card, o B2B module já oculta .info-price com display:none.
   Nossa min-height:44px estava sobrescrevendo essa ocultação. */
:is(body.catalog-category-view, body.catalogsearch-result-index)
.wrapper.grid.products-grid .item-product:has(.awa-b2b-gate-card) .info-price {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* --- Override Fix 3: product-info-cart relative apenas no desktop ---
   No mobile, position:relative no gate card faz o card crescer para 433px (era 296px).
   No mobile (<768px), manter position:absolute mas usar overflow:hidden no card. */
@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .wrapper.grid.products-grid .item-product .product-info-cart {
        position: absolute !important;
        bottom: -100% !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 2 !important;
        margin-top: 0 !important;
    }
}

/* --- Mobile gate card compacto (quando toque revela via JS) ---
   Reduz padding e esconde badge para minimizar altura */
@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .awa-b2b-gate-card__badge {
        display: none !important;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .awa-b2b-gate-card--compact {
        padding: 8px !important;
    }
}

/* =============================================================================
   ROUND 46 — PLP Viewport Optimization (2026-05-06)
   Objetivo: trazer products grid mais alto no viewport desktop (1280x900)
   Atual:  produtos começam a ~767px (abaixo da dobra)
   Meta:   produtos visíveis acima de ~700px

   1. Ocultar seletores de coluna (.grid-mode-show-type-products) no desktop
      — Esses botões (⋮⋮ ⋮ ⋮⋮ para 2/3/4 colunas) ficam numa 2ª linha da toolbar
      — No desktop o grid já usa 3 colunas por padrão; a escolha manual é raramente
        usada e causa a toolbar ser 2 linhas (106px → ~60px com esta mudança)
      — No mobile continua visível se necessário
   2. Reduzir padding-top do .column.main de 16px → 8px
      — Espaço de respiro entre breadcrumb e conteúdo principal
   3. Reduzir min-height do hero de categoria de 180px → 150px
      — Banner de categoria mais compacto sem perder identidade visual
   ============================================================================= */

/* 46a — Ocultar seletores de coluna na toolbar desktop */
@media (min-width: 768px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .shop-tab-select .toolbar-products .grid-mode-show-type-products {
        display: none !important; /* Economiza ~44px da toolbar (2ª linha) */
    }
}

/* 46b — Reduzir padding-top do column.main */
@media (min-width: 768px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .page-main .column.main {
        padding-top: 8px !important; /* era 16px, economiza 8px */
    }
}

/* 46c — Hero de categoria mais compacto */
@media (min-width: 768px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index)
    .awa-category-hero {
        min-height: 128px !important; /* §97 tight — era 150px */
        height: 150px !important;
    }
}

/* ui-ux-pro-max — touch target 44px: quickview PLP (vence regras 40px + scale de layers anteriores) */
:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .quickview-link {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product .actions-secondary .quickview-link {
    transform: none !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product:hover .actions-secondary .quickview-link {
    transform: none !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product .actions-secondary .quickview-link:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product .actions-secondary .quickview-link:focus-visible {
    transform: none !important;
}

@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product .actions-secondary .quickview-link {
        opacity: 1 !important;
    }
}

/* ui-ux-pro-max §PLP-B2B-GATE — link "Faça login" touch 44px + fonte legível (vence inherit 10px) */
:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price {
    min-height: 44px !important;
    font-size: clamp(0.8125rem, 0.75rem + 0.3vw, 0.875rem) !important;
    line-height: 1.35 !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price .price-label {
    font-size: inherit !important;
    line-height: inherit !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 6px 10px !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
}

/* ── Polish 2026-06-08g — touch targets unificados (vence awa-super-global 36px) ── */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .pages .items.pages-items .item :is(a, strong),
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .pages :is(.pages-item-previous a, .pages-item-next a) {
    min-width: var(--awa-touch-target, 44px) !important;
    min-height: var(--awa-touch-target, 44px) !important;
    width: auto !important;
    height: var(--awa-touch-target, 44px) !important;
    box-sizing: border-box !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper :is(
    .filter-current .item a,
    .filter-actions a,
    .grid-mode-show-type-products a
) {
    min-height: var(--awa-touch-target, 44px) !important;
    min-width: var(--awa-touch-target, 44px) !important;
    box-sizing: border-box !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .toolbar .modes .modes-label {
    min-height: var(--awa-touch-target, 44px) !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper #layered_ajax_overlay {
    background: color-mix(in srgb, var(--awa-bg, var(--awa-bg)) 66%, transparent) !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .filter-options-content a {
    min-height: var(--awa-touch-target, 44px) !important;
}

@media (prefers-reduced-motion: reduce) {
    :is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product .product-thumb,
    :is(body.catalog-category-view, body.catalogsearch-result-index) .page-wrapper .item-product .product-thumb img {
        transition: none !important;
        transform: none !important;
    }
}

/* ── Optimize 2026-06-08h — empty-plp + global terminal lock (ex-distill-lock + ui-simplify) ── */

/* §64 — PLP/search empty state */
#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp {
  width: min(100%, 640px) !important;
  margin: var(--awa-fluid-space-lg, 24px) auto !important;
  padding: 16px !important;
  text-align: center !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(72px, 22vw, 112px) !important;
  height: clamp(72px, 22vw, 112px) !important;
  margin: 0 auto var(--awa-fluid-space-md, 16px) !important;
  color: var(--awa-text-muted, var(--awa-text-secondary)) !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 112px !important;
  max-height: 112px !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__title {
  margin: 0 0 8px !important;
  font-size: clamp(18px, 4.8vw, 24px) !important;
  line-height: 1.25 !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__desc {
  max-width: 34rem !important;
  margin: 0 auto var(--awa-fluid-space-md, 16px) !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  line-height: 1.5 !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: var(--awa-touch-min, 44px) !important;
  padding: 0 18px !important;
  border-radius: var(--awa-radius-sm, 6px) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn--primary {
  background: var(--awa-primary, var(--awa-primary)) !important;
  border: 1px solid var(--awa-primary, var(--awa-primary)) !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn--primary:hover,
#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn--primary:focus-visible {
  background: var(--awa-primary-hover, var(--awa-primary-hover)) !important;
  border-color: var(--awa-primary-hover, var(--awa-primary-hover)) !important;
  color: var(--awa-text-inverse, var(--awa-bg)) !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn--secondary {
  background: var(--awa-bg-soft, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
}

#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn--secondary:hover,
#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__btn--secondary:focus-visible {
  background: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 8%, var(--awa-bg-soft, var(--awa-bg-subtle))) !important;
  border-color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 22%, var(--awa-border, var(--awa-border))) !important;
}

@media (max-width: 480px) {
  #html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp {
    margin-block: 18px !important;
    padding-inline: 16px !important;
  }

  #html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* Global terminal lock (nav, footer, search, cookie — ex awa-bundle-async-distill-lock) */
html body#html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu .ui-menu-item.level0 > div[id^="submenu-menu-"],
html body#html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu .ui-menu-item.level0 > .level0.submenu,
html body#html-body .page-wrapper .navigation.verticalmenu.side-verticalmenu .ui-menu-item.level0 > .submenu.navigation__submenu,
html body#html-body .page-wrapper .navigation.verticalmenu .togge-menu > li.ui-menu-item.level0 > .level0.submenu,
html body#html-body .page-wrapper [id^="submenu-menu-"] {
  border: 0 !important;
  box-shadow: 0 4px 12px rgb(15 23 42 / 10%) !important;
}

html body#html-body .page-wrapper nav.fixed-bottom.hidden-sm,
html body#html-body .page-wrapper nav.fixed-bottom,
html body#html-body nav.fixed-bottom {
  border-top: 0 !important;
  box-shadow: 0 -1px 4px rgb(15 23 42 / 5%) !important;
}

html body#html-body .page-wrapper :is(.page_footer, .page-footer) :is(.awa-footer-newsletter, .footer-container .awa-footer-newsletter) :is(p.awa-newsletter-desc, h3.awa-newsletter-title) {
  color: oklch(96% 0.01 20) !important;
}

html body#html-body .pages-items :is(.page .label, a.page .label) {
  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;
}

html body#html-body .page-wrapper .awa-search-helper-copy {
  font-size: max(12px, 0.75rem) !important;
  line-height: 1.35 !important;
}

@media (min-width: 992px) {
  html body#html-body .page-wrapper #awa-search-label {
    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;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

html body#html-body .page-wrapper .action.showcart .awa-sr-only,
html body#html-body .page-wrapper .modes-mode .label,
html body#html-body .page-wrapper .modes-mode > span:not(.icon) {
  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;
}

html body#html-body #awa-cookie-banner :is(p#awa-cookie-desc, .awa-cookie-banner__text) {
  font-size: max(12px, 0.75rem) !important;
  line-height: 1.45 !important;
}

html body#html-body .page-wrapper .block-minicart .block-title {
  padding-inline: 12px !important;
  box-sizing: border-box !important;
}

html body#html-body .page-wrapper .awa-search-helper-copy[aria-hidden="true"] {
  display: none !important;
}

html body#html-body #awa-cookie-desc {
  font-size: max(12px, 0.75rem) !important;
}

/* PLP terminal lock (ex distill-lock, não duplicado em critical-fixes) */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__title {
  font-size: max(14px, 1rem) !important;
  line-height: 1.4 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__desc {
  font-size: max(13px, 0.875rem) !important;
  line-height: 1.45 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header :is(
  #awa-b2b-promo-bar,
  .top-header.awa-b2b-promo-bar,
  .awa-b2b-promo-bar[data-awa-header-utility]
) {
  background-image: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header button.awa-b2b-promo-close {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  opacity: 1 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-item .filter-options-content {
  overflow: visible !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-b2b-min-order-progress--minicart {
  padding-block-start: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-main-header__inner.wp-header {
  padding-inline: clamp(12px, 2.5vw, 16px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .columns.layout {
  padding-inline: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-item {
  padding-inline: 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .subchildmenu.navigation__inner-list {
  padding: 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-price-filter__fallback {
  font-size: max(12px, 0.875rem) !important;
}

/* ── Adapt 2026-06-08i — tablet overflow, touch, mobile filters ── */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper {
  overflow-x: clip;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  .shop-tab-select,
  .shop-tab-title,
  .product-content-right,
  .shop-tab-select .toolbar.toolbar-products,
  .shop-tab-select .toolbar.toolbar-products > .center
) {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col {
    display: grid !important;
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    gap: 0 12px !important;
    align-items: start !important;
    width: 100% !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .columns > .col-main {
    grid-column: 2 !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .columns > :first-child:not(.col-main) {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .shop-tab-select .toolbar.toolbar-products {
    flex-wrap: wrap !important;
    padding: 8px 12px !important;
    gap: 8px !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar-products :is(.sorter-options, .limiter-options) {
  min-height: var(--awa-touch-target, 44px) !important;
  box-sizing: border-box !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .sidebar-main-1 .filter-options-content .item a {
  min-height: var(--awa-touch-target, 44px) !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index):not(.awa-plp-filters-expanded) .sidebar-main-1 :is(#layered-ajax-filter-block, .block.filter) {
    display: none !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .awa-plp-b2b-gate-banner__actions {
    flex-direction: column !important;
    width: 100% !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .awa-plp-b2b-gate-banner__action {
    width: 100% !important;
  }
}

/* =============================================================================
   §97 — PLP Spacing Tight (terminal wins, 2026-06-08)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper {
  --awa-plp-shell-pad: clamp(12px, 2.5vw, 16px);
  --awa-plp-axis-gap: clamp(8px, 1.25vw, 16px);
  --awa-plp-grid-gap: clamp(8px, 1vw, 12px);
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.page-main, .page-main.container) {
  padding-inline: var(--awa-plp-shell-pad) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.nav-breadcrumbs, .nav-breadcrumbs .breadcrumbs, .nav-breadcrumbs .container) {
  padding-block: 8px !important;
  margin-block-end: 8px !important;
  min-height: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.columns.layout, .columns.layout.layout-2-col) {
  padding-inline: clamp(8px, 1.5vw, 14px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.category-view-move, .awa-category-hero) {
  margin-block-end: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__content {
  padding: 12px 16px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.shop-tab-title, .page-title-wrapper.search) {
  margin-block: 0 8px !important;
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products {
  gap: 8px !important;
  padding: 8px 12px !important;
  margin-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products > .center {
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
  margin-block-start: 12px !important;
  padding-block: 12px !important;
  gap: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products .pages {
  margin-block: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products .pages-items {
  flex-wrap: nowrap !important;
  gap: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
  margin-block: 8px !important;
  padding: 12px !important;
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__actions {
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.wrapper.grid.products-grid, .wrapper.list.products-list) {
  padding-top: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .sidebar-main-1 .block.filter {
  padding: 8px !important;
  margin-block-end: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-item {
  padding-inline: 8px !important;
  margin-block-end: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-title {
  padding-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-content {
  padding-block: 4px 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-current {
  margin-block-end: 8px !important;
  padding: 4px 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .pages {
  margin-block: 16px 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product :is(.product-info, .product-item-details) {
  gap: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .search.results .note {
  margin-block-end: 8px !important;
  padding: 4px 8px !important;
}

@media (min-width: 768px) {
  html body#html-body.catalog-category-view .page-wrapper .category-view-move .awa-category-hero {
    min-height: 128px !important;
    max-height: 128px !important;
    height: 128px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main .column.main {
    padding-top: 4px !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 {
    column-gap: var(--awa-plp-axis-gap) !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(ul.row.product-grid, ul.container-products-switch, .products-grid .product-items),
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid :is(ul.product-grid, ul.container-products-switch),
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .products-grid :is(ul.product-grid, ul.container-products-switch) {
    gap: 12px !important;
  }

  html body#html-body.catalog-category-view .page-wrapper .category-view-move .awa-category-hero {
    margin-block-end: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-title .toolbar.toolbar-products {
    margin-block-end: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products > .center {
    flex-wrap: nowrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products .toolbar-sorter.sorter {
    width: auto !important;
    flex: 0 1 auto !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products .field.limiter {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(ul.row.product-grid, ul.container-products-switch, .products-grid .product-items) {
    gap: 8px !important;
  }

  html body#html-body.catalog-category-view .page-wrapper .category-view-move .awa-category-hero {
    margin-block-end: 4px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products {
    margin: 4px 0 8px !important;
    padding: 4px 8px !important;
  }
}

/* =============================================================================
   §98 — PLP Harden (terminal wins, 2026-06-08)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  .shop-tab-select,
  .shop-tab-title,
  .toolbar.toolbar-products,
  .toolbar.toolbar-products > .center,
  .product-content-right,
  .columns.layout,
  .column.main
) {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.item-product, .product-item) {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.product-item-link, .item-product .product-name a) {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto !important;
  text-wrap: pretty !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-b2b-sku {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-b2b-sku__value {
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-plp-b2b-gate-banner__title, .awa-plp-b2b-gate-banner__desc) {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-wrap: pretty !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-title {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-content .item a {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar-amount {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-empty-plp__title, .awa-empty-plp__desc) {
  overflow-wrap: anywhere !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__title {
  text-wrap: balance !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-empty-plp__desc {
  text-wrap: pretty !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper #layered_ajax_overlay {
  pointer-events: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper #layered_ajax_overlay[aria-hidden='false'] {
  pointer-events: auto !important;
}

@media (min-width: 768px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product .product-item-link {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products > .center {
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .grid-mode-show-type-products {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
  }
}

/* =============================================================================
   §99 — PLP Polish (terminal wins, 2026-06-08)
   ============================================================================= */
@media (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) .pages {
    display: none !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .toolbar-amount {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) > .center {
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) .toolbar-sorter.sorter {
    width: auto !important;
    flex: 1 1 220px !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) .field.limiter,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) .modes {
    flex: 0 0 auto !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .grid-mode-show-type-products a {
  min-width: var(--awa-touch-target, 44px) !important;
  min-height: var(--awa-touch-target, 44px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .grid-mode-show-type-products a:focus-visible,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product :is(.product-item-link, .product-name a):focus-visible {
  outline: 2px solid var(--awa-primary, var(--awa-primary)) !important;
  outline-offset: 2px !important;
  border-radius: var(--awa-radius-xs, 6px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim > .center {
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

/* =============================================================================
   §100 — PLP Visual Standard (2026-06-08)
   Padronização: superfícies, raios, tipografia, toolbar compacto.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper {
  --awa-plp-card-radius: 8px;
  --awa-plp-chrome-radius: 8px;
  --awa-plp-hero-radius: 8px;
  --awa-modern-card-border: var(--awa-border, var(--awa-border));
  --awa-modern-card-border-hover: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 28%, var(--awa-border, var(--awa-border)));
  --awa-plp-surface: var(--awa-bg);
  --awa-plp-surface-elevated: var(--awa-bg);
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim), #layered-ajax-filter-block.block.filter, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) {
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: var(--awa-plp-chrome-radius) !important;
  background: var(--awa-plp-surface) !important;
  box-shadow: none !important;
}

html body#html-body.catalog-category-view .page-wrapper :is(.awa-category-hero, .category-view-move .awa-category-hero) {
  border-radius: var(--awa-plp-hero-radius) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
  border-radius: var(--awa-plp-chrome-radius, 8px) !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 14%, var(--awa-border, var(--awa-border))) !important;
  background: var(--awa-bg) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product {
  border: 1px solid var(--awa-modern-card-border) !important;
  border-radius: var(--awa-plp-card-radius) !important;
  background: var(--awa-plp-surface-elevated) !important;
  box-shadow: none !important;
  transition: border-color var(--awa-dur-base, 200ms) cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product:hover {
  border-color: var(--awa-modern-card-border-hover) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product .product-thumb {
  border-radius: var(--awa-plp-card-radius) var(--awa-plp-card-radius) 0 0 !important;
  overflow: hidden !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .filter-options-title {
  font-size: var(--awa-fs-sm, 13px) !important;
  font-weight: 600 !important;
  color: var(--awa-text, var(--awa-text)) !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .modes {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  max-height: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .modes .modes-label {
  font-size: var(--awa-fs-sm, 13px) !important;
  font-weight: 500 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: var(--awa-touch-target, 44px) !important;
  margin: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .modes :is(.modes-mode, .modes-mode span) {
  font-size: max(13px, var(--awa-fs-sm, 13px)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) > .center {
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) .grid-mode-show-type-products {
  flex: 0 0 auto !important;
}

@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) .pages {
    display: none !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) :is(#toolbar-amount-top, .toolbar-amount:not(#toolbar-amount-bottom)) {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product {
    transition: none !important;
  }
}

/* =============================================================================
   §101 — PLP Typeset Harden (2026-06-08)
   html=10px rem base → px/max() para copy legível na PLP.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper {
  --awa-plp-type-title: 14px;
  --awa-plp-type-body: 13px;
  --awa-plp-type-toolbar: 13px;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-plp-b2b-gate-banner__title, p.awa-plp-b2b-gate-banner__title) {
  font-size: max(var(--awa-plp-type-title), 14px) !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: var(--awa-text, var(--awa-text)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-plp-b2b-gate-banner__desc, p.awa-plp-b2b-gate-banner__desc) {
  font-size: max(var(--awa-plp-type-body), 13px) !important;
  line-height: 1.45 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .modes :is(.modes-label, .modes-mode, .modes-mode > span:not(.icon)) {
  font-size: max(var(--awa-plp-type-toolbar), 13px) !important;
  line-height: 1.25 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .modes .modes-mode {
  padding-inline: 8px !important;
  box-sizing: border-box !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-thumb {
  padding-top: 2px !important;
}

@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .filter-options-item) {
    overflow: visible !important;
  }
}

/* =============================================================================
   §102 — PLP Chrome Typeset + Card Inset (2026-06-08)
   Toolbar/filtro ainda herdavam rem→8–9px; padroniza corpo PLP em 13–14px.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .toolbar-sorter :is(.sorter-label, .sorter-options) {
  font-size: max(var(--awa-plp-type-body, 13px), 13px) !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.filter-options-title, .block.filter .filter-title strong, .block.filter .filter-subtitle) {
  font-size: max(var(--awa-plp-type-body, 13px), 13px) !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a, .product-item-link) {
  font-size: max(var(--awa-plp-type-body, 13px), 13px) !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product :is(.product-info, .product-item-details) {
  padding: 4px 8px 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim :is(.pages .item a, .pages .item.current strong) {
  font-size: max(var(--awa-plp-type-body, 13px), 13px) !important;
}

/* =============================================================================
   §103 — PLP Contract Lock (2026-06-08)
   Raios 8px unificados + tipografia hero/breadcrumb/SKU com piso em px.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.toolbar-sorter .sorter-options, .field.limiter .limiter-options, .pages .item a, .pages .item.current strong, .pages-item-next .action, .pages-item-previous .action, .wrapper.grid.products-grid .item-product :is(.btn-add-to-cart.action.tocart, .b2b-login-to-buy-btn.b2b--listing), .filter-options-content a, .awa-empty-plp__btn) {
  border-radius: var(--awa-control-radius, 4px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-b2b-gate-card--compact {
  border-radius: var(--awa-plp-card-radius, 8px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__eyebrow {
  font-size: max(11px, 0.6875rem) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__count {
  font-size: clamp(13px, 0.75rem + 0.25vw, 15px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .breadcrumbs {
  font-size: max(13px, 0.8125rem) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.awa-b2b-sku, .product-sku, .sku) {
  font-size: max(11px, 0.6875rem) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar :is(.toolbar-amount, #toolbar-amount-top, #toolbar-amount-bottom) {
  font-size: max(13px, var(--awa-plp-type-body, 13px)) !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .b2b-login-to-see-price {
  font-size: max(13px, 0.8125rem) !important;
}

/* =============================================================================
   §104 — PLP White Surfaces (2026-06-08)
   Todos os fundos da PLP → var(--awa-bg); hierarquia só por borda.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) {
  --awa-plp-final-surface: var(--awa-bg);
  --awa-plp-final-surface-soft: var(--awa-bg);
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper {
  --awa-plp-surface: var(--awa-bg);
  --awa-plp-surface-elevated: var(--awa-bg);
  --awa-bg-soft: var(--awa-bg);
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.page-main, .category-view-move, .awa-category-hero, .shop-tab-select .toolbar.toolbar-products, #layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter, .awa-plp-b2b-gate-banner, .wrapper.grid.products-grid .item-product, .wrapper.grid.products-grid .item-product .product-thumb, .awa-b2b-gate-card--compact, .filter-options-content a, .block.filter .block-title.filter-title, .grid-mode-show-type-products a, .pages .item a, .pages .item.current strong, .message.notice, .message.info, .message.warning) {
  background: var(--awa-bg) !important;
  background-color: var(--awa-bg) !important;
  background-image: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .grid-mode-show-type-products a.actived {
  background: var(--awa-bg) !important;
  border-color: var(--awa-primary, var(--awa-primary)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .b2b-login-to-see-price {
  background: var(--awa-bg) !important;
}

/* =============================================================================
   §105 — Visual Phases (2026-06-08) — PLP terminal wins
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image {
  background: var(--awa-bg) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image .awa-category-hero__bg-image {
  opacity: 0.32 !important;
  filter: saturate(0.8) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image .awa-category-hero__overlay {
  background: linear-gradient(90deg, rgb(255 255 255 / 96%) 0%, rgb(255 255 255 / 84%) 52%, rgb(255 255 255 / 42%) 100%) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image .awa-category-hero__content :is(*, h1, .awa-category-hero__title, .awa-category-hero__count, .awa-category-hero__eyebrow) {
  color: var(--awa-text-primary, var(--awa-text)) !important;
  text-shadow: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image .awa-category-hero__eyebrow {
  color: color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 72%, var(--awa-text-primary, var(--awa-text))) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image .awa-category-hero__count {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .block-title.filter-title {
  font-size: max(13px, 0.8125rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .block-title.filter-title strong {
  font-weight: inherit !important;
  color: inherit !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-current {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-current .item {
  margin: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-current .item :is(a, .filter-label) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 10px !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 8px !important;
  font-size: max(12px, 0.75rem) !important;
  line-height: 1.35 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  background: var(--awa-bg) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a, .product-item-link) {
  font-weight: 600 !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price :is(.price, .price-box .price, .special-price .price) {
  font-size: max(15px, 0.9375rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.stock.unavailable, .stock.unavailable span) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-block-start: 4px !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  font-size: max(11px, 0.6875rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  background: color-mix(in srgb, var(--awa-border, var(--awa-border)) 35%, var(--awa-bg)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim .pager:not(:has(.pages)) {
  display: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim:not(:has(.pages .pages-items)) {
  margin-block-start: 0 !important;
  margin-block-end: 8px !important;
  padding-block: 8px !important;
  border-block-start: 1px solid var(--awa-border, var(--awa-border)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim #toolbar-amount-bottom {
  font-size: max(13px, 0.8125rem) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  text-align: center !important;
}

/* =============================================================================
   §106 — Visual Phases 2 (2026-06-08)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__title {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  text-shadow: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-options-title {
  font-size: max(14px, 0.875rem) !important;
  font-weight: 600 !important;
  padding-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-options-content {
  padding-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-options-content .item a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  gap: 8px !important;
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.4 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a, .product-item-link) {
  text-decoration: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a, .product-item-link):hover {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper #layered-ajax-filter-block.block.filter,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper #layered-ajax-filter-block .filter-options-content {
    overflow: visible !important;
  }
}

/* Footer terminal wins na PLP (rem-trap html=10px) */
html body#html-body .page-wrapper :is(.page_footer, .page-footer) .awa-footer-bottom__copyright {
  font-size: max(12px, 0.75rem) !important;
  padding-inline: 16px !important;
}

html body#html-body .page-wrapper :is(.page_footer, .page-footer) :is(.awa-footer-trust-copy, .awa-footer-trust-copy span, .awa-footer-trust-copy p) {
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.45 !important;
}

html body#html-body .page-wrapper :is(.page_footer, .page-footer) .awa-footer-trust-copy strong {
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.35 !important;
}

/* =============================================================================
   §107 — PLP Visual Contract (2026-06-08)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero {
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero .awa-category-hero__title {
  font-size: clamp(18px, 1.15rem + 0.6vw, 22px) !important;
  font-weight: 700 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero .awa-category-hero__count {
  font-size: max(13px, 0.8125rem) !important;
  font-weight: 500 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .block-title.filter-title {
  display: block !important;
  padding: 12px 12px 8px !important;
  background: var(--awa-bg) !important;
  background-image: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .block-title.filter-title strong {
  font-size: max(13px, 0.8125rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-options-content .items .item a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  margin-block-end: 4px !important;
  border-radius: 8px !important;
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  background: var(--awa-bg) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) {
  font-weight: 400 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products .modes .modes-label {
  font-weight: 500 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-info, .product-item-details) {
  padding: 8px 12px 12px !important;
  gap: 8px !important;
  background: var(--awa-bg) !important;
  background-color: var(--awa-bg) !important;
  border-radius: 0 0 8px 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__title {
  font-size: max(14px, 0.875rem) !important;
  font-weight: 600 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__desc {
  font-size: max(13px, 0.8125rem) !important;
}

/* =============================================================================
   §108 — PLP Polish Terminal (2026-06-08)
   Breadcrumb tokens, filter-current white, toolbar lock, promo mobile.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs .breadcrumbs,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs .breadcrumbs .items {
  font-size: max(12px, 0.75rem) !important;
  line-height: 1.35 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs .breadcrumbs :is(.item a, .items a) {
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs .breadcrumbs :is(.item a:hover, .items a:hover) {
  color: var(--awa-primary, var(--awa-primary)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs .breadcrumbs :is(.item strong, .items strong) {
  color: var(--awa-text-primary, var(--awa-text)) !important;
  font-weight: 600 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter, .sidebar-main) .filter-current {
  background: var(--awa-bg) !important;
  background-color: var(--awa-bg) !important;
  background-image: none !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 8px !important;
  margin-block-end: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-current .filter-label {
  font-size: max(11px, 0.6875rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--awa-text-primary, var(--awa-text)) !important;
  line-height: 1.35 !important;
  margin-block-end: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .sidebar-main-1 .block.filter, .sidebar.sidebar-main .block.filter) .filter-actions .action.clear {
  font-size: max(12px, 0.75rem) !important;
  font-weight: 600 !important;
  color: var(--awa-text-secondary, var(--awa-text-secondary)) !important;
  background: var(--awa-bg) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products {
  background: var(--awa-bg) !important;
  background-color: var(--awa-bg) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header :is(#awa-b2b-promo-bar, .awa-b2b-promo-bar) :is(.awa-b2b-promo-bar__text, .awa-b2b-promo-bar__inner, .awa-b2b-promo-bar__cta, .awa-b2b-promo-bar__lead, .awa-b2b-promo-bar__tail, .awa-b2b-promo-bar__separator) {
    font-size: max(13px, 0.8125rem) !important;
    line-height: 1.35 !important;
  }
}

/* =============================================================================
   §109 — PLP Fix All (2026-06-08)
   ============================================================================= */
@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col {
    grid-template-areas:
      'plp-banner  plp-banner'
      'plp-head    plp-head'
      'plp-b2b     plp-b2b'
      'plp-toolbar plp-toolbar'
      'plp-side    plp-main'
      'plp-side    plp-foot' !important;
    align-items: start !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col > :first-child:not(.col-main) {
    grid-row: plp-side / plp-foot !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
    grid-area: plp-b2b !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .col-main .product-content-right > .row {
    grid-area: plp-foot !important;
    margin-block-start: 4px !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(ul.row.product-grid, ul.container-products-switch, .wrapper.grid.products-grid ul.product-grid, .wrapper.grid.products-grid ul.container-products-switch) {
  min-height: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.columns.layout, .page-main) {
  background: var(--awa-bg) !important;
  background-color: var(--awa-bg) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .banner_left_2 {
  display: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-item {
  border-radius: 8px !important;
  background: var(--awa-bg) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-content .items .item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-current .item {
  background: var(--awa-bg) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-radius: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name a, .product-item-name a, .product-item-link) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  max-height: 2.7em !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .b2b-login-to-see-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 35%, var(--awa-border, var(--awa-border))) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  background: var(--awa-bg) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-image-photo.awa-no-image,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-image-photo[src*="placeholder"] {
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
}

/* Shimmer skeleton: parar animação infinita após imagem carregar */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper [data-awa-thumb-stabilized="true"]::before {
  pointer-events: none;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  [data-awa-thumb-stabilized="true"].awa-thumb-ready,
  [data-awa-thumb-stabilized="true"]:has(img.awa-loaded)
)::before {
  display: none !important;
  animation: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* Second-thumb quebrado (_3.jpg inexistente): sem swap no hover — evita flicker em loop */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .product-thumb[data-no-swap="true"] .second-thumb {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .product-thumb[data-no-swap="true"] .first-thumb,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .product-thumb[data-no-swap="true"]:hover .first-thumb {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* §112 — Lazy global opacity:0 não esconde fotos de produto na PLP */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product .product-thumb :is(img.product-image-photo, img)[loading="lazy"] {
  opacity: 1 !important;
  visibility: visible !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .item-product .product-thumb :is(img.product-image-photo, img).awa-loaded {
  animation: none !important;
}

/* §114 — PLP B2B: imagens estáticas (sem swap, zoom, shimmer ou transição) */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-thumb :is(
  .first-thumb,
  .second-thumb,
  img.product-image-photo,
  img
) {
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-thumb .second-thumb {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(:hover, :focus-within) .product-thumb .first-thumb {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(:hover, :focus-within) .product-thumb img {
  transform: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper [data-awa-thumb-stabilized="true"]::before {
  display: none !important;
  animation: none !important;
  content: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim:not(:has(.pages .pages-items)) {
  margin-block-start: 8px !important;
  padding-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header :is(
  .awa-professional-search input#search.awa-search-input--clearable,
  .awa-header-search-col input#search,
  form#search_mini_form input#search
) {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid {
  padding-bottom: 8px !important;
}

/* =============================================================================
   §110 — PLP Refine Terminal (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header :is(
  .awa-professional-search input#search.awa-search-input--clearable,
  .awa-header-search-col input#search,
  form#search_mini_form input#search
) {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .block-title.filter-title {
  margin-block-end: 8px !important;
  padding-block-end: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-item {
  border-color: var(--awa-border, var(--awa-border)) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(
  .awa-b2b-sku,
  .awa-b2b-sku__label,
  .awa-b2b-sku__value
) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  .products-grid,
  .wrapper.grid.products-grid
) .item-product .info-price .b2b-login-to-see-price {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  background: var(--awa-bg) !important;
  background-image: none !important;
  border: 1px solid color-mix(in srgb, var(--awa-primary, var(--awa-primary)) 35%, var(--awa-border, var(--awa-border))) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  .products-grid,
  .wrapper.grid.products-grid
) .item-product .info-price .b2b-login-to-see-price::before {
  display: none !important;
  content: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  .products-grid,
  .wrapper.grid.products-grid
) .item-product .info-price .b2b-login-to-see-price .price-label {
  display: contents !important;
  font-size: inherit !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  .products-grid,
  .wrapper.grid.products-grid
) .item-product .info-price .b2b-login-to-see-price :is(a, .price-label a) {
  width: 100% !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--awa-primary, var(--awa-primary)) !important;
  background: transparent !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid {
  padding-bottom: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .col-main .product-content-right > .row {
  margin-block-start: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
  margin-block: 4px 8px !important;
}

/* =============================================================================
   §111 — Sidebar compacta + badges 12px (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .widget {
  margin-block-end: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .widget-title {
  margin-block-start: 8px !important;
  margin-block-end: 4px !important;
  font-size: 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-current {
  padding: 6px 8px !important;
  margin-block-end: 6px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-current .items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-actions {
  margin-block: 4px 0 !important;
  padding-block-end: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-actions .action.clear {
  margin-block-start: 4px !important;
  min-height: 36px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .block-title.filter-title {
  margin-block: 8px !important;
  padding: 8px 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .block-title.filter-title strong {
  min-height: 36px !important;
  font-size: 13px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .awa-filter-badge {
  font-size: 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-content .count {
  font-size: 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-item {
  padding-block-start: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-title {
  min-height: 36px !important;
  padding-block: 6px 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__badge {
  font-size: 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-current .filter-label {
  font-size: 12px !important;
}

@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
    margin-block: 0 8px !important;
  }
}

/* =============================================================================
   §113 — Filtro grid 8px + slider preço 12px + pager ritmo (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .block-content {
  display: grid !important;
  gap: 8px !important;
  padding-block-end: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .block-title.filter-title {
  margin-block: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) :is(
  .irs-min,
  .irs-max,
  .irs-from,
  .irs-to,
  .irs-single,
  .irs-grid-text
) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__eyebrow {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  margin-block-start: 0 !important;
  margin-block-end: 8px !important;
  padding-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim :is(.pages, .pages-items, > .center) {
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price {
  gap: 4px !important;
  padding-block-start: 4px !important;
}

/* =============================================================================
   §115 — Cards estáticos completos + badges 12px + toolbar ritmo final (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-thumb {
  transition: none !important;
  transform: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product:hover .product-thumb {
  transition: none !important;
  transform: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.hot-onsale .onsale, .hot-onsale .onsale .sale-text, .hot-onsale .new-lable) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product > .product-info {
  gap: 8px !important;
  padding: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .col-main .product-content-right > .row .toolbar.toolbar-products.toolbar-products--bottom-slim {
  margin: 0 0 8px 0 !important;
  margin-block: 0 8px !important;
  padding-block: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim :is(.pages .item a, .pages .item.current strong) {
  min-height: 44px !important;
  min-width: 44px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* =============================================================================
   §116 — Contrato terminal: radius 8px, gap 16px, tipografia px, sem motion (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product {
  border-radius: var(--awa-plp-card-radius, 8px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product > :is(.product-thumb, .product-info) {
  border-radius: var(--awa-plp-card-radius, 8px) !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-thumb,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .product-thumb :is(img, .first-thumb, .second-thumb, .product-image-wrapper) {
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .col-main .product-content-right > .row {
  margin-block-end: 0 !important;
  row-gap: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .col-main .product-content-right > .row .toolbar.toolbar-products.toolbar-products--bottom-slim {
  margin: 0 0 8px 0 !important;
  margin-block: 0 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.stock.unavailable, .stock.unavailable span) {
  font-size: 12px !important;
  border-radius: 8px !important;
}

@media (min-width: 768px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(
    .product-name,
    .product-item-name,
    .product-name a,
    .product-item-name a,
    .product-item-link
  ) {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

/* =============================================================================
   §117 — Filtro strong reset + chrome 13px + hero/breadcrumb ritmo (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  #layered-ajax-filter-block,
  .sidebar-main-1 .block.filter,
  .sidebar.sidebar-main .block.filter,
  .block.filter
) .block-title.filter-title {
  padding: 8px 12px !important;
  margin-block: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  #layered-ajax-filter-block,
  .sidebar-main-1 .block.filter,
  .sidebar.sidebar-main .block.filter,
  .block.filter
) .block-title.filter-title strong {
  margin: 0 !important;
  margin-block: 0 !important;
  padding: 0 !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-title {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero .awa-category-hero__count {
  margin-block-end: 8px !important;
  margin-bottom: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .breadcrumbs,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .breadcrumbs :is(.items, .item, a, strong) {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) {
  font-size: 13px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.product-name, .product-item-name) {
  margin-block-end: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header #search_mini_form label.label,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header #awa-search-label {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header #search_mini_form label.label {
    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;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

/* =============================================================================
   §118 — Card rhythm 4px + mobile 13px + header chrome 12px (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product > .product-info {
  gap: 4px !important;
  padding: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(
  h2.product-name,
  h3.product-name,
  .product-name,
  .product-item-name
) {
  margin: 0 0 4px 0 !important;
  margin-block: 0 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(
  .product-name a,
  .product-item-name a,
  .product-item-link
) {
  margin: 0 !important;
  margin-block: 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(.awa-b2b-sku, .product-sku, .sku) {
  margin-block: 0 4px !important;
  margin-top: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price {
  gap: 4px !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price {
  margin-block-start: 0 !important;
  min-height: 36px !important;
  padding: 6px 12px !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product :is(
    .product-name,
    .product-item-name,
    .product-name a,
    .product-item-name a,
    .product-item-link
  ) {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) :is(
  #awa-b2b-promo-bar,
  #awa-b2b-promo-bar .awa-b2b-promo-bar__inner,
  #awa-b2b-promo-bar .awa-b2b-promo-bar__text,
  #awa-b2b-promo-bar .awa-b2b-promo-bar__cta
) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header :is(
  nav.awa-nav-categories,
  nav.navigation.verticalmenu,
  .sections.nav-sections,
  .sections.nav-sections a
) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-site-header .minicart-wrapper :is(.action.showcart, .counter-label, .text) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
  margin-block: 8px !important;
  padding: 8px 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-plp-b2b-gate-banner__title, p.awa-plp-b2b-gate-banner__title) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin-block-end: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-plp-b2b-gate-banner__desc, p.awa-plp-b2b-gate-banner__desc) {
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* =============================================================================
   §119 — Grid gap 12/8px + footer 12px + mobile pager ritmo (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid {
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
  ul.row.product-grid,
  ul.container-products-switch,
  .wrapper.grid.products-grid ul.product-grid,
  .wrapper.grid.products-grid ul.container-products-switch,
  .products-grid .product-items
) {
  gap: 12px !important;
  row-gap: 12px !important;
  column-gap: 12px !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(
    ul.row.product-grid,
    ul.container-products-switch,
    .wrapper.grid.products-grid ul.product-grid,
    .wrapper.grid.products-grid ul.container-products-switch,
    .products-grid .product-items
  ) {
    gap: 8px !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product {
    padding-block-end: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
    min-height: 36px !important;
    margin-block-start: 8px !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.page_footer, .page-footer) :is(
  .awa-footer-trust-item,
  .awa-footer-trust-copy,
  .awa-footer-trust-copy span,
  .awa-footer-trust-copy p,
  .awa-footer-trust-copy strong,
  .awa-footer-pay-sec,
  .awa-footer-pay-sec .awa-footer-pay-label,
  .awa-footer-sec,
  .awa-footer-sec .awa-footer-sec-label,
  .awa-footer-bottom,
  .awa-footer-bottom__copyright,
  .awa-footer-newsletter :is(p, span, label, h3, .awa-newsletter-desc, .awa-newsletter-title)
) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* =============================================================================
   §120 — Touch 44px + radius 8px chrome + col-gap 12px + CTA 44px (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper {
  --awa-plp-axis-gap: 12px;
  --awa-plp-hero-radius: 8px;
  --awa-layout-gap-inline: 12px;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar-products :is(.sorter-options, .limiter-options) {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 4px !important;
  line-height: 1.35 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar .modes :is(.modes-mode, .modes-mode.active) {
  min-height: 44px !important;
  min-width: 44px !important;
  border-radius: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .grid-mode-show-type-products a {
  border-radius: 8px !important;
}

@media (min-width: 992px) {
  html body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5):not(.checkout-index-index):not(.onepagecheckout-index-index):is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col {
    column-gap: 12px !important;
    row-gap: 0 !important;
    gap: 0 12px !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index).catalog-category-view .page-wrapper .category-view-move .awa-category-hero,
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.awa-category-hero, .category-view-move .awa-category-hero) {
  border-radius: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price {
  min-height: 44px !important;
  padding: 8px 12px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product .info-price .b2b-login-to-see-price :is(a, .price-label a) {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-content .count {
  font-size: 12px !important;
  line-height: 1.35 !important;
  min-height: 20px !important;
  padding: 2px 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__action {
  min-height: 44px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* =============================================================================
   §121 — Chrome radius 8px unificado (gate + mensagens) (2026-06-09)
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
  border-radius: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(.message.notice, .message.info, .message.warning) {
  border-radius: 8px !important;
}

@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .toolbar.toolbar-products--bottom-slim {
    min-height: 44px !important;
    padding-block: 4px !important;
    margin-block-start: 8px !important;
  }
}

/* =============================================================================
   §122 — Gate mobile compacto + toolbar 52px + breadcrumb fluido (2026-06-09)
   Corrige flex 1 1 12rem (120px com html 10px) no título do gate B2B.
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner :is(.awa-plp-b2b-gate-banner__title, p.awa-plp-b2b-gate-banner__title) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin-block-end: 4px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner :is(.awa-plp-b2b-gate-banner__desc, p.awa-plp-b2b-gate-banner__desc) {
  flex: 1 1 100% !important;
  min-height: 0 !important;
}

/* =============================================================================
   §122b — Gate tablet/desktop: título e descrição sobrepostos (2026-07-08)
   O container é display:flex sem flex-wrap fora do breakpoint mobile (<=767px),
   então "flex: 1 1 auto" (título) + "flex: 1 1 100%" (descrição) ficam na mesma
   linha e o título, espremido por min-width:0, estoura seu texto sobre a
   descrição. Reaplica o mesmo flex-wrap já usado no mobile para tablet/desktop.
   ============================================================================= */
@media (min-width: 768px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs {
  min-height: 0 !important;
  height: auto !important;
}

@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) {
    min-height: 52px !important;
    max-height: 56px !important;
    padding-block: 4px !important;
    align-items: center !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .shop-tab-select .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) > .center {
    align-items: center !important;
    min-height: 44px !important;
  }
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 8px 12px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__action {
    flex: 1 1 calc(50% - 4px) !important;
    width: auto !important;
    min-height: 44px !important;
    justify-content: center !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs {
    padding-block: 6px !important;
    margin-block-end: 6px !important;
  }
}

/* §SEARCH-SURFACE-TERMINAL — última camada busca (2026-06-09, alinha §116) */
html body#html-body.catalogsearch-result-index
  .page-wrapper
  .page-title-wrapper
  :is(.page-title, .page-title .base, h1) {
  font-size: clamp(22px, 2vw, 28px) !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  color: var(--awa-text, var(--awa-text-primary)) !important;
}

html body#html-body.catalogsearch-result-index
  .page-wrapper
  .page-title
  .base {
  color: var(--awa-text, var(--awa-text-primary)) !important;
}

html body#html-body.catalogsearch-result-index
  .page-wrapper
  :is(.message.notice, .message.info.empty, .search.no-results .message.notice) {
  border-radius: 8px !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
  border-left-width: 1px !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
}

html body#html-body.catalogsearch-result-index
  .page-wrapper
  .search.no-results
  .message.notice::before {
  display: none !important;
  content: none !important;
}

html body#html-body.catalogsearch-result-index
  .page-wrapper
  .search-terms-popular
  a {
  border-radius: 8px !important;
  background: var(--awa-bg-soft, var(--awa-bg-subtle)) !important;
  border: 1px solid var(--awa-border, var(--awa-border)) !important;
}

html body#html-body.catalogsearch-result-index
  .page-wrapper
  .toolbar.toolbar-products
  .toolbar-amount {
  text-transform: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* =============================================================================
   §123 — Breadcrumb shell único + gate grid mobile + card gap 8px (2026-06-09)
   Elimina double-margin breadcrumb (~118px) e botões gate com wrap (69px/linha).
   ============================================================================= */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs {
  padding-block: 0 !important;
  margin-block: 4px 6px !important;
  min-height: 0 !important;
  height: auto !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs :is(.container, .row, .col-sm-12) {
  padding: 0 !important;
  margin: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .nav-breadcrumbs .breadcrumbs {
  padding: 6px 10px !important;
  margin: 0 !important;
  min-height: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product > .product-info {
  gap: 8px !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .wrapper.grid.products-grid .item-product > .product-info :is(
  h2.product-name,
  h3.product-name,
  .product-name,
  .product-item-name,
  .awa-b2b-sku,
  .product-sku,
  .sku
) {
  margin-block: 0 !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "badge title"
      "desc desc"
      "actions actions";
    align-items: start !important;
    gap: 6px 8px !important;
    padding: 8px 12px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__badge {
    grid-area: badge;
    align-self: center;
    margin: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__title {
    grid-area: title;
    align-self: center;
    margin: 0 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__desc {
    grid-area: desc;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__actions {
    grid-area: actions;
    flex-direction: row !important;
    gap: 8px !important;
    width: 100% !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-plp-b2b-gate-banner__action {
    flex: 1 1 calc(50% - 4px) !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 8px 6px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* =============================================================================
   §124 — Hero mobile content-fit + tablet gap 12px + filtro touch 44px (2026-06-09)
   Corrige hero 50px cortando título/contagem; alinha tablet ao contrato 12px.
   ============================================================================= */
@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index).catalog-category-view .page-wrapper .category-view-move .awa-category-hero,
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .category-view-move .awa-category-hero {
    height: auto !important;
    /* 96px: conteúdo do hero ocupa ~84px; 64px clipava o título no mobile */
    min-height: 96px !important;
    max-height: 96px !important;
    overflow: hidden !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__content {
    padding: 8px 12px !important;
    gap: 2px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero--has-image .awa-category-hero__bg-image {
    max-height: 96px !important;
    min-height: 96px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .awa-category-hero__count {
    margin-block-start: 2px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-title {
    min-height: 44px !important;
    padding-block: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .filter-options-content a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper :is(#layered-ajax-filter-block, .block.filter) .block-title.filter-title strong {
    min-height: 44px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index) .page-wrapper .page-main > .columns.layout.layout-2-col {
    column-gap: 12px !important;
    gap: 0 12px !important;
  }
}

/* =============================================================================
   §125 — PLP terminal wins: gate CTA legível + títulos produto (2026-06-09)
   Vence §100 interaction-state (links prose !important em .column.main).
   ============================================================================= */
html body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5):is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.column.main, .col-main)
  .awa-plp-b2b-gate-banner
  .awa-plp-b2b-gate-banner__action--primary {
  background: var(--awa-primary, var(--awa-primary)) !important;
  color: var(--awa-bg) !important;
  -webkit-text-fill-color: var(--awa-bg) !important;
  text-decoration: none !important;
  border: 1px solid var(--awa-primary, var(--awa-primary)) !important;
}

html body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5):is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.column.main, .col-main)
  .awa-plp-b2b-gate-banner
  .awa-plp-b2b-gate-banner__action--primary:hover,
html body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5):is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.column.main, .col-main)
  .awa-plp-b2b-gate-banner
  .awa-plp-b2b-gate-banner__action--primary:focus-visible {
  background: var(--awa-primary-dark, var(--awa-primary-hover)) !important;
  color: var(--awa-bg) !important;
  -webkit-text-fill-color: var(--awa-bg) !important;
  text-decoration: none !important;
}

html body#html-body:not(.cms-index-index):not(.cms-home):not(.cms-homepage_ayo_home5):is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  :is(.column.main, .col-main)
  .awa-plp-b2b-gate-banner
  .awa-plp-b2b-gate-banner__action--secondary {
  text-decoration: none !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  :is(.product-item-link, .product-name a, .product-item-name a) {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: none !important;
  min-height: calc(1.35em * 2) !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  text-underline-offset: unset !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* =============================================================================
   §126 — Hero content-fit + mobile titles + paginação numérica (2026-06-09)
   Vence styles-l 160px rígido; watermark legível sem faixa branca vazia.
   ============================================================================= */
@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index).catalog-category-view
    .page-wrapper
    .category-view-move
    .awa-category-hero {
    height: auto !important;
    min-height: 88px !important;
    max-height: 132px !important;
    margin-block-end: 8px !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index).catalog-category-view
    .page-wrapper
    .category-view-move
    .awa-category-hero
    .awa-category-hero__bg-image {
    max-height: 132px !important;
    object-position: center 35% !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .category-view-move {
  height: auto !important;
  min-height: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .awa-category-hero__content {
  gap: 2px !important;
  align-items: flex-start !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .pages
  :is(.label, .pages-label, .item .label, a .label, strong .label) {
  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;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .pages
  :is(.item a, .item strong.page) {
  min-width: 44px !important;
  min-height: 44px !important;
  font-variant-numeric: tabular-nums !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .wrapper.grid.products-grid
    :is(.item-product, .product-item)
    :is(h3.product-name, .product-item-name, .product-name) {
    height: auto !important;
    min-height: calc(1.35em * 2) !important;
    max-height: none !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .wrapper.grid.products-grid
    :is(.item-product, .product-item)
    :is(h3.product-name a, .product-item-link, .product-name a) {
    font-size: max(12px, 0.8125rem) !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    max-height: none !important;
  }
}

/* =============================================================================
   §123 — Toolbar desktop ≤56px + pager 44px + type 13px (2026-06-10, terminal)
   html=10px: px explícito vence rem herdado de bundles legados.
   ============================================================================= */
@media (min-width: 992px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim) {
    padding: 6px 12px !important;
    font-size: 13px !important;
    min-height: 0 !important;
    max-height: 56px !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .shop-tab-select
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
    .modes
    .modes-label {
    font-size: 13px !important;
  }
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  .pages
  :is(.item a, .item.current strong, .pages-item-next .action, .pages-item-previous .action) {
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Autopilot 2026-07-03: PLP/search tablet exposed #sorter at 26px wide.
   Keep the compact toolbar, but preserve the WCAG touch/click target. */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  :is(.toolbar-sorter .sorter-options, .field.limiter .limiter-options) {
  min-width: 112px !important; /* wins against legacy compact toolbar width */
  width: auto !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding-inline: 12px 32px !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
    .page-wrapper
    .toolbar.toolbar-products:not(.toolbar-products--bottom-slim)
    .toolbar-sorter.sorter {
    flex: 1 1 260px !important; /* room for label + readable select */
    min-width: 260px !important;
  }
}

/* Autopilot 2026-07-03: product cards and grid-mode buttons were visually
   compact but exposed <44px clickable targets on PLP/search. */
html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .wrapper.grid.products-grid
  .item-product
  :is(.product-name a, .product-item-name a, .product-item-link) {
  display: -webkit-box !important;
  min-height: 44px !important;
  line-height: 1.35 !important;
  padding-block: 2px !important;
  box-sizing: border-box !important;
}

html body#html-body:is(.catalog-category-view, .catalogsearch-result-index)
  .page-wrapper
  .toolbar.toolbar-products
  :is([class^="grid-mode-"], [class*=" grid-mode-"]) {
  min-width: 44px !important;
  width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}