/**
 * Carrinho — Figma 417:28515 (Desktop) / 417:28516 (Mobile) / 289:19508 (vazio).
 *
 * Desktop (1200): conteúdo com padding 48/24/64/24 e gap 48 · título 32/1.1 (600) + "3 itens"
 *   grade 8+4: itens 760 | gap 24 | resumo 368
 *   itens (gap 16): frete grátis progressivo + lista (item 129: foto 96, quantidade 122×46,
 *   total 120, lixeira 44)
 *   resumo (gap 24): cupom · frete (gap 12, opção em card 80) · resumo do pedido (padding 24, gap 16)
 * Mobile (< 782px): padding 24/16/32/16, gap 32 · tudo em uma coluna · item com foto 80 e
 *   ações embaixo dos dados · barra fixa 72 com total + "Finalizar compra".
 *
 * As classes woocommerce-* e cart_* nos modelos são as que o cart.js do WooCommerce usa;
 * aqui só entram as classes cdw-*.
 */

.cdw-pc {
	width: 100%;
	max-width: var(--wp--custom--layout--container-max);
	margin-inline: auto;
	padding: var(--wp--preset--spacing--space-48) var(--wp--preset--spacing--space-24) var(--wp--preset--spacing--space-64);
	color: var(--wp--preset--color--ink);
}

.cdw-pc > .woocommerce {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-48);
}

.cdw-pc p,
.cdw-pc h1,
.cdw-pc h2,
.cdw-pc dl,
.cdw-pc dd,
.cdw-pc ul {
	margin: 0;
}

.cdw-pc ul {
	padding: 0;
	list-style: none;
}

/* Avisos do WooCommerce ("produto removido. Desfazer?", erros). */
.cdw-pc .woocommerce-notices-wrapper:empty {
	display: none;
}

.cdw-pc .woocommerce-message,
.cdw-pc .woocommerce-info,
.cdw-pc .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-8) var(--wp--preset--spacing--space-16);
	padding: 12px var(--wp--preset--spacing--space-16);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--success-subtle);
	color: var(--wp--preset--color--ink);
	list-style: none;
}

.cdw-pc .woocommerce-info {
	background: var(--wp--preset--color--surface-alt);
}

.cdw-pc .woocommerce-error {
	background: var(--wp--preset--color--error-subtle);
}

.cdw-pc .woocommerce-notices-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-pc .woocommerce-notices-wrapper a {
	color: var(--wp--preset--color--ink);
	font-weight: var(--wp--custom--weight--bold);
}

/* Enquanto o WooCommerce atualiza um bloco (classe dele: .processing). */
.cdw-pc .processing {
	pointer-events: none;
}

.cdw-pc .blockUI.blockOverlay {
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface) !important;
	opacity: 0.6 !important;
}

/* ---------- Grade 8 + 4 ---------- */

.cdw-pc__grade {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 368px;
	gap: var(--wp--preset--spacing--space-24);
	align-items: start;
}

.cdw-pc__itens {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-48);
	min-width: 0;
}

.cdw-pc__topo {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 12px;
}

.cdw-pc__titulo {
	font-family: var(--wp--preset--font-family--display);
	font-size: 2rem;
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.1;
	letter-spacing: -0.01em;
}

.cdw-pc__contagem {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-pc__coluna {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-16);
	min-width: 0;
}

/* A coluna do resumo começa na altura da barra de frete grátis: desce o título (32 × 1,1) + o gap. */
.cdw-pc__lateral {
	min-width: 0;
	margin-top: calc(2rem * 1.1 + var(--wp--preset--spacing--space-48));
}

.cdw-pc__resumo {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-24);
}

/* Produto/Frete grátis progressivo (.cdw-pc-frete): fica em cabecalho-utilidades.css, que carrega
   em todas as páginas, porque a prévia do carrinho no cabeçalho usa a mesma barra. */

/* ---------- Carrinho/Item ---------- */

.cdw-item {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto 120px 44px;
	gap: var(--wp--preset--spacing--space-16);
	align-items: center;
	padding: var(--wp--preset--spacing--space-16) 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.cdw-item__foto,
.cdw-item__foto a {
	display: block;
}

.cdw-item__foto img {
	display: block;
	width: 96px;
	height: 96px;
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface-alt);
	object-fit: cover;
}

.cdw-item__dados {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-4);
	min-width: 0;
}

