/*
Theme Name: 		Hema Child
Theme URI: 			https://hema.templateoption.com/
Author: 			TemplateOption Team
Author URI: 		https://www.webtwine.com/
Description: 		hema is ThemeForest WordPress Premium Theme.
Version: 			1.0.0
Requires at least: 	5.9
Tested up to: 		6.0
Requires PHP: 		7
License: 			Themeforest Commercial Licence
License URI: 		https://themeforest.net/licenses/standard
Tags: 				flexible-header, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, editor-style, featured-images, featured-image-header, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready, blog, shop
Template:     		hema
Text Domain: 		hema-child

Theme Custom CSS starts here
------------------------------------------------------------ */

/* ─── Plenitude: realce do logo dourado no header ───────────
   Brilho leve para o dourado não perder força sobre fundos escuros. */
.wt-logo img {
  filter: brightness(1.15) contrast(1.04);
}

/* ─── Plenitude: subtítulos sem fonte manuscrita ────────────
   O tema usa 'Edu VIC WA NT Beginner' (cursiva) nos subtítulos de
   seção (.bx-sub_title/.alt-font). Substituída em todo o site por
   um "eyebrow" elegante: Montserrat, caixa alta, dourado. */
.bx-sub_title,
.alt-font {
  font-family: 'Montserrat', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  font-size: 12px !important;
  font-weight: 600;
  color: #A8894F;
}

/* ─── Plenitude: seção coleção da home ──────────────────────
   A imagem do card esquerdo preenche toda a altura do card
   (definida pelo grid da direita), cortando o excedente. */
.elementor-element.elementor-element-plv0003 {
  flex-grow: 1;
  min-height: 0;
}
.elementor-element.elementor-element-plv0003 .elementor-widget-container,
.elementor-element.elementor-element-plv0003 figure,
.elementor-element.elementor-element-plv0003 img {
  height: 100% !important;
  width: 100%;
}
.elementor-element.elementor-element-plv0003 img {
  object-fit: cover;
  object-position: center bottom;
}

/* ─── Plenitude: seção coleção da home ──────────────────────
   Véu branco do bloco esquerdo: recuado das bordas (não ocupa
   a largura total) — 86% de largura, centralizado, afastado
   do topo, conforme o desenho de aprovação. */
body:not(.rtl) .elementor-18070 .elementor-element.elementor-element-plw0004 {
  width: 86% !important;
  left: 18px !important;
  margin-top: 15px;
}

/* A imagem do bloco esquerdo preenche toda a altura da coluna
   (que estica para acompanhar o grid), eliminando o vão branco
   que existe no próprio demo. object-fit preserva a proporção. */
.elementor-element.elementor-element-plw0003 {
  flex-grow: 1;
  height: 100%;
}
.elementor-element.elementor-element-plw0003 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ─── Plenitude: TEMPORÁRIO — lupa de pesquisa oculta ───────
   Para reativar a busca, basta remover este bloco. */
.elementor-widget-hema-header-search {
  display: none !important;
}

/* ─── Plenitude: botão "Orçamento" do header ────────────────
   Padrão dourado champagne da marca, texto escuro, hover claro.
   Seletor reforçado + !important para vencer o .btn do tema. */
