/*
 Theme Name:   Peptídeos do Brasil Child
 Theme URI:    https://peptideosdobrasil.com.br
 Description:  Child theme do WoodMart para Peptídeos do Brasil
 Author:       HEX
 Template:     woodmart
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  peptideosdobrasil
*/


/* ============================================================
   COLOR-LINE (borda animada abaixo do header)
   Capturada da referencia live peptideosdobrasil.com.br
   Cores bandeira do Brasil: verde -> amarelo -> azul
   5px, linear-gradient animado 5s
   ============================================================ */
@keyframes rgbAnimation {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}
.whb-header { position: relative; }
.whb-header .whb-main-header { margin-bottom: 22px; }
.whb-header::after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background-image: linear-gradient(90deg, rgb(0,151,57) 0%, rgb(255,223,0) 50%, rgb(0,39,118) 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: rgbAnimation 5s ease infinite;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* ============================================================
   MENU PRINCIPAL - tipografia referencia Shopify live
   Top-level: 17px / #677279 / weight 400 / Roboto
   Hover top-level: #202020
   Dropdown item: 17px / #677279 / weight 400
   ============================================================ */
.whb-header .wd-header-nav .item-level-0 > a,
.whb-header .wd-nav .item-level-0 > a {
  font-size: 17px !important;
  color: #677279 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  font-family: "Roboto", sans-serif !important;
}
.whb-header .wd-header-nav .item-level-0 > a:hover {
  color: #202020 !important;
}
.whb-header .wd-dropdown-menu .item-level-1 > a,
.whb-header .wd-dropdown-menu .item-level-2 > a {
  font-size: 17px !important;
  color: #677279 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  font-family: "Roboto", sans-serif !important;
}

/* ============================================================
   HEADER NAV - neutralizar wd-close-side overlay (trava visual)
   Quando hover em Por Marca (#menu-item-1141), overlay some.
   ============================================================ */
body:has(#menu-item-1141.item-level-0.wd-event-hover:hover) .wd-close-side.wd-close-side-opened.wd-location-header {
  background-color: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ============================================================
   BANNER HOME - full-width SEM 100vh (causava gap branco)
   Imagem estica 100vw com altura natural.
   Se a imagem tem aspect ratio 2.5:1, em 1440px fica 576px.
   ============================================================ */
.elementor-512 > .elementor-element-home-banner {
  display: block !important;
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  min-height: 0 !important;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  --width: 100% !important;
  overflow: hidden;
  box-sizing: border-box;
}
.elementor-512 > .elementor-element-home-banner > .elementor-widget-wrap,
.elementor-512 > .elementor-element-home-banner .elementor-widget-image,
.elementor-512 > .elementor-element-home-banner .elementor-widget-image .elementor-widget-container,
.elementor-512 > .elementor-element-home-banner .elementor-widget-image a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.elementor-512 > .elementor-element-home-banner img {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Zerar gap entre color-line e banner */
.main-page-wrapper,
.wd-page-content,
.wd-content-layout.container,
.wd-content-area,
.site-content,
article#post-512,
article.entry-content,
.elementor.elementor-512,
#main-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* === HOME: grid de produtos 100% largura === */
.elementor-element-home-destaques-products,
.elementor-element-home-destaques-products .elementor-widget-container,
.elementor-element-home-destaques-products .wd-products-element {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.elementor-element-home-destaques-products .products.wd-products {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 20px !important;
  row-gap: 30px !important;
}

/* === HOME: 2 outros grids de produtos (blends, canetas) === */
.elementor-element-home-blends-products,
.elementor-element-home-blends-products .elementor-widget-container,
.elementor-element-home-blends-products .wd-products-element,
.elementor-element-home-canetas-products,
.elementor-element-home-canetas-products .elementor-widget-container,
.elementor-element-home-canetas-products .wd-products-element {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.elementor-element-home-blends-products .products.wd-products,
.elementor-element-home-canetas-products .products.wd-products {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 20px !important;
  row-gap: 30px !important;
}


/* === HOME: e-con dos grids em column pra liberar largura dos widgets === */
.elementor-element-home-destaques,
.elementor-element-home-blends,
.elementor-element-home-canetas {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  position: relative !important;
}

/* === HOME: padding-top Blends/Canetas (ref Shopify ~y=200/100) === */
.elementor-element-home-blends,
.elementor-element-home-canetas {
  padding-top: 100px !important;
}
.elementor-element-home-destaques-title,
.elementor-element-home-destaques-vertodos,
.elementor-element-home-destaques-products,
.elementor-element-home-blends-title,
.elementor-element-home-blends-vertodos,
.elementor-element-home-blends-products,
.elementor-element-home-canetas-title,
.elementor-element-home-canetas-vertodos,
.elementor-element-home-canetas-products {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.elementor-element-home-destaques-title,
.elementor-element-home-blends-title,
.elementor-element-home-canetas-title {
  position: relative !important;
}
.elementor-element-home-destaques-vertodos,
.elementor-element-home-blends-vertodos,
.elementor-element-home-canetas-vertodos {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5;
}
.elementor-element-home-destaques-vertodos .elementor-widget-container,
.elementor-element-home-blends-vertodos .elementor-widget-container,
.elementor-element-home-destaques-vertodos .elementor-widget-container,
.elementor-element-home-canetas-vertodos .elementor-widget-container,
.elementor-element-home-destaques-vertodos a.elementor-button,
.elementor-element-home-blends-vertodos a.elementor-button,
.elementor-element-home-destaques-vertodos a.elementor-button,
.elementor-element-home-canetas-vertodos a.elementor-button {
  width: auto !important;
  max-width: none !important;
  display: inline-block !important;
}

/* === REMOVER FAVORITOS (WISHLIST) DE TODOS OS PRODUTOS === */
.wd-wishlist-btn,
a[href*="/wishlist/"][data-product-id],
.add_to_wishlist,
.yith-wcwl-add-to-wishlist {
  display: none !important;
}

/* === TAMBÉM DESLIGAR QUICK VIEW E COMPARE === */
.wd-compare-btn,
.wd-quick-view-btn,
.wd-compare-icon,
.wd-quick-view-icon {
  display: none !important;
}

/* === HOME: estilo titulos + ver todos (referência Shopify) === */
.elementor-element-home-destaques-title .wd-title .title-title,
.elementor-element-home-destaques-title .wd-title .title-title > *,
.elementor-element-home-blends-title .wd-title .title-title,
.elementor-element-home-blends-title .wd-title .title-title > *,
.elementor-element-home-canetas-title .wd-title .title-title,
.elementor-element-home-canetas-title .wd-title .title-title > * {
  font-family: "Roboto", sans-serif !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  color: #677279 !important;
  line-height: 34.5px !important;
  text-transform: none !important;
}
.elementor-element-home-blends-vertodos .wd-button .wd-btn-text,
.elementor-element-home-blends-vertodos a.wd-btn,
.elementor-element-home-blends-vertodos .wd-btn,
.elementor-element-home-destaques-vertodos .wd-btn,
.elementor-element-home-canetas-vertodos .wd-button .wd-btn-text,
.elementor-element-home-canetas-vertodos a.wd-btn,
.elementor-element-home-canetas-vertodos .wd-btn {
  font-family: "Roboto", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #202020 !important;
  text-decoration: none !important;
  text-transform: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* === HOME: estilo titulos + ver todos v2 (seletores reais) === */
.elementor-element-home-destaques-title h4.woodmart-title-container.title,
.elementor-element-home-blends-title h4.woodmart-title-container.title,
.elementor-element-home-canetas-title h4.woodmart-title-container.title {
  font-family: "Roboto", sans-serif !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  color: #677279 !important;
  line-height: 34.5px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.elementor-element-home-blends-vertodos a.btn-style-link .wd-btn-text,
.elementor-element-home-destaques-vertodos a.btn-style-link .wd-btn-text,
.elementor-element-home-canetas-vertodos a.btn-style-link .wd-btn-text {
  font-family: "Roboto", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #202020 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* === HOME: margem lateral dos titulos (x=40 match Shopify) === */
.elementor-element-home-destaques-title .title-wrapper,
.elementor-element-home-blends-title .title-wrapper,
.elementor-element-home-canetas-title .title-wrapper {
  padding-left: 25px;
}

/* === HOME: padding-top/bottom para criar gap entre sections (match Shopify) === */
.elementor-element-home-destaques,
.elementor-element-home-blends,
.elementor-element-home-canetas {
  padding-top: 100px !important;
  padding-bottom: 80px !important;
}

/* === HOME: card visual igual Shopify (border-radius 18, padding 22, sombra, fundo branco) === */
.wd-product-wrapper.product-wrapper {
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 15px -20px rgba(103, 114, 121, 1) !important;
  padding: 22px !important;
}

/* === HOME: desligar animacao hover do card === */
.wd-product,
.wd-product .wd-product-wrapper,
.product-grid-item,
.wd-hover-buttons-on-hover {
  transition: none !important;
  transform: none !important;
}
.wd-product:hover .wd-product-wrapper,
.product-grid-item:hover {
  transform: none !important;
  box-shadow: 0 10px 15px -20px rgba(103, 114, 121, 1) !important;
}

/* === HOME: background do content area igual Shopify (#f9f9f9) === */
.wd-page-content.main-page-wrapper {
  background-color: #f9f9f9 !important;
}

/* === HOME: desligar animação hover do product-element-bottom === */
.product-element-bottom {
  transition: none !important;
  transform: none !important;
}
.wd-product:hover .product-element-bottom,
.product-grid-item:hover .product-element-bottom {
  transform: none !important;
}

/* === HOME: card do produto - esconder categoria tag (mostrar brand no lugar) === */
.wd-product-cats {
  display: none !important;
}

/* === HOME: card - estilo PIX cash (cinza pequeno) === */
.pdb-pix-cash {
  font-size: 13px !important;
  color: #16A34A !important;
  margin-top: 4px !important;
  font-weight: 600 !important;
}
.pdb-pix-cash strong {
  font-weight: 600 !important;
}
/* === CARD: valor PIX Amazon-style (valor grande verde, rótulo cinza via ::after) === */
.pdb-pix-cash strong {
  font-size: 22px;
  color: #1E8E3E;
}
.pdb-pix-cash::after {
  content: "À vista no PIX";
  font-size: 14px;
  color: #8A8F94;
  font-weight: 400;
  display: block;
}
/* === CARD: 1. Brand estilo Shopify (14px/400 #677279 UPPERCASE) === */
.wd-product-brands-links {
  color: #677279 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 0 6px !important;
}

/* === CARD: 2. Título produto #202020 === */
.wd-entities-title a {
  color: #202020 !important;
}

/* === CARD: 3. Preço highlight verde Shopify (22px/700 #16A34A) === */
.wd-product .price {
  color: #FF6A00 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* === CARD: 4. PIX margin 5px 0 === */
.pdb-pix-cash { margin: 5px 0 !important; }

/* === CARD: 5. Botão add to cart (escondido padrão, hover visível) === */
.wd-add-btn {
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}
.wd-product:hover .wd-add-btn,
.wd-product:focus-within .wd-add-btn {
  opacity: 1 !important;
}
.add_to_cart_button, .wd-add-to-cart {
  background-color: #009739 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* === CARD: 6. Estoque "Em estoque" com bolinha verde === */
.wd-product-stock {
  color: #16A34A !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  position: static !important;
  padding-left: 0 !important;
  margin-top: 4px !important;
  display: block !important;
}
.wd-product-stock::before {
  display: none !important;
}

/* === CARD: 7. Badge desconto "X% OFF" estilo Shopify === */
.wd-onsale, .onsale {
  background-color: #FF6A00 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 10px !important;
  border-radius: 12px !important;
  position: static !important;
  display: inline-block !important;
}
/* === CARD: brand ANTES do nome (order -1 dentro do .product-element-bottom flex column) === */
.wd-product .product-element-bottom .wd-product-brands-links {
  order: -1 !important;
}

/* === CARD: botão Adicionar sempre visível (sem hover toggle) === */
.wd-add-btn {
  opacity: 1 !important;
  transition: none !important;
}

/* === CARD: esconder badge nativo -X% do WoodMart (mantém X% OFF do pdb-sale-badge-text) === */
.product-labels .onsale.product-label.wd-shape-round-sm {
  /* display:none removido (2026-10-08): badge WoodMart native agora visível com estilo Amazon */
}

/* 2026-10-10: ocultar badge duplicado (filho direto do thumb); manter o de .product-labels (topo-esq) = Amazon */
.wd-product-thumb > .onsale.product-label { display:none !important; }

/* ============================================================
   AMZ FOOTER (cms_block 1696 elementor) — réplicas AMZ (#1/#2/#3)
   Origem: web/app/themes/amazonpeptideos-child/style.css (linhas 281-340)
   SEM font-family (mantém fonte do tema PDB)
   ============================================================ */

/* #1 — .footer-grid: 3 colunas no mesmo top (vence flex-wrap que quebrava col3) */
.amz-footer .footer-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 48px 40px !important;
  padding-bottom: 48px;
}
/* === FIX AMZ-FOOTER 2026-10-13: evita compressao das 3 colunas no grid do rodape ===
   post-1696.css seta --width:33% nas colunas (a9f00011/12/13) e custom-frontend.min.css
   aplica max-width: min(100%, var(--width)) em .e-con. Em display:grid isso resolve para
   33% do TRACK e comprime a coluna. Forcar --width:100% faz cada coluna ocupar o track inteiro. */
.amz-footer .footer-grid > .e-con {
  --width: 100% !important;
}

/* #2 — h6 dos blocos (footer-security / .sec-item): uppercase, letter-spacing, cor steel-light */
.amz-footer .sec-item h6 {
  font-size: 12.5px !important;
  letter-spacing: .36em !important;
  text-transform: uppercase !important;
  color: var(--steel-light, #B9BCBF) !important;
  margin: 0 0 16px !important;
  font-weight: 600 !important;
}
/* h5 dos widgets nav_menu e do bloco contato — mesma tipografia */
.amz-footer .footer-col h5 {
  font-size: 12.5px !important;
  letter-spacing: .36em !important;
  text-transform: uppercase !important;
  color: var(--steel-light, #B9BCBF) !important;
  margin: 0 0 20px !important;
  font-weight: 600 !important;
}
.amz-footer .amz-fcontact h5 {
  font-size: 12.5px !important;
  letter-spacing: .36em !important;
  text-transform: uppercase !important;
  color: var(--steel-light, #B9BCBF) !important;
  margin: 0 0 20px !important;
  font-weight: 600 !important;
}

/* #3 — .footer-col li: remover list-style-type:disc (e bullets/padding) */
.amz-footer .footer-col .menu,
.amz-footer .footer-col ul.menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.amz-footer .footer-col .menu > li {
  list-style-type: none !important;
  margin: 0 0 10px !important;
}
.amz-footer .footer-col .menu > li:last-child {
  margin-bottom: 0 !important;
}

/* #4 — .pay: container de bandeiras "Nós aceitamos" (limita Mastercard gigante = 35px) */
.amz-footer .pay {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.amz-footer .pay .payment-list__item {
  width: 35px;
  display: inline-block;
}
.amz-footer .pay .payment-list__item.icone-pix {
  background: #fff;
}

/* #5 — .sec-badges: container + imagens dos selos SSL (renderizavam como texto cru) */
.amz-footer .sec-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.amz-footer .sec-badges img {
  background: #fff;
  border-radius: 5px;
  padding: 5px;
}

/* #6 — .selos: container + SVGs Correios/SEDEX/PAC (limita 100x44 dos SVGs) */
.amz-footer .selos {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.amz-footer .selos svg {
  width: 100px;
  height: 44px;
  display: block;
}

/* ============================================================
   AMZ FOOTER (continuação #7) — wrapper + notice + security + bottom
   Origem: amazonpeptideos-child/style.css (linhas 253-449)
   Adicionado: wrapper interno 1240px, notice, security, bottom
   SEM font-family (mantém fonte do tema PDB)
   ============================================================ */

/* base vars do footer (apenas cores; SEM font-family) */
.amz-footer {
  --ink:#14171A;
  --charcoal:#1F2327;
  --paper:#F6F5F1;
  --orange:#FF6A00;
  --steel:#8A8F94;
  --steel-light:#B9BCBF;
  --line-dark:rgba(246,245,241,0.12);
  color: var(--paper, #F6F5F1);
}
.amz-footer,
.amz-footer * { box-sizing: border-box; }

/* #7 — wrapper interno max-width 1240 (centraliza e limita colunas) */
.amz-footer .amz-footer-inner {
  margin: 0 auto !important;
  padding-top: 72px !important;
  padding-bottom: 40px !important;
  --padding-left: 0;
  --padding-right: 0;
  --padding-inline-end: 0;
  --padding-inline-start: 0;
  width: 100%;
  box-sizing: border-box !important;
}

/* #8 — .amz-footer-notice (aviso centralizado) */
.amz-footer .amz-footer-notice {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
}
.amz-footer .amz-footer-notice p {
  max-width: 100% !important;
  text-align: center !important;
  color: var(--steel, #8A8F94) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  padding: 18px 22px !important;
  margin: 44px 0 0 !important;
}

/* #9 — .footer-security (3 colunas SSL/pagamento/selos) */
.amz-footer .footer-security {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 40px 32px !important;
  padding: 40px 0 !important;
  border-bottom: 1px solid var(--line-dark, rgba(246,245,241,0.12)) !important;
  align-items: start !important;
}

/* #10 — .footer-bottom (copyright, padding-top respiro) */
.amz-footer .footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-top: 28px !important;
}
.amz-footer .footer-bottom span {
  font-size: 12px !important;
  color: var(--steel, #8A8F94) !important;
}

/* #11 — FIX: Elementor FREE não seta --display:flex no e-flex.
   .amz-footer-inner ficava display:inline (ignorava max-width 1240px → esticava 1395px).
   Força flex/column para replicar comportamento do AMZ. */
.amz-footer .amz-footer-inner {
  display: flex !important;
  flex-direction: column !important;
}
.amz-footer {
  display: flex !important;
  flex-direction: column !important;
}

/* ============================================================
   #FOOTER-WHITE — Override do BG escuro (#0F0F0F) e cor do texto do rodapé.
   Origem do BG escuro: <style id="wd-style-theme_settings_default-inline-css">
   injetado por xts-woodmart-options via wp_add_inline_style() (regra:
   .wd-footer { background-color: rgb(15,15,15); background-image: none; }).
   Para vencer CSS inline, é necessário !important.
   Nao altera layout, grid, tipografia ou estrutura. Apenas cor.
   Paleta alvo: BG #FFFFFF; headings #14171A; texto #3C4650;
   secundario #6B7280; hover/foco #00753A; divisor #E4E7EA.
   ============================================================ */
.wd-footer {
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #3C4650 !important;
}
.wd-footer .amz-footer {
  color: #3C4650 !important;
}
.wd-footer .amz-footer p {
  color: #3C4650 !important;
}
.wd-footer .amz-footer .menu-item a,
.wd-footer .amz-footer a {
  color: #3C4650 !important;
  transition: color 0.15s ease !important;
}
.wd-footer .amz-footer a:hover,
.wd-footer .amz-footer a:focus-visible,
.wd-footer .amz-footer a:focus {
  color: #00753A !important;
  outline-color: #00753A !important;
}
.wd-footer .amz-footer h5,
.wd-footer .amz-footer h6,
.wd-footer .footer-security h6 {
  color: #14171A !important;
}
.wd-footer .amz-footer-notice p,
.wd-footer .footer-bottom p,
.wd-footer .footer-bottom span {
  color: #6B7280 !important;
}
/* Divisor herdado via var(--line-dark, rgba(246,245,241,0.12)). */
.wd-footer {
  --line-dark: #E4E7EA !important;
}
.wd-footer .footer-security {
  border-bottom-color: #E4E7EA !important;
}
/* Icones SVG que herdam color via currentColor. */
.wd-footer .amz-footer svg {
  color: #3C4650 !important;
}

/* === pdb-amz-footer-white-fix (2026-10-13) === */
/* post-1696.css compila .elementor-1696 .elementor-element.elementor-element-a9f0000f
   (que E o proprio .amz-footer) com background-color:#14171A; especificidade (0,4,0)
   SEM !important. !important aqui vence sem precisar inflar a especificidade. */
.wd-footer .amz-footer,
.wd-footer .amz-footer-inner {
  background-color: #FFFFFF !important;
  background-image: none !important;
}
.elementor-1696 .elementor-element.elementor-element-a9f0000f {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* === pdb-prefooter (2026-10-13) === */
.wd-prefooter { background:#009739 !important; border-top:none !important; }

/* === pdb-newsletter (form CTA) - 2026-10-13 === */
.pdb-newsletter .wpforms-submit { background:#14171A !important; color:#fff !important; border-radius:6px !important; }
.pdb-newsletter .wpforms-submit:hover { background:#00753A !important; }
.pdb-newsletter input[type="email"] { border-radius:6px !important; }
/* === pdb-newsletter layout (match AMZ) - 2026-10-13 === */
.pdb-newsletter > .elementor-widget-html,
.pdb-newsletter > .elementor-widget-shortcode {
  width: auto !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}
.pdb-newsletter .wpforms-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pdb-newsletter .wpforms-form .wpforms-field {
  flex: 1 1 220px;
  margin-bottom: 0;
}
.pdb-newsletter .wpforms-form .wpforms-submit-container {
  flex: 0 0 auto;
  margin: 0;
}


/* === pdb-rodape-notice-copyright-correios (2026-10-13) === */
/* 3 ajustes: notice reposicionado no JSON, copyright centralizado,
   selos Correios alinhados a esquerda. SEM font-family. */

/* (1) Notice: nao precisa de CSS novo — o .amz-footer .amz-footer-notice p
   ja existe (centralizado, margem top 44px). O reposicionamento foi no
   _elementor_data (a9f00002 movido para apos a9f00003). */

/* (2) Copyright centralizado: o .footer-bottom tinha justify-content:space-between
   (ancorava o span a esquerda). Trocar para center. Manter o span com text-align
   center para herdar visualmente. Sem !important alem do ja presente. */
.amz-footer .footer-bottom {
  justify-content: center !important;
  text-align: center !important;
}
.amz-footer .footer-bottom span {
  text-align: center !important;
}

/* (3) Correios a esquerda: o widget a9f00033 tem <div class="selos"
   style="justify-content:center;display:flex">. O inline style ganha de
   qualquer regra normal — precisamos de !important para sobrescrever. */
.amz-footer .footer-security .elementor-element-a9f00033 .selos {
  justify-content: flex-start !important;
}

/* === CARD: 6b. Estoque ESGOTADO — cor vermelha #B50808 === */
.wd-product-stock.out-of-stock {
  color: #B50808 !important;
}

/* === CARD: 7. Reserva espaco da marca — div sempre existe, min-height garante espaco === */
.wd-product .wd-product-brands-links {
  min-height: 20px;
}

/* === CARD: 8. Imagem de produto: espaco fixo, responsiva, sem corte/transform === */
/* Escopo: .wd-product (loop/card) — NAO afeta galeria do produto unico, header, banners */
.wd-product .wd-product-thumb {
  /* Espaco fixo uniforme: quadrado 1:1 baseado em largura do container */
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.wd-product .wd-product-thumb .wd-product-img-link,
.wd-product .wd-product-thumb .wd-product-img-hover {
  /* Imagem preenche espaco sem cortar — letterbox se nao-quadrada */
  width: 100%;
  height: 100%;
}
.wd-product .wd-product-thumb .wd-product-img-link img,
.wd-product .wd-product-thumb .wd-product-img-hover img {
  /* Responsivo: preenchimento total do espaco fixo, sem corte */
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Desliga qualquer transform/zoom no hover da imagem — sem amplia, sem reducao */
.wd-product .wd-product-thumb .wd-product-img-hover,
.wd-product .wd-product-thumb:hover .wd-product-img-hover {
  transform: none !important;
}
/* Hover swap de imagem: opacity fade ainda funciona, scale desativado */
.wd-loop-builder-off .wd-product-thumb:hover .wd-product-img-hover {
  opacity: 1;
  transform: none !important;
}

/* PDB: ocultar titulo de pagina do WoodMart (perdido na recuperacao da 512) */
body.home .wd-page-title,
.page-id-512 .wd-page-title { display: none !important; }
/* ================================================

/* ================================================
   PDB FIX v2: Botoes Ver todos duplicados
   - 1 botao visivel por grid (adjacent sibling selector)
   - Titulo esq, botao dir na mesma linha (position absolute)
   - Cards abaixo
   Scope: elementor-element-home-XXXX containers only
   ================================================ */

/* --- Destaques: mostra SOMENTE o primeiro botao (title + vertodos = primeiro button) --- */
.elementor-element-home-destaques > .elementor-element-home-destaques-title > * + .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends > .elementor-element-home-blends-title > * + .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas > .elementor-element-home-canetas-title > * + .elementor-element-home-canetas-vertodos {
  display: block !important;
}

/* --- Esconde o 2o e 3o botao (duplicatas) em Blends e Canetas --- */
.elementor-element-home-blends .elementor-element-home-blends-vertodos + .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos + .elementor-element-home-canetas-vertodos {
  display: none !important;
}

/* --- Container: flex column para empilhar title + products (button em absolute) --- */
.elementor-element-home-destaques,
.elementor-element-home-blends,
.elementor-element-home-canetas {
  display: flex !important;
  flex-direction: column !important;
}

/* --- Botao: position absolute no canto superior direito do container --- */
.elementor-element-home-destaques .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
}

/* --- Garante que o widget-container interno do botao fica visivel --- */
.elementor-element-home-destaques .elementor-element-home-destaques-vertodos .elementor-widget-container,
.elementor-element-home-blends .elementor-element-home-blends-vertodos .elementor-widget-container,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos .elementor-widget-container {
  display: block !important;
}

/* --- Title: sem margin-bottom extra, ocupa largura total --- */
.elementor-element-home-destaques .elementor-element-home-destaques-title,
.elementor-element-home-blends .elementor-element-home-blends-title,
.elementor-element-home-canetas .elementor-element-home-canetas-title {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

/* --- Products: abaixo do title, abaixo do botao (que e absolute) --- */
.elementor-element-home-destaques .elementor-element-home-destaques-products,
.elementor-element-home-blends .elementor-element-home-blends-products,
.elementor-element-home-canetas .elementor-element-home-canetas-products {
  position: relative !important;
  margin-top: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ================================================
   PDB FIX v2: Botoes Ver todos duplicados
   - 1 botao visivel por grid (adjacent sibling selector)
   - Titulo esq, botao dir na mesma linha (position absolute)
   - Cards abaixo
   Scope: elementor-element-home-XXXX containers only
   ================================================ */

/* --- Destaques: mostra SOMENTE o primeiro botao (title + vertodos = primeiro button) --- */
.elementor-element-home-destaques > .elementor-element-home-destaques-title > * + .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends > .elementor-element-home-blends-title > * + .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas > .elementor-element-home-canetas-title > * + .elementor-element-home-canetas-vertodos {
  display: block !important;
}

/* --- Esconde o 2o e 3o botao (duplicatas) em Blends e Canetas --- */
.elementor-element-home-blends .elementor-element-home-blends-vertodos + .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos + .elementor-element-home-canetas-vertodos {
  display: none !important;
}

/* --- Container: flex column para empilhar title + products (button em absolute) --- */
.elementor-element-home-destaques,
.elementor-element-home-blends,
.elementor-element-home-canetas {
  display: flex !important;
  flex-direction: column !important;
}

/* --- Botao: position absolute no canto superior direito do container --- */
.elementor-element-home-destaques .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
}

/* --- Garante que o widget-container interno do botao fica visivel --- */
.elementor-element-home-destaques .elementor-element-home-destaques-vertodos .elementor-widget-container,
.elementor-element-home-blends .elementor-element-home-blends-vertodos .elementor-widget-container,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos .elementor-widget-container {
  display: block !important;
}

/* --- Title: sem margin-bottom extra, ocupa largura total --- */
.elementor-element-home-destaques .elementor-element-home-destaques-title,
.elementor-element-home-blends .elementor-element-home-blends-title,
.elementor-element-home-canetas .elementor-element-home-canetas-title {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

/* --- Products: abaixo do title, abaixo do botao (que e absolute) --- */
.elementor-element-home-destaques .elementor-element-home-destaques-products,
.elementor-element-home-blends .elementor-element-home-blends-products,
.elementor-element-home-canetas .elementor-element-home-canetas-products {
  position: relative !important;
  margin-top: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ================================================
   PDB FIX v3: Ajuste fino do top do botao
   O titulo comeca ~100px abaixo do topo do container.
   Botao em absolute com top:0 precisa de offset para alinhar com o titulo.
   ================================================ */

/* Offset vertical para alinhar centro do botao com centro do titulo (~100px) */
.elementor-element-home-destaques > .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends > .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas > .elementor-element-home-canetas-vertodos {
  position: absolute !important;
  top: 100px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
}

/* PDB FIX v3: Offset vertical para alinhar botao com titulo */
.elementor-element-home-destaques > .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends > .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas > .elementor-element-home-canetas-vertodos {
  position: absolute !important;
  top: 100px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
}



/* PDB — mobile: 1 coluna nos grids via flex 100% (2026-10-16) */
@media (max-width: 768px) {
    .wd-products,
    .wd-products.wd-grid-g,
    .wd-products.wd-grid-f {
        display: flex !important;
        flex-wrap: wrap !important;
        grid-template-columns: none !important;
    }
    .wd-products > .wd-product,
    .wd-products > .wd-product-wrapper,
    .wd-products > * {
        width: 100% !important;
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

/* PDB — mobile: zerar espaco header→banner e banner→grid 1 (2026-10-16) */
@media (max-width: 768px) {
    .whb-main-header { margin-bottom: 0 !important; }
    [data-id="home-destaques"] { padding-top: 0 !important; }
}

/* PDB — esconder extras WoodMart (Favoritos/Comparar/Conta) do painel mobile (2026-10-16) */
@media (max-width: 768px) {
    #menu-mobile-pdb .menu-item-wishlist,
    #menu-mobile-pdb .menu-item-compare,
    #menu-mobile-pdb .login-side-opener {
        display: none !important;
    }
}

/* PDB — correções de layout (header/banner/grid/ver-todos/imagens) — 2026-10-16 */
/* D1: header->banner = 0 (mobile + tablet 769-1024) */
@media (max-width: 1024px) {
    .whb-header { padding-bottom: 0 !important; }
    .whb-header::after { display: none !important; }
}

/* D2: banner->grid = 40px (mobile + tablet 769-1024) */
@media (max-width: 1024px) {
    [data-id=home-destaques] {
        margin-top: 40px !important;
        padding-top: 0 !important;
    }
}

/* D3: Ver todos alinhado com título (mobile + tablet 769-1024) */
@media (max-width: 1024px) {
    [data-id=home-destaques-vertodos],
    [data-id=home-blends-vertodos],
    [data-id=home-canetas-vertodos] {
        right: 0 !important;
    }
    [data-id=home-destaques-vertodos] a,
    [data-id=home-blends-vertodos] a,
    [data-id=home-canetas-vertodos] a {
        margin-right: 0 !important;
    }
}

/* D4: imagens responsivas sem cortar/transformar (mobile + desktop) */
.wd-product .wd-product-thumb img,
.wd-product .wd-product-img-link img,
.wd-product .wd-product-img-hover img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}
.wd-product .wd-product-thumb {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden;
}

/* PDB — replica amazonpeptideos.com (universal, sem @media) — 2026-10-16 */
/* 1. Header flush com próximo elemento (gap=0) */
.whb-header, .whb-main-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.whb-header::after, .whb-header::before,
.whb-main-header::after, .whb-main-header::before {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

/* 2. Banner->grid = 40px (padding-top no grid, vence inline do Elementor) */
[data-id=home-destaques] {
    margin-top: 0 !important;
    padding-top: 40px !important;
}

/* 3. "Ver todos" alinhado — absolute right 0 (opção A, 2026-10-16 13h) */
.elementor-element-home-destaques .elementor-element-home-destaques-vertodos,
.elementor-element-home-blends .elementor-element-home-blends-vertodos,
.elementor-element-home-canetas .elementor-element-home-canetas-vertodos {
    position: absolute !important;
    inset: 0 0 auto auto !important;
}
.elementor-element-home-destaques [data-id="home-destaques-vertodos"] a,
.elementor-element-home-blends [data-id="home-blends-vertodos"] a,
.elementor-element-home-canetas [data-id="home-canetas-vertodos"] a {
    margin-right: 0 !important;
}
/* Zerar margin-right do botão em todos os viewports (specificity 0,2,0) */
.elementor-element-home-destaques [data-id="home-destaques-vertodos"] a,
.elementor-element-home-blends [data-id="home-blends-vertodos"] a,
.elementor-element-home-canetas [data-id="home-canetas-vertodos"] a {
    margin-right: 0 !important;
}

/* PDB — zerar padding-top dos 3 CONTAINERS de grid em mobile (2026-10-16) */
/* User instruiu: "padding top, so desktop! mobile buga" — desktop mantém 40px (bloco 2),
   mobile zera pra alinhar btn Ver todos (absolute top:0) com título. */
@media (max-width: 768px) {
    .elementor-element-home-destaques,
    .elementor-element-home-blends,
    .elementor-element-home-canetas {
        padding-top: 0 !important;
    }
}

/* PDB — fixes user (2026-10-16) */
/* 1. Esconder row 'whb-header-bottom not-sticky' em mobile */
@media (max-width: 768px) {
    .whb-row.whb-header-bottom.whb-not-sticky-row.whb-without-bg.whb-without-border.whb-color-dark.whb-col-1 {
        display: none !important;
    }
}

/* 2. Banner com 50px de espaco abaixo (universal) */
.elementor-512 > .elementor-element-home-banner {
    margin-bottom: 50px !important;
}

/* PDB — alinhamento fino botão "Ver todos" mobile: 30px da borda direita (2026-10-16) */
@media (max-width: 768px) {
    .elementor-element-home-destaques .elementor-element-home-destaques-vertodos,
    .elementor-element-home-blends .elementor-element-home-blends-vertodos,
    .elementor-element-home-canetas .elementor-element-home-canetas-vertodos {
        inset: 0 30px auto auto !important;
    }
}

/* PDB — topbar zerobased: espelha amazon (2026-10-16) */
.topbar > .wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 9px 32px !important;
    gap: 24px !important;
    font-size: 12px;
    line-height: 14.4px;
    letter-spacing: 0.48px;
}
.topbar > .wrap b { font-weight: 700 !important; }
.topbar .contact {
    display: flex !important;
    flex-direction: row !important;
    align-items: normal !important;
    gap: 24px !important;
    white-space: nowrap !important;
}
@media (max-width: 767.98px) {
    .topbar > .wrap { padding: 0 12px !important; font-size: 11px; line-height: 16.5px; letter-spacing: 0.44px; }
    .topbar .contact { display: none !important; }
}

/* PDB — ajustes topbar/home/footer (2026-10-18) */
/* Escopados em @media (min-width: 1025px):
   - (a) topbar: coluna pai (whb-visible-lg) tem display:none em < 1025px (WoodMart lg breakpoint)
   - (c) footer: harmoniza com a coluna virtual do .topbar > .wrap (max 1240 + 32 padding)
*/
@media (min-width: 1025px) {
    /* (a) announcement bar: centralizar texto no desktop.
       HTML atual NAO contem .topbar .contact (confirmado no staging) — variante simples. */

    /* (b) zerar padding-top das 3 sections home no desktop.
       Mobile/tablet ja tem zeroing em: linha 1048 ([data-id="home-destaques"] 768px),
       linha 1069-1072 ([data-id=home-destaques] 1024px), linha 1144-1149 (3 selectors 768px).
       Sem o mobile ficar duplicado/regredir. */
    .elementor-element-home-destaques,
    .elementor-element-home-blends,
    .elementor-element-home-canetas {
        padding-top: 0 !important;
    }

    /* (c) footer: alinhar conteudo com a coluna virtual do .topbar > .wrap
       (max-width 1240 + padding lateral 32). Sem isto, .amz-footer-inner ocupa
       100% da viewport e o conteudo (.footer-grid e filhos) encosta na borda
       esquerda do viewport.

       Causa raiz investigada (NAO e regra do child zerando padding):
       post-1696.css define --padding-top/bottom/left/right no .amz-footer como
       CSS custom properties orfas — nenhuma regra as converte em padding real
       (medido: getComputedStyle(.amz-footer).paddingLeft = '0px'). O child NAO
       mexe no padding do .amz-footer; tambem NAO adiciona max-width no
       .amz-footer-inner. Resultado: conteudo do footer encosta em ~0px da
       borda esquerda, contra ~125px do .topbar > .wrap em 1440px.

       box-sizing:border-box garante que 1240 inclui o padding 32+32 (sem isto,
       a largura real do inner seria 1240 e o padding somaria para 1304,
       estourando o conteudo em viewports < 1304+32=1336). */
    .amz-footer .amz-footer-inner {
        padding-left: 32px !important;
        padding-top: 0 !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }
}

/* PDB - footer harmonizacao mobile/tablet (2026-10-18, 2a parte).
   Resolve causa raiz: a regra base .amz-footer-inner (linha 606) tinha
   padding:72px 0 40px (shorthand zerava lateral), e a regra desktop
   @media (min-width:1025px) usava seletor (0,1,0) .amz-footer-inner
   que perdia da base (0,2,0) por !important (mesma origem = especificidade
   vence). Agora todos os breakpoints usam o seletor (0,2,0)
   .amz-footer .amz-footer-inner e definem padding-left/right
   uniformemente conforme a largura. */

@media (max-width: 1024px) {
    /* Tablet: padding lateral confortavel (24px), sem max-width (100% viewport) */
    .amz-footer .amz-footer-inner {
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    /* Mobile puro: padding lateral confortavel (20px) */
    .amz-footer .amz-footer-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Grid de menus: 1 coluna */
    .amz-footer .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding-bottom: 32px !important;
    }

    /* Trust block: 1 coluna */
    .amz-footer .footer-security {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding: 32px 0 !important;
    }

    /* Notice: reduzir inchamento vertical (44->24) e padding interno (18 22 -> 16 18) */
    .amz-footer .amz-footer-notice p {
        margin-top: 24px !important;
        padding: 16px 18px !important;
    }

    /* Bottom: blindar para multi-filho, centralizar */
    .amz-footer .footer-bottom {
        flex-direction: column !important;
        gap: 8px !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        text-align: center !important;
    }
    .amz-footer .footer-bottom span {
        text-align: center !important;
    }

    /* Root: padding-bottom que Elementor zerou (--padding-bottom:0 orfao) */
    .amz-footer {
        padding-bottom: 16px !important;
    }
}

/* (a) announcement bar: texto centralizado em todas as larguras (desktop + mobile).
   FORA de @media: mesma especificidade da regra base (.topbar > .wrap) mas vem
   depois no arquivo — vence por ordem de cascata em qualquer largura. */
.topbar > .wrap {
    justify-content: center !important;
    text-align: center !important;
}

/* PDB — remover botão "Favoritos" da barra fixa mobile (2026-10-18)
   A classe .wd-header-wishlist também é usada pelo wishlist do HEADER;
   escopar em .wd-toolbar garante que o ícone do header continua visível.
   A toolbar aparece em viewport mobile (w<=768). */
.wd-toolbar .wd-header-wishlist { display: none !important; }


/* PDB — Faixa de título de categoria (fullwidth + título à esquerda + respiro no parent + vão reduzido) (2026-10-18) */

/* PDB — Faixa de título de categoria (fullwidth + título à esquerda + respiro no parent + vão reduzido + mobile visível) (2026-10-18) */
@media (min-width: 1025px) {
	.elementor-860 .elementor-element-36fcfea {
		padding-top: 70px;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0;
	}
	.elementor-860 .elementor-element-36fcfea > .e-con-inner {
		max-width: none;
		width: 100%;
		padding: 0;
	}
	.elementor-860 .elementor-element-84dc93c {
		padding-top: 0;
		row-gap: 0;
	}
}
@media (max-width: 1024px) {
	.elementor-860 .elementor-element-36fcfea {
		margin-top: 0;
	}
}


/* PDB — topo da página de produto: proporção fullwidth das 2 colunas (2026-10-18) v2
   Medição na REFERÊNCIA (1440): super-block 68c756e edge-to-edge;
   COL1 (0a1ff3e galeria) = 39.4% (~555.75px), gap 20px,
   COL2 (690423c summary) = ~59.2% (834.23px), padding-left 40px, gap 40px entre filhos.
   No PDB HOJE: .e-con-inner de 68c756e estava BOXED (w=1140) e colunas 50/50.
   Estratégia puramente CSS (sem mexer em _elementor_data):
   - desboxar o .e-con-inner de 68c756e (specificity 0,4,1 vs .e-con > .e-con-inner 0,2,0);
   - dar flex:0 0 39.4% à galeria e flex:1 1 auto + padding-left:40px + gap:40px 0 ao summary,
     com !important APENAS nas larguras/flex (porque o CSS atômico do Elementor redefine
     via CSS var --width:50% e --padding-left:8% na media query mobile e no desktop,
     specificity 0,3,0 — vence a 0,2,0 sem !important só nas vars, mas para forçar a
     propriedade concreta 'width:'/'padding-left:' é necessário !important).
   @media (max-width: 1024px): empilhado em 1 coluna, sem padding-left. */
body.single-product .elementor-861 .elementor-element.elementor-element-68c756e > .e-con-inner {
    max-width: 100%;
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
}
@media (min-width: 769px) {
    body.single-product .elementor-861 .elementor-element.elementor-element-0a1ff3e {
        flex: 0 0 39.4% !important;
        width: 39.4% !important;
        max-width: 39.4% !important;
    }
    body.single-product .elementor-861 .elementor-element.elementor-element-690423c {
        flex: 1 1 auto !important;
        width: auto !important;
        padding-left: 40px !important;
        flex-direction: column !important;
        gap: 40px 0 !important;
        row-gap: 40px !important;
        column-gap: 0 !important;
    }
}
@media (max-width: 1024px) {
    body.single-product .elementor-861 .elementor-element.elementor-element-0a1ff3e,
    body.single-product .elementor-861 .elementor-element.elementor-element-690423c {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
}


/* PDB — topo da página de produto: empilhar forçando column no e1308ce em <=1024 (2026-10-18) v3
   A regra do Elementor define --flex-direction:row por padrão em e1308ce e só muda
   para --flex-direction:column em @media(max-width:768px). Para >=769 e <=1024, o pai
   ficava row e os filhos (100%/100%) extrapolavam a viewport somando ~2000px.
   Forço column no pai e width:100% nos filhos, e cancelo o gap interno (que era 20px). */
@media (min-width: 769px) and (max-width: 1024px) {
    body.single-product .elementor-861 .elementor-element.elementor-element-e1308ce {
        flex-direction: column !important;
        --flex-direction: column !important;
    }
}

/* ============================================================
   PDB — página de produto: 3 correções visuais (2026-10-18)
   ============================================================
   1) Breadcrumb cortado (header ends 146 @1440 / 100 @768/390;
      breadcrumb text top 136/90 por causa de 68c756e mt:-40px
      + e-con-inner padding-top:30px — overlap constante 10px).
   2) Botão "Adicionar Ao Carrinho" estava #88AD99 (sage); meta é
      #009739 (mesmo verde dos cards do grid .add_to_cart_button).
   3) Badge "-10%" duplicado no template WoodMart: uma cópia dentro
      de .product-labels (DIREITA) e uma solta como direct child de
      .wd-carousel-inner (ESQUERDA). Cliente pediu para manter a da
      direita; esconder a cópia solta. Sem font-family.
   ============================================================ */

/* 1) Breadcrumb — padding-top para alinhar com header bottom */
body.single-product .elementor-861 .elementor-element-ab86041 {
    padding-top: 10px !important;
}

/* 2) Botão de comprar — verde primário do site (#009739 do grid).
      Hover: escurece um tom para preservar feedback de estado. */
body.single-product .elementor-861 .elementor-element-44eb12e button.single_add_to_cart_button {
    background-color: #009739 !important;
    border-color: #009739 !important;
}
body.single-product .elementor-861 .elementor-element-44eb12e button.single_add_to_cart_button:hover,
body.single-product .elementor-861 .elementor-element-44eb12e button.single_add_to_cart_button:focus {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* 3) Badge "-10%" duplicado — esconder a cópia solta (direct child
      de .wd-carousel-inner, posição ESQUERDA). Mantém a da DIREITA
      (dentro de .product-labels). Não afeta cards do grid. */
body.single-product .elementor-861 .wd-carousel-inner > span.onsale {
    display: none !important;
}
/* PDB — página de produto: ordem do bloco de compra conforme referência Amazon (2026-10-18) */
body.single-product .elementor-861 .elementor-element-690423c > [data-id="ef67dae"] { order: 1; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="b33d0a5"] { order: 2; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="839894e"] { order: 3; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="8b984a1"] { order: 4; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="0505e45"] { order: 5; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="447356d"] { order: 6; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="4853f1e"] { order: 7; }
body.single-product .elementor-861 .elementor-element-690423c > [data-id="b79eeb3"] { order: 8; }
/* PDB — mini-cart + cart page: corrigir cor do botao "Finalizar compra" (2026-10-18)
   Causa: a.checkout.wc-forward (mini-cart) e a.checkout-button (cart page) usavam
   #88AD99 em vez do verde primario #009739 padronizado no site. */
body .cart-widget-side .woocommerce-mini-cart__buttons a.checkout,
.woocommerce-cart-form .checkout-button {
    background-color: #009739 !important;
    border-color: #009739 !important;
    color: #fff !important;
}
body .cart-widget-side .woocommerce-mini-cart__buttons a.checkout:hover,
.woocommerce-cart-form .checkout-button:hover {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* PDB — carrinho/checkout: cores dos botoes + barra do carrinho (2026-10-18)
   Seletores focados no DOM real para garantir que aplicam sobre as CSS vars
   do WoodMart (#88AD99 = rgb(136,173,153) no checkout/cupom/place_order).
   ===== (a) Botao CONTINUAR PARA FINALIZACAO (carrinho) =====
   Este botao NAO e filho de .woocommerce-cart-form — vive em .wc-proceed-to-checkout.
   WooCommerce define --btn-accented-bgcolor no .cart-totals-inner .checkout-button,
   precisamos sobrescrever tanto a prop直接 quanto a var. */
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background-color: #009739 !important;
    border-color: #009739 !important;
    color: #fff !important;
    --btn-accented-bgcolor: #009739 !important;
    --btn-accented-bgcolor-hover: #007a2e !important;
}
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* ===== (b) Botoes de CUPOM (carrinho + checkout) =====
   Carrinho: <button type="submit" class="button btn btn-accent" name="apply_coupon">
   Checkout: <p class="form-row..."><button type="submit" class="button" name="apply_coupon">
   Sao accent buttons no WooCommerce, herdando --btn-accented-bgcolor = #88AD99. */
body.woocommerce-cart button[name="apply_coupon"] {
    background-color: #009739 !important;
    border-color: #009739 !important;
    color: #fff !important;
    --btn-accented-bgcolor: #009739 !important;
    --btn-accented-bgcolor-hover: #007a2e !important;
}
body.woocommerce-cart button[name="apply_coupon"]:hover {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* Checkout cupom — usa classe "button" sem btn-accent, mas mesmo nome */
body.woocommerce-checkout button[name="apply_coupon"] {
    background-color: #009739 !important;
    border-color: #009739 !important;
    color: #fff !important;
    --btn-accented-bgcolor: #009739 !important;
    --btn-accented-bgcolor-hover: #007a2e !important;
}
body.woocommerce-checkout button[name="apply_coupon"]:hover {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* ===== (c) Botao FINALIZAR PEDIDO (checkout) =====
   <button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order">
   O .alt aplica --btn-accented-bgcolor. */
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"] {
    background-color: #009739 !important;
    border-color: #009739 !important;
    color: #fff !important;
    --btn-accented-bgcolor: #009739 !important;
    --btn-accented-bgcolor-hover: #007a2e !important;
}
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* ===== (d) ESCONDER BARRA DE TITULO DO CARRINHO =====
   <div class="wd-page-title page-title page-title-default ..."> com steps do checkout dentro.
   SO esconde no carrinho — checkout NAO mexer (cliente ainda nao decidiu). */
body.woocommerce-cart .wd-page-title {
    display: none !important;
}
body.woocommerce-cart .cart-content-wrapper {
    /* compensar: sem titulo, o conteudo sobe. Garantir que nao colide com header sticky. */
    padding-top: 0 !important;
}

/* ============================================================
   (e) BOTAO "RETORNAR PARA A LOJA" DO CARRINHO VAZIO
   Carimbo: <a class="button wc-backward" href=".../frontpage/">
   Cor errada: #88AD99 (sage). Cor correta: #009739 / hover #007a2e.
   ============================================================ */
body.woocommerce-cart a.wc-backward {
    background-color: #009739 !important;
    border-color: #009739 !important;
    color: #fff !important;
}
body.woocommerce-cart a.wc-backward:hover {
    background-color: #007a2e !important;
    border-color: #007a2e !important;
}

/* ============================================================
   (f) BARRA DE PASSOS (wd-checkout-steps) NO CHECKOUT E
   PAGINA DE SUCESSO — esconder nas 3 telas (carrinho vazio,
   checkout com item, order-received).
   O .wd-page-title do carrinho ja esta escondido. Agora
   esconde nos endpoints de checkout e thank-you.
   O ul.wd-checkout-steps so existe dentro de .wd-page-title
   nessas paginas; esconder .wd-page-title nelas nao afeta
   outras paginas (home, product, archive) que usam builder.
   ============================================================ */
body.woocommerce-checkout .wd-page-title,
body.woocommerce-order-received .wd-page-title {
    display: none !important;
}

/* ============================================================
   (g) RESPIRO DO CARRINHO (desktop) — CONSOLIDADO
   Tres regras anteriores (wd-builder-on, wd-builder-off sem
   !important, wd-builder-off com !important) reduzidas a UMA.
   WoodMart woo-page-cart.css carrega depois e define
   margin-top:0px com alta especificidade ID; por isso !important.
   ============================================================ */
@media (min-width: 1025px) {
    body.woocommerce-cart #main-content.wd-content-layout {
        margin-top: 40px !important;
    }
}

/* ============================================================
   (h) RESPIRO DO CHECKOUT E ORDER-RECEIVED — COMPENSAR
   ESPACO PERDIDO AO ESCONDER .wd-page-title (barra de passos)

   MEDICOES ORIGINAIS (title visivel):
   - Desktop 1440: gap header->conteudo = 195px (title 155px + gap 40px)
   - Tablet/Mobile 768-390: gap = 65px (title height)

   ESTADO ATUAL (title oculto via display:none):
   - Checkout 1440: gap = 40px (ja tem algum espaco)
   - Order-received 1440: gap = 0px (colado)
   - Tablet/Mobile todos: gap = 0px (colado em todas as larguras)

   PERDA: 155px desktop, 65px tablet/mobile
   ============================================================ */

/* Desktop (1025px+) — gap 40px para nao colar no header */
@media (min-width: 1025px) {
    body.woocommerce-checkout #main-content.wd-content-layout,
    body.woocommerce-order-received #main-content.wd-content-layout {
        margin-top: 40px !important;
    }
}

body.woocommerce-checkout .wd-page-title,
body.woocommerce-order-received .wd-page-title { display: none !important; }

/* Sombra no header sticky (estado grudado) — evidência: .whb-sticked em .whb-header no CSS compilado xts-header_587425 */
.whb-header.whb-sticked .whb-general-header {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
}

/* === PDB-PRODUTO: bloco de preços igual referência Shopify (2026-10-19) === */
/* Referência: peptideosdobrasil.com.br - preço promocional em laranja, PIX em verde maior */
/* Seletores específicos para .wd-single-price (página de produto) não afetam cards do grid */

/* 1. Preço original riscado: menor (14px), cor grey, line-through centralizado */
.wd-single-price del .woocommerce-Price-amount {
  font-size: 14px !important;
  color: #677279 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.wd-single-price del {
  font-size: 14px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* 2. Preço promocional (ins): laranja (não verde), 34px */
.wd-single-price ins .woocommerce-Price-amount {
  color: #E8590C !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* 3. Preço PIX - força tamanho grande (34px) e verde - rótulo À vista no PIX via ::after fica menor (13px) */
body.single-product .pdb-pix-cash strong {
  font-size: 34px !important;
  color: #1E8E3E !important;
  font-weight: 600 !important;
}
body.single-product .pdb-pix-cash::after {
  font-size: 13px !important;
  color: #8A8F94 !important;
}
/* === FIM PDB-PRODUTO: bloco de preços === */
/* === PDB-PADDING: separa conteúdo do subfooter (2026-10-19) === */
/* Aplicado nas 8 páginas institucionais (IDs 1712-1719) */
/* Wrapper WoodMart confirmado: .wd-page-content.main-page-wrapper */
/* Não estiliza nada, só empurra o conteúdo 20px para cima do subfooter */
body.page-id-1712 .wd-page-content,
body.page-id-1713 .wd-page-content,
body.page-id-1714 .wd-page-content,
body.page-id-1715 .wd-page-content,
body.page-id-1716 .wd-page-content,
body.page-id-1717 .wd-page-content,
body.page-id-1718 .wd-page-content,
body.page-id-1719 .wd-page-content {
	padding-bottom: 20px !important;
}
/* === FIM PDB-PADDING === */


/* === PDB-FALE-CONOSCO === */
.pdb-fc{padding-top:36px}
.pdb-fc-title{font-size:28px;font-weight:500;color:#242424;line-height:1.25;margin:0 0 32px}
.pdb-fc-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pdb-fc-col h2{font-size:22px;font-weight:500;color:#14171A;line-height:1.35;margin:0 0 18px}
.pdb-fc-sac p{font-size:15px;color:#14171A;line-height:1.7;margin:0 0 18px}
.pdb-fc-sac a{color:#009739;text-decoration:none}
.pdb-fc-sac a:hover{text-decoration:underline}
.pdb-fc-sac .pdb-fc-hours{font-size:13px;color:#8A8F94;margin:0}
.pdb-fc-form .wpforms-container{width:100%;max-width:100%;margin:0}
.pdb-fc-form .wpforms-field{max-width:100% !important;padding:0 0 16px !important}
.pdb-fc-form .wpforms-field input:not([type="checkbox"]):not([type="radio"]),
.pdb-fc-form .wpforms-field textarea,
.pdb-fc-form .wpforms-field select,
.pdb-fc-form .wpforms-field-medium,
.pdb-fc-form .wpforms-field-small{width:100% !important;max-width:100% !important}
.pdb-fc-form .wpforms-submit{min-width:200px}
body.page-id-1719 .wd-page-title{display:none}
@media (max-width:782px){.pdb-fc{padding-top:24px}.pdb-fc-grid{grid-template-columns:1fr;gap:40px}.pdb-fc-title{font-size:24px;margin-bottom:24px}}

/* === PDB-PIX-BLOCO === */
body.single-product .pdb-pix-cash.product-pix-bloco{display:flex;align-items:center;background:#f6f6f6;padding:10px 15px;border-radius:4px;margin-top:12px}
body.single-product .pdb-pix-cash.product-pix-bloco svg{fill:#00d864;width:27px;height:27px;min-width:27px;margin-right:10px}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value{display:flex;align-items:center;line-height:17px;flex-wrap:wrap}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value span{font-size:17px;margin-left:4px;color:#677279}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value div{background:#00d864;color:#fff;font-size:9px;line-height:9px;font-weight:400;padding:2px 7px;margin-left:5px;display:inline-flex;align-items:center;justify-content:center}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-discount{font-size:13px;line-height:13px;margin-top:1px;display:flex;color:#677279}
@media (max-width:768px){body.single-product .pdb-pix-cash.product-pix-bloco{padding:8px 12px}}

/* === PDB-PIX-BLOCO-FIX === */
body.single-product .pdb-pix-cash.product-pix-bloco::after{content:none!important;display:none!important}
body.single-product .pdb-pix-cash.product-pix-bloco{margin-top:12px!important;margin-bottom:0!important;font-weight:400!important}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-container{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value strong{font-size:34px!important;line-height:1.05;color:#1E8E3E!important;font-weight:600!important}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value span{font-size:17px!important;margin-left:4px;color:#677279}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-discount{display:block!important;font-size:13px!important;line-height:16px;margin-top:2px;color:#677279;font-weight:400}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-discount .woocommerce-Price-amount{margin-left:3px}
.pdb-comprar-wa{text-transform:none!important;letter-spacing:normal!important}
.wd-add-btn,.wd-add-btn.wd-add-btn-replace{width:100%;padding:0;margin:0}
.wd-add-btn .pdb-ver-produto{display:block!important;width:100%!important;box-sizing:border-box;text-align:center;text-transform:none!important;letter-spacing:normal!important;background:#00b27a;color:#fff;font-size:14px;line-height:1.2;font-weight:600;padding:10px 12px;border-radius:4px;text-decoration:none}
.wd-add-btn .pdb-ver-produto:hover{background:#009e6c;color:#fff}
@media (max-width:768px){
  body.single-product .pdb-pix-cash.product-pix-bloco{padding:10px 12px;align-items:flex-start}
  body.single-product .pdb-pix-cash.product-pix-bloco .pix-value strong{font-size:26px!important}
  body.single-product .pdb-pix-cash.product-pix-bloco svg{width:22px;height:22px;min-width:22px}
  body.single-product .pdb-pix-cash.product-pix-bloco .pix-value span{font-size:14px!important}
}

/* === PDB-PIX-BLOCO-FIX2 === */
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value > span{font-size:17px!important;color:#677279!important;margin-left:4px}
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value strong,
body.single-product .pdb-pix-cash.product-pix-bloco .pix-value strong *{font-size:34px!important;line-height:1.05!important;color:#1E8E3E!important;font-weight:600!important}
@media (max-width:768px){
  body.single-product .pdb-pix-cash.product-pix-bloco .pix-value > span{font-size:14px!important}
  body.single-product .pdb-pix-cash.product-pix-bloco .pix-value strong,
  body.single-product .pdb-pix-cash.product-pix-bloco .pix-value strong *{font-size:26px!important}
}

/* === PDB-MARCAS === */
body.page-id-1801 .wd-page-title{display:none!important}
body.page-id-1801 .wd-page-nav{display:none!important}

/* === PDB-COA-MOBILE === */
@media (max-width:768px){
.pdb-coa-card{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;line-height:1.6!important;gap:14px!important;}
.pdb-coa-card *{box-sizing:border-box!important;}
.pdb-coa-card__left{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;gap:10px!important;}
.pdb-coa-card__left > div:last-child{min-width:0;flex:1 1 auto;}
.pdb-coa-card__btn{justify-content:center!important;width:100%!important;}
.pdb-coa-card__btn a{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;}
}
/* === PDB-MARCAS-LOGOS === */
body.page-id-1801 .elementor-1801 .e-image,
body.page-id-1801 .elementor-1801 .elementor-widget-image { width:100%!important; max-height:64px!important; margin:0 0 8px 0!important; }
body.page-id-1801 .elementor-1801 .e-image img,
body.page-id-1801 .elementor-1801 .elementor-widget-image img { width:100%!important; height:56px!important; max-height:56px!important; object-fit:contain!important; object-position:center!important; display:block!important; margin:0!important; }
/* === PDB-MARCAS-LOGOS-ATOMIC === */
body.page-id-1801 .elementor-1801 .e-image,
body.page-id-1801 .elementor-1801 .e-image-base,
body.page-id-1801 .elementor-1801 .elementor-widget-image { width:100%!important; max-height:64px!important; margin:0 0 8px 0!important; }
body.page-id-1801 .elementor-1801 .e-image img,
body.page-id-1801 .elementor-1801 .e-image-base img,
body.page-id-1801 .elementor-1801 img.e-image-base,
body.page-id-1801 .elementor-1801 .elementor-widget-image img { width:100%!important; height:56px!important; max-height:56px!important; object-fit:contain!important; object-position:center!important; display:block!important; margin:0!important; }

/* === PDB-MARCAS-LOGOS-FIT === */
body.page-id-1801 .elementor-1801 .e-image-base img,
body.page-id-1801 .elementor-1801 img.e-image-base,
body.page-id-1801 .elementor-1801 .elementor-widget-image img{width:auto!important;max-width:100%!important;height:auto!important;max-height:56px!important;object-fit:contain!important;object-position:center!important;display:block!important;margin:0 auto!important;}

/* === PDB-BRANDS-DYNAMIC === */
.pdb-brands-grid{display:flex;flex-wrap:wrap;gap:16px;width:100%}
.pdb-brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:0 0 calc(25% - 12px);min-width:0;padding:20px 18px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
a.pdb-brand-card:hover{border-color:#009739;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,151,57,.12)}
.pdb-brand-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin-bottom:4px}
.pdb-brand-logo{display:block;width:auto;max-width:100%;height:auto;max-height:56px;object-fit:contain;object-position:center;margin:0 auto}
.pdb-brand-wordmark{font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#242424;text-align:center;line-height:1.2}
.pdb-brand-name{font-size:1rem;font-weight:600;color:#242424;text-align:center;line-height:1.3}
.pdb-brand-count{font-size:.8125rem;color:#677279;text-align:center}
.pdb-brand-card--empty{opacity:.75}
@media (max-width:768px){.pdb-brand-card{flex:0 0 calc(50% - 8px);padding:14px 12px}.pdb-brand-logo-wrap{height:48px}.pdb-brand-logo{max-height:48px}.pdb-brand-name{font-size:.9375rem}}

/* === PDB-BRANDS-SIMPLES === */
.pdb-brand-card{gap:10px;min-height:150px}
.pdb-brand-card .pdb-brand-count{display:none!important}
.pdb-brand-card .pdb-brand-logo-wrap{margin-bottom:0}
.pdb-brand-name{font-size:.9375rem}
@media (max-width:768px){.pdb-brand-card{min-height:130px}}