.cdw-item__nome {
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-item__nome a {
	color: inherit;
	text-decoration: none;
}

.cdw-item__nome a:hover {
	text-decoration: underline;
}

.cdw-item .cdw-variacao,
.cdw-item__unitario,
.cdw-item .backorder_notification {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

/* No desktop quantidade, total e lixeira são colunas da grade do item. */
.cdw-item__acoes,
.cdw-item__fim {
	display: contents;
}

.cdw-item__total {
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	text-align: right;
	white-space: nowrap;
}

.cdw-item__remover .remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: var(--wp--custom--radius--full);
	color: var(--wp--preset--color--ink-muted);
	font-size: 16px;
	text-decoration: none;
	transition: background-color var(--wp--custom--motion--duracao-rapida) var(--wp--custom--motion--ease-padrao);
}

.cdw-item__remover .remove:hover {
	background: var(--wp--preset--color--surface-hover);
	color: var(--wp--preset--color--error);
}

/* Formulário/Quantidade: 122×46, borda line-strong, áreas de toque de 44. */
.cdw-item .quantity {
	display: flex;
	align-items: center;
	width: 122px;
	height: 46px;
	border: 1px solid var(--wp--preset--color--line-strong);
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--surface);
}

.cdw-item .quantity.hidden {
	display: none;
}

.cdw-item .cdw-qtd__botao {
	display: flex;
	flex: 0 0 44px;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--control);
	background: none;
	color: var(--wp--preset--color--ink);
	font-size: 16px;
	cursor: pointer;
}

.cdw-item .cdw-qtd__botao:disabled {
	color: var(--wp--preset--color--line-strong);
	cursor: default;
}

.cdw-item .quantity .qty {
	flex: 1;
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--sm);
	background: transparent;
	color: var(--wp--preset--color--ink);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	text-align: center;
	appearance: textfield;
	-moz-appearance: textfield;
}

.cdw-item .quantity .qty::-webkit-outer-spin-button,
.cdw-item .quantity .qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* "Atualizar carrinho": só para quem navega sem JavaScript (com JS é acionado sozinho). */
.cdw-pc__atualizar {
	display: flex;
	justify-content: flex-end;
}