a.plen-btn-gold.hwt-button.btn {
  background: linear-gradient(180deg, #d4b87e 0%, #C2A469 55%, #a8894f 100%) !important;
  color: #050403 !important;
  border: 1px solid #C2A469 !important;
  border-radius: 6px;
  padding: 9px 20px !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  transition: all 0.3s ease;
}
a.plen-btn-gold.hwt-button.btn:hover {
  background: linear-gradient(180deg, #F4E4AF 0%, #e3cd90 100%) !important;
  border-color: #F4E4AF !important;
  color: #050403 !important;
}
a.plen-btn-gold.hwt-button.btn,
a.plen-btn-gold .bx-im-wrap {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
}
a.plen-btn-gold .anm-whatsapp {
  font-size: 16px;
  line-height: 1;
  color: #050403;
}

/* ─── Plenitude: tamanho do logo unificado ──────────────────
   Anula larguras fixas dos widgets de header (inclusive o padrão de
   149px do Elementor), deixando o tamanho sob controle exclusivo dos
   sliders do Customizer (Hema Options > Header > Logo), que definem
   --wt-header-logo-width / --wt-header-logo-height. */
.wt-logo img {
  width: auto !important;
  height: auto !important;
}

/* Mobile: o tema pai reduz o logo para 100px (apagado demais).
   Elevamos para 175px com brilho reforçado. */
@media (max-width: 767px) {
  .wt-logo img {
    --wt-header-logo-width: 175px;
    --wt-header-logo-height: 52px;
    filter: brightness(1.28) contrast(1.06);
  }
}

/* Plenitude: carrossel de categorias movido para o fim da página (antes do rodapé) */
.plen-cats-rodape {
	margin-top: 50px;
	margin-bottom: 40px;
}

/* Plenitude: seção "Produtos em Destaque" — grade (desktop) + carrossel (mobile) */
.plen-destaques-mobile,
.plen-destaques-mais-mobile { display: none; }
/* Desktop: mostra os 12 primeiros; esconde o resto até clicar em "Ver mais" */
.plen-destaques-grid:not(.expanded) .products > .wt-product:nth-child(n+13) { display: none; }
.plen-destaques-vermais { text-align: center; margin-top: 26px; }
.plen-btn-vermais {
	display: inline-block;
	padding: 12px 34px;
	background: #C2A469;           /* dourado champagne da marca */
	color: #1a1a1a;
	border: 0;
	border-radius: 2px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .2s ease;
}
.plen-btn-vermais:hover { background: #b0925a; }
/* Mobile: troca grade + botão pelo carrossel com deslize */
@media (max-width: 767px) {
	.plen-destaques-grid,
	.plen-destaques-vermais { display: none; }
	.plen-destaques-mobile { display: block; }
	.plen-destaques-mais-mobile { display: block; text-align: center; margin-top: 20px; }
	/* mostra 4; esconde o resto até "Mostrar mais" revelar (+4 por clique) */
	.plen-destaques-mobile .products > .wt-product:nth-child(n+5):not(.plen-show) { display: none; }
}

/* Plenitude: painel dourado claro (champagne) atrás das fotos — funde via multiply */
.plen-destaques .product-image {
	background: #F7F1E1;
}
.plen-destaques .product-image img {
	mix-blend-mode: multiply;
}

/* Plenitude: borda champagne + sombra ao passar o mouse sobre o card de produto */
.plen-destaques .wt-product {
	border-radius: 6px;
	padding: 10px;
	border: 1px solid transparent;                    /* reserva a borda p/ não pular */
	transition: box-shadow .28s ease, border-color .28s ease, transform .28s ease;
}
.plen-destaques .wt-product:hover {
	border-color: rgba(194, 164, 105, .75);           /* borda champagne nítida */
	box-shadow: 0 16px 36px rgba(0, 0, 0, .13);       /* sombra presente */
	transform: translateY(-4px);                      /* leve elevação */
}

/* Plenitude: overlay do card = Quick View + "Ler mais". Troca o ícone do
   "Ler mais" (carrinho) por um olho, coerente com "ver o produto". */
.plen-destaques .button-icons .product_type_simple::before {
	content: "\e98a" !important;   /* anm-eye */
}

/* Plenitude: no carrossel (mobile) não usamos os ícones de hover (sem tooltip
   no touch) — ocultamos o overlay e usamos o botão "DETALHES" abaixo do card. */
.plen-destaques-mobile .button-set { display: none !important; }

/* Plenitude: botões de produto na seção de destaques com o preto do footer
   (#1E1E1E) e texto/ícone dourado — sobrescreve as variáveis do tema no escopo. */
.plen-destaques {
	--wt-wc-loop-addtocart-bg-color: #1E1E1E;
	--wt-wc-loop-addtocart-text-color: #C2A469;
	--wt-wc-loop-quickview-bg-color: #1E1E1E;
	--wt-wc-loop-quickview-text-color: #C2A469;
}

/* Plenitude: botão "Banheiras SPA" (card de coleção) — preto do footer + texto
   dourado; hover invertido (dourado com texto escuro). */
.elementor-element-plw0008 .hwt-button {
	background-color: #1E1E1E !important;
	color: #C2A469 !important;
	border-color: #1E1E1E !important;
	transition: all .25s ease;
}
.elementor-element-plw0008 .hwt-button:hover {
	background-color: #C2A469 !important;
	color: #1E1E1E !important;
	border-color: #C2A469 !important;
}

/* Plenitude: botão "Falar no WhatsApp" (banner Transforme) — preto do footer +
   texto dourado; hover invertido (dourado com texto escuro). */
.elementor-element-5e8842d .hwt-button {
	background-color: #1E1E1E !important;
	color: #C2A469 !important;
	border-color: #1E1E1E !important;
	transition: all .25s ease;
}
.elementor-element-5e8842d .hwt-button:hover {
	background-color: #C2A469 !important;
	color: #1E1E1E !important;
	border-color: #C2A469 !important;
}

/* Plenitude: seção "Projetos realizados" — grade no desktop; no mobile vira
   faixa de deslize horizontal (scroll-snap = swipe com o dedo), lightbox no toque. */
@media (max-width: 767px) {
	.elementor-element-518ada8 .hwt-gallery {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 12px;
		scrollbar-width: none;
		padding-bottom: 6px;
	}
	.elementor-element-518ada8 .hwt-gallery::-webkit-scrollbar { display: none; }
	.elementor-element-518ada8 .hwt-gallery > * {
		flex: 0 0 82%;
		max-width: 82%;
		scroll-snap-align: center;
	}
}

/* Plenitude: espaço vertical entre as linhas da galeria de inspirações (desktop/tablet) */
@media (min-width: 768px) {
	.elementor-element-518ada8 .hwt-gallery { row-gap: 24px; }
}

/* Plenitude: seção "Como funciona" (fluxo consultivo) — full-width onyx + dourado */
.plen-como-funciona {
	background: #CBB380;   /* dourado médio/quente (nem cheio, nem champagne pálido) */
	padding: 72px 20px;
}
.plen-cf-inner { max-width: 1140px; margin: 0 auto; text-align: center; }
.plen-cf-eyebrow {
	display: block; color: #4A3D22;
	font-family: 'Montserrat', sans-serif; font-weight: 600;
	text-transform: uppercase; letter-spacing: .24em; font-size: 12px; margin-bottom: 12px;
}
.plen-cf-title {
	color: #0D0B08; font-family: 'Montserrat', sans-serif; font-weight: 700;
	text-transform: uppercase; letter-spacing: .02em; font-size: 26px; line-height: 1.25; margin: 0 0 46px;
}
.plen-cf-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.plen-cf-step { background: #0D0B08; padding: 36px 22px; border-radius: 6px; box-shadow: 0 14px 32px rgba(0,0,0,.18); }
.plen-cf-num {
	display: block; color: #C2A469;
	font-family: Georgia, 'Times New Roman', serif; font-size: 46px; font-weight: 700;
	line-height: 1; margin-bottom: 16px;
}
.plen-cf-step h3 {
	color: #FFFFFF; font-size: 16px; font-weight: 600; margin: 0 0 10px;
	text-transform: uppercase; letter-spacing: .04em;
}
.plen-cf-step p { color: #9C948A; font-size: 14.5px; line-height: 1.65; margin: 0; }
.plen-cf-cta { margin-top: 48px; }
.plen-cf-btn {
	display: inline-block; background: #0D0B08; color: #F4E4AF;
	font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase;
	letter-spacing: .06em; font-size: 13px; padding: 14px 36px; border-radius: 2px;
	transition: background .25s ease;
}
.plen-cf-btn:hover { background: #1c1712; color: #F4E4AF; }
@media (max-width: 991px) { .plen-cf-steps { grid-template-columns: repeat(2, 1fr); row-gap: 40px; } }
@media (max-width: 575px) { .plen-cf-steps { grid-template-columns: 1fr; row-gap: 34px; } .plen-cf-title { font-size: 23px; } .plen-como-funciona { padding: 56px 18px; } }

/* Plenitude: respiro + separador dourado estilizado no topo da seção "Sobre" */
.elementor-element-94f4e83,
.elementor-element-7c779f9 {
	position: relative;
	margin-top: 48px;    /* afasta o separador do conteúdo acima */
	padding-top: 58px;   /* espaço entre o separador e o conteúdo */
}
.elementor-element-94f4e83::before,
.elementor-element-7c779f9::before,
.elementor-element-1445fa7::before {   /* linha dourada */
	content: "";
	position: absolute; top: 0; left: 50%; transform: translateX(-50%);
	width: 190px; height: 1px; background: #C2A469;
}
.elementor-element-94f4e83::after,
.elementor-element-7c779f9::after,
.elementor-element-1445fa7::after {    /* losango central */
	content: "";
	position: absolute; top: -5px; left: 50%; transform: translateX(-50%) rotate(45deg);
	width: 12px; height: 12px; background: #C2A469;
}
@media (max-width: 767px) {
	.elementor-element-94f4e83,
	.elementor-element-7c779f9 { margin-top: 34px; padding-top: 46px; }
}

/* Plenitude: botão "Falar no WhatsApp" da seção Sobre — preto footer + dourado */
.plen-sobre-btn .hwt-button {
	background-color: #1E1E1E !important;
	color: #C2A469 !important;
	border-color: #1E1E1E !important;
	transition: all .25s ease;
}
.plen-sobre-btn .hwt-button:hover {
	background-color: #C2A469 !important;
	color: #1E1E1E !important;
	border-color: #C2A469 !important;
}

/* Plenitude: seção Sobre — imagem acompanha a altura do texto/accordion (sem vão
   e sem o botão passar da base da imagem quando o accordion é expandido). */
.elementor-element-94f4e83 { align-items: stretch !important; }
.elementor-element-5068500 { flex-grow: 1; min-height: 0; display: flex; }
.elementor-element-5068500 .elementor-widget-container,
.elementor-element-5068500 figure,
.elementor-element-5068500 img { height: 100% !important; width: 100%; }
.elementor-element-5068500 img { object-fit: cover; object-position: center; }


/* Plenitude: separador padrão logo após o título "Fale Conosco" (antes do form/FAQ) */
.elementor-element-1445fa7 { position: relative; margin-top: 20px; padding-top: 48px; }
@media (max-width: 767px) { .elementor-element-1445fa7 { margin-top: 14px; padding-top: 40px; } }

/* Plenitude: Fale Conosco com fundo champagne claro (#EDE4D0) — sem emenda branca */
.elementor-element-1445fa7 { margin-top: 0 !important; padding-top: 44px; }

/* Plenitude: ajustes do rodapé */
/* 1) alinhar as 4 colunas ao topo (títulos na mesma linha) */
.elementor-element-37b3aab { align-items: flex-start !important; }
/* 2) texto institucional da coluna 1 mais claro (legível no escuro) */
.elementor-element-fa8ff27,
.elementor-element-fa8ff27 * { color: #B7B1A8 !important; }
/* 3) barra inferior (Entrega · Direto da fábrica · Garantia) centralizada */
.elementor-element-af95e73 { justify-content: center !important; }

/* Plenitude: texto da barra inferior do rodapé claro (legível no escuro) */
.elementor-element-af95e73,
.elementor-element-af95e73 * { color: #C9C4BC !important; }

/* Plenitude: botão "voltar ao topo" movido para a ESQUERDA */
#scrollUp { left: 30px !important; right: auto !important; }

/* Plenitude: botão flutuante de WhatsApp (direita) — círculo escuro + ícone dourado */
.plen-wa-float {
	position: fixed; right: 28px; bottom: 38px; z-index: 500;
	width: 54px; height: 54px;
	display: flex; align-items: center; justify-content: center;
	background: #C2A469; border-radius: 50%;                 /* dourado por padrão */
	box-shadow: 0 6px 18px rgba(194, 164, 105, .35);
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.plen-wa-float .anm-whatsapp { color: #FFFFFF; font-size: 30px; line-height: 1; }
.plen-wa-float:hover {
	background: #d4b87e;                                     /* dourado mais claro */
	transform: translateY(-4px) scale(1.06);                /* eleva + cresce */
	box-shadow: 0 12px 28px rgba(194, 164, 105, .55);       /* brilho dourado */
}

/* Plenitude: respiro no topo das âncoras (cabeçalho fixo não cobrir a seção) */
#sobre, #contato { scroll-margin-top: 100px; }


/* Plenitude: cabeçalho (page title) DOURADO padrão em todas as páginas internas
   (loja, categorias, legais...). A home não tem page-header, então não é afetada. */
.page-header.breadcrumb-wraps {
	background-color: #CBB380 !important;
	background-image: none !important;
}
.page-header.breadcrumb-wraps::before { opacity: 0 !important; background: none !important; }
.page-header.breadcrumb-wraps,
.page-header.breadcrumb-wraps * { color: #1E1E1E !important; }


/* Plenitude: no mobile, respiro embaixo da barra de copyright/CNPJ
   (o endereço estava sendo cortado no rodapé da tela) */
@media (max-width: 767px) {
	.elementor-element-7b980c4 { padding-bottom: 40px !important; }
	/* botão flutuante do WhatsApp fica acima da barra fixa inferior no mobile
	   (senão aparece cortado pela barra) */
	.plen-wa-float { bottom: 80px; }
}

/* Plenitude: item "Orçamento" em destaque (dourado) na barra fixa mobile */
.mobile-bottom-navbar .plen-mobnav-wa .icon i,
.mobile-bottom-navbar .plen-mobnav-wa .label { color: #C2A469 !important; }
.mobile-bottom-navbar .plen-mobnav-wa .icon i { font-size: 1.4rem; }

/* ─── Plenitude: cards de produto nas CATEGORIAS/LOJA ────────
   Tudo escopado a .plen-cat-cards (só existe em arquivos de
   produto — home intocada). Replica o visual da seção
   "Produtos em Destaque" da home. */

/* esconde compare + lista de desejos no overlay */
.plen-cat-cards .button-set .woosc-btn,
.plen-cat-cards .button-set .woosw-btn { display: none !important; }

/* Plenitude: mesma limpeza nos "produtos relacionados" da página do
   produto — remove comparar + lista de desejos, mantém olho (quick view)
   e zoom. */
.related.products .button-set .woosc-btn,
.related.products .button-set .woosw-btn { display: none !important; }

/* esconde a barra "Ler mais" original de baixo (usamos o ícone
   "Mais Detalhes" injetado no overlay) */
.plen-cat-cards .button-bottom-action { display: none !important; }
/* ícone "Mais Detalhes" = o próprio botão nativo do tema (product_type_simple)
   dentro do overlay, com o glifo trocado para um olho — exatamente como na
   seção "Produtos em Destaque" da home. */
.plen-cat-cards .button-icons .product_type_simple::before {
  content: "\e98a" !important;   /* anm-eye */
}

/* cores dos ícones do overlay: preto do rodapé + glifo dourado, igual
   à home. Sem regra de :hover — o comportamento no hover fica o mesmo
   do tema/home (não inverter para dourado). */
.plen-cat-cards .button-set .btn-icon,
.plen-cat-cards .button-set .product_type_simple {
  background-color: #1E1E1E !important;
  border-color: #1E1E1E !important;
  color: #C2A469 !important;
}

/* cores dos ícones do overlay: preto do rodapé + dourado (igual home) */
.plen-cat-cards {
  --wt-wc-loop-quickview-bg-color: #1E1E1E;
  --wt-wc-loop-quickview-text-color: #C2A469;
  --wt-wc-loop-addtocart-bg-color: #1E1E1E;
  --wt-wc-loop-addtocart-text-color: #C2A469;
}

/* fundo champagne só na imagem do produto + funde a foto (igual home) */
.plen-cat-cards .product-image { background: #F7F1E1; }
.plen-cat-cards .product-image img { mix-blend-mode: multiply; }

/* borda fina + sombra + leve elevação ao passar o mouse (igual home) */
.plen-cat-cards .wt-product {
  border-radius: 6px;
  padding: 10px;
  border: 1px solid transparent;
  transition: box-shadow .28s ease, border-color .28s ease, transform .28s ease;
}
.plen-cat-cards .wt-product:hover {
  border-color: rgba(194, 164, 105, .75);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .13);
  transform: translateY(-4px);
}

/* ─── Plenitude: imagens dos widgets de produto na sidebar ───
   Miniaturas com proporção fixa e `contain` — a foto inteira
   aparece sem cortar nem esticar (produtos têm formatos bem
   diferentes: redondas, de canto, spas). Fundo champagne igual
   ao dos cards da grade. Escopado a arquivos de produto. */
.plen-cat-cards .sidebar-widget .mini-list-items .product-image,
.plen-cat-cards .sidebar-widget .wt-product .product-image {
  background: #F7F1E1;
  border-radius: 4px;
  overflow: hidden;
}
.plen-cat-cards .sidebar-widget .mini-list-items .product-image img,
.plen-cat-cards .sidebar-widget .wt-product .product-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* ─── Plenitude: título do bloco de categorias no rodapé ─────
   Separa visualmente a grade de banheiras das imagens de categoria. */
.plen-cats-rodape-titulo {
  text-align: center;
  margin-bottom: 28px;
  padding-top: 34px;
  border-top: 1px solid rgba(194, 164, 105, .35);
}
.plen-cats-rodape-titulo .bx-title {
  margin: 0;
}

/* ─── Plenitude: popup de Visualização Rápida ───────────────
   Catálogo consultivo (sem avaliações nem exposição de SKU):
   oculta as estrelas e o bloco de meta (SKU / Categoria). */
.wt-quickview .prod-star-rating,
.wt-quickview .woocommerce-product-rating,
.wt-quickview .product_meta {
  display: none !important;
}

/* ─── Plenitude: "Configuração Básica" + botão "Mais Detalhes" ───────
   No resumo do produto (popup Quick View e página do produto), só p/
   banheiras. Título com filete dourado; botão no padrão da marca. */
.plen-config-titulo {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #24201A;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(194, 164, 105, .5);
}
.plen-mais-detalhes-wrap {
  margin-top: 20px;
}
.plen-btn-detalhes {
  display: inline-block;
  padding: 12px 30px;
  background: #1E1E1E;
  color: #C2A469 !important;
  border: 1px solid #1E1E1E;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: all .25s ease;
}
.plen-btn-detalhes:hover {
  background: #C2A469;
  border-color: #C2A469;
  color: #1E1E1E !important;
}

/* ─── Plenitude: página do produto — ocultar SKU (mantém Categoria) ── */
.single-product .product_meta .sku_wrapper { display: none !important; }

/* ícone do WhatsApp no botão "Solicitar Orçamento" do resumo do produto */
.plen-btn-detalhes .anm-whatsapp { font-size: 15px; margin-right: 4px; vertical-align: -1px; }

/* dois botões no popup: DETALHES (contorno) + ORÇAMENTO, lado a lado */
.plen-mais-detalhes-wrap { display: flex; flex-wrap: nowrap; gap: 10px; align-items: stretch; }
/* no popup os botões dividem o espaço e não quebram a linha */
.wt-quickview .plen-mais-detalhes-wrap .plen-btn-detalhes {
  flex: 1 1 0;
  padding-left: 14px;
  padding-right: 14px;
  text-align: center;
  white-space: nowrap;
}
.plen-btn-detalhes.plen-btn-outline {
  background: transparent;
  color: #1E1E1E !important;
  border: 1px solid #1E1E1E;
}
.plen-btn-detalhes.plen-btn-outline:hover {
  background: #1E1E1E;
  color: #C2A469 !important;
  border-color: #1E1E1E;
}

/* ─── Plenitude: faixa de título mais baixa nas CATEGORIAS/LOJA ──────
   O padding vem de theme mod GLOBAL (60px); aqui reduzimos só nos
   arquivos de produto (.plen-cat-cards), sem afetar outras páginas. */
.plen-cat-cards .page-header {
  --page-title-padding-top: 22px;
  --page-title-padding-bottom: 22px;
  margin-bottom: 40px;   /* respiro entre a faixa e o conteúdo */
}

/* ─── Plenitude: bloco "Medidas disponíveis" (informativo) ───────────
   Pílulas com os tamanhos, antes do botão de orçamento. */
.plen-medidas {
  margin: 20px 0 4px;
  padding: 16px 18px;
  border: 1px solid rgba(194, 164, 105, .45);
  border-radius: 8px;
  background: #FAF6EC;
}
.plen-medidas-titulo {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #24201A;
  margin-bottom: 12px;
}
.plen-medidas-lista { display: flex; flex-wrap: wrap; gap: 8px; }
.plen-medida {
  display: inline-block;
  padding: 7px 14px;
  background: #fff;
  border: 1px solid rgba(194, 164, 105, .55);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: #24201A;
}