.cdw-js .cdw-pc__atualizar {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ---------- Peças comuns do resumo: rótulo, campo + botão, erro ---------- */

.cdw-pc__rotulo {
	display: block;
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
}

.cdw-pc__linha {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-pc__campo {
	flex: 1;
	min-width: 0;
}

.cdw-pc__campo .cdw-campo {
	height: 58px;
}

/* Botão de 50 centrado ao lado do campo de 58. */
.cdw-pc__linha .cdw-botao {
	flex: none;
	margin-top: 4px;
}

.cdw-pc__campo .cdw-campo.is-invalido {
	padding: 0 calc(var(--wp--preset--spacing--space-16) - 1px);
	border: 2px solid var(--wp--preset--color--error);
}

.cdw-pc__erro {
	margin-top: 6px !important;
	color: var(--wp--preset--color--error);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

.cdw-pc__erro[hidden] {
	display: none;
}

/* ---------- Carrinho/Cupom ---------- */

.cdw-cupom {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
}

/* Fechado: "Tenho um cupom de desconto". Sem JavaScript o campo já aparece aberto. */
.cdw-cupom__abrir {
	display: none;
	align-items: center;
	align-self: flex-start;
	gap: var(--wp--preset--spacing--space-8);
	min-height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--ink);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	cursor: pointer;
}

.cdw-cupom__abrir span {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cdw-cupom__abrir .cdw-icone {
	margin-inline: 2px;
	font-size: 16px;
}

.cdw-cupom__campos {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-js .cdw-cupom:not(.is-aberto) .cdw-cupom__abrir {
	display: flex;
}

.cdw-js .cdw-cupom:not(.is-aberto) .cdw-cupom__campos {
	display: none;
}

/* Aplicado */
.cdw-cupom__aplicado {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
	padding: 12px var(--wp--preset--spacing--space-16);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--success-subtle);
	color: var(--wp--preset--color--success);
}

.cdw-cupom__aplicado .cdw-icone {
	margin-inline: 2px;
	font-size: 16px;
}

.cdw-cupom__codigo {
	flex: 1;
	min-width: 0;
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.cdw-cupom__remover {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---------- Carrinho/Frete ---------- */

.cdw-entrega,
.cdw-entrega__pacote,
.cdw-cep,
.cdw-cep__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cdw-cep__destino,
.cdw-entrega__destino {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-8);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-cep__alterar {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cdw-cep__nao-sei {
	align-self: flex-start;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cdw-entrega__aviso,
.cdw-entrega__itens {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

.cdw-entrega__opcoes {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Formulário/Opção em card: 80 de altura, padding 16, raio 8. */
.cdw-opcao-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 80px;
	/* 16 de respiro contando a borda (no Figma a borda é por dentro). */
	padding: calc(var(--wp--preset--spacing--space-16) - 1px);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface);
	cursor: pointer;
}

/* Método sem linha de apoio (prazo): o card fica só com a altura do título. */
.cdw-opcao-card:not(:has(.cdw-opcao-card__descricao)) {
	min-height: 0;
}

.cdw-opcao-card:hover {
	border-color: var(--wp--preset--color--line-strong);
}

.cdw-opcao-card:has(.cdw-opcao-card__radio:checked) {
	padding: calc(var(--wp--preset--spacing--space-16) - 2px);
	border: 2px solid var(--wp--preset--color--brand);
	background: var(--wp--preset--color--brand-subtle);
}

.cdw-opcao-card:has(.cdw-opcao-card__radio:focus-visible) {
	outline: 2px solid var(--wp--preset--color--focus);
	outline-offset: 2px;
}

.cdw-opcao-card__radio {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 0;
	border: 1.5px solid var(--wp--preset--color--line-strong);
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--surface);
	cursor: pointer;
	appearance: none;
}

.cdw-opcao-card__radio:checked {
	border: 6px solid var(--wp--preset--color--brand);
}

.cdw-opcao-card__radio:focus-visible {
	outline: none;
}

.cdw-opcao-card__textos {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.cdw-opcao-card__titulo,
.cdw-opcao-card__valor {
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
}

.cdw-opcao-card__valor {
	white-space: nowrap;
}

.cdw-opcao-card__descricao {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

/* Forma de pagamento Pix com desconto (inc/pix.php). */
.cdw-opcao-card__economia {
	display: block;
	color: var(--wp--preset--color--success);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
}

/* ---------- Checkout/Resumo do pedido ---------- */

.cdw-resumo {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-16);
	padding: var(--wp--preset--spacing--space-24);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface-alt);
}

.cdw-resumo__titulo {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.25rem;
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.3;
}

.cdw-resumo__valores {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-resumo__linha {
	display: flex;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-8);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-resumo__linha dt {
	color: var(--wp--preset--color--ink-muted);
}

.cdw-resumo__linha dd {
	text-align: right;
	white-space: nowrap;
}

.cdw-resumo__linha--desconto dd {
	color: var(--wp--preset--color--success);
}

.cdw-resumo__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-8);
	padding-top: var(--wp--preset--spacing--space-16);
	border-top: 1px solid var(--wp--preset--color--line);
	font-family: var(--wp--preset--font-family--display);
	font-weight: var(--wp--custom--weight--heavy);
}

.cdw-resumo__total-rotulo {
	font-size: 1.25rem;
	line-height: 1.3;
}

.cdw-resumo__total-valor {
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: right;
}

.cdw-resumo__total-valor strong {
	font-weight: inherit;
}

.cdw-resumo__total-valor small {
	display: block;
	color: var(--wp--preset--color--ink-muted);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: var(--wp--custom--weight--regular);
	line-height: 1.5;
}

.cdw-resumo__condicoes {
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-align: right;
}

.cdw-resumo__pix {
	color: var(--wp--preset--color--success);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
}

.cdw-resumo__parcelas {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

.cdw-resumo__finalizar {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-resumo__finalizar .cdw-botao {
	width: 100%;
}

.cdw-resumo__continuar {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cdw-resumo__seguranca {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--space-8);
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

.cdw-resumo__seguranca .cdw-icone {
	margin-inline: 2px;
	font-size: 16px;
}

/* Carrinho/Barra fixa: só no celular. */
.cdw-pc-barra {
	display: none;
}

/* ---------- "Você também pode gostar" ---------- */

.cdw-pc-sugestoes {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-24);
	min-width: 0;
}

.cdw-pc-sugestoes__titulo {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.5rem;
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.2;
}

.cdw-pc-sugestoes__lista {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--space-24);
}

.cdw-pc-sugestoes__lista li {
	min-width: 0;
}

/* ---------- Carrinho vazio (289:19508) ---------- */

.cdw-pc-vazio {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--space-16);
	padding: 80px var(--wp--preset--spacing--space-16);
	text-align: center;
}

.cdw-pc-vazio__icone {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--surface-alt);
	color: var(--wp--preset--color--ink-muted);
	font-size: 32px;
}

.cdw-pc-vazio__titulo {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.5rem;
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.2;
}

.cdw-pc-vazio__texto {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

/* A vitrine já tem o próprio contêiner; aqui ela fica dentro do contêiner do carrinho. */
.cdw-pc .cdw-vitrine__conteiner {
	max-width: none;
	padding: 0;
}

/* ---------- Telas intermediárias ---------- */

@media (min-width: 782px) and (max-width: 1023px) {
	.cdw-pc__grade {
		grid-template-columns: minmax(0, 1fr) 320px;
	}

	.cdw-item {
		grid-template-columns: 96px minmax(0, 1fr) auto 44px;
	}

	.cdw-item__total {
		grid-column: 3;
		grid-row: 2;
	}

	.cdw-pc-sugestoes__lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Celular ---------- */

@media (max-width: 781px) {
	.cdw-pc {
		padding: var(--wp--preset--spacing--space-24) var(--wp--preset--spacing--space-16) var(--wp--preset--spacing--space-32);
	}

	.cdw-pc > .woocommerce,
	.cdw-pc__itens {
		gap: var(--wp--preset--spacing--space-32);
	}

	.cdw-pc__grade {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--space-32);
	}

	.cdw-pc__lateral {
		margin-top: 0;
	}

	.cdw-pc__resumo {
		gap: var(--wp--preset--spacing--space-32);
	}

	/* Item: foto 80 à esquerda; dados e, embaixo, quantidade | total + lixeira. */
	.cdw-item {
		grid-template-columns: 80px minmax(0, 1fr);
		gap: var(--wp--preset--spacing--space-4) var(--wp--preset--spacing--space-16);
		align-items: start;
	}

	.cdw-item__foto {
		grid-row: 1 / span 2;
	}

	.cdw-item__foto img {
		width: 80px;
		height: 80px;
	}

	.cdw-item__acoes {
		display: flex;
		grid-column: 2;
		align-items: center;
		justify-content: space-between;
		gap: var(--wp--preset--spacing--space-8);
	}

	.cdw-item__fim {
		display: flex;
		align-items: center;
		gap: var(--wp--preset--spacing--space-4);
		min-width: 0;
	}

	/* No celular o botão fica na barra fixa. */
	.cdw-resumo__finalizar {
		display: none;
	}

	.cdw-pc-barra {
		position: fixed;
		z-index: var(--wp--custom--z-index--header);
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		gap: var(--wp--preset--spacing--space-16);
		min-height: 72px;
		padding: 1px var(--wp--preset--spacing--space-16) calc(2px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--wp--preset--color--line);
		background: var(--wp--preset--color--surface);
		box-shadow: var(--wp--preset--shadow--float);
	}

	.cdw-pc-barra__total {
		display: flex;
		flex-direction: column;
		white-space: nowrap;
	}

	.cdw-pc-barra__rotulo {
		color: var(--wp--preset--color--ink-muted);
		font-size: var(--wp--preset--font-size--caption);
		line-height: 1.5;
	}

	.cdw-pc-barra__valor {
		font-family: var(--wp--preset--font-family--display);
		font-size: 1.25rem;
		font-weight: var(--wp--custom--weight--heavy);
		line-height: 1.3;
	}

	.cdw-pc-barra__valor strong {
		font-weight: inherit;
	}

	.cdw-pc-barra__valor small {
		display: none;
	}

	.cdw-pc-barra__pix {
		color: var(--wp--preset--color--success);
		font-size: var(--wp--preset--font-size--caption);
		line-height: 1.5;
	}

	.cdw-pc-barra__botao {
		flex: 1;
		min-width: 0;
		padding-inline: var(--wp--preset--spacing--space-16);
	}

	/* A barra fixa não cobre o fim do rodapé. */
	body:has(.cdw-pc-barra) {
		padding-bottom: calc(72px + env(safe-area-inset-bottom));
	}

	.cdw-pc-sugestoes__lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--space-24) 12px;
	}

	.cdw-pc-vazio {
		padding: var(--wp--preset--spacing--space-48) 0;
	}
}