/*
 * BÚFALO ENCOMENDA2 — layout do frame Viking
 *
 * A geometria do desenho está declarada uma vez abaixo. O painel direito
 * não é um viewport de recorte: a cadeia HTML recebe a altura real do
 * quadrado e cada etapa é dimensionada para caber nela.
 */

body.bc-encomenda2-master {
	--bc-frame-ink: #3a2416;
	/* Clareia apenas a imagem global; controles e conteúdo seguem opacos. */
	background-image:
		linear-gradient(rgba(255, 253, 248, 0.40), rgba(255, 253, 248, 0.40)),
		url("https://www.buffalocanecas.com.br/wp-content/uploads/2026/09/ChatGPT-Image-15-de-set.-de-2026-22_32_03.png") !important;
}

/* V0.10.5 — só o celular usa a nova arte vertical. A camada clara é
 * idêntica à do desktop (40%), portanto a transparência permanece padrão. */
@media (max-width: 767px) {
	body.bc-encomenda2-master {
		background-image:
			linear-gradient(rgba(255, 253, 248, 0.40), rgba(255, 253, 248, 0.40)),
			url("../images/mobile-page-background-v0-10-5.png") !important;
	}
}

/* v0.9.89 — aproxima SOMENTE os três blocos externos no desktop,
 * seguindo a referência fornecida. Nenhuma geometria interna do configurador
 * é alterada aqui. O banner superior permanece no lugar; o título central e
 * o frame sobem independentemente.
 */
@media (min-width: 768px) {
	.buffalo-monte-section {
		margin-top: -85px !important;
		margin-bottom: -26px !important;
	}

	.buffalo-config-frame {
		margin-top: -140px !important;
	}
}

/* Hero e título artístico: mantidos na mesma escala e posição. */
.buffalo-encomenda2-hero {
	display: block;
	width: min(1176px, calc(100% - 32px));
	margin: 18px auto;
	background: transparent !important;
}

.buffalo-encomenda2-hero picture {
	display: block;
}

.buffalo-encomenda2-hero img {
	display: block;
	width: 100%;
	height: auto;
}

.buffalo-monte-section {
	position: relative;
	z-index: 3;
	width: min(1280px, calc(100% - 24px));
	margin: 0 auto -26px;
	background: transparent !important;
}

.buffalo-monte-section__title {
	width: min(980px, calc(100% - 40px));
	margin: 0 auto;
	line-height: 0;
}

.buffalo-monte-section__title img {
	display: block;
	width: 100%;
	height: auto;
}

.buffalo-config-frame {
	display: block;
	width: min(1540px, calc(100vw - 24px));
	max-width: none;
	margin: 0 auto 34px;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* O PNG do frame mede 1672 × 1140. O cabeçalho foi ampliado sem reduzir os dois quadrados. */
body.bc-encomenda2-master .buffalo-config-frame__stage {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	aspect-ratio: 1672 / 1140 !important;
	margin: 0 !important;
	padding: 0 !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	box-sizing: border-box !important;
}

/* v0.9.85 — estende SOMENTE o cabeçalho visual do frame 50px para cima.
 * O frame original dos dois containers inferiores permanece intacto.
 * O recorte corresponde exatamente ao cabeçalho original (y 0→230) e é
 * esticado entre -50px e a mesma divisória inferior, portanto a divisória e
 * os dois quadrados de baixo NÃO mudam de posição visual.
 */
body.bc-encomenda2-master .buffalo-config-frame__stage::before {
	content: "";
	position: absolute;
	left: 0;
	top: -50px;
	width: 100%;
	height: calc(20.175439% + 50px);
	background-image: url("../images/configurador-frame-header-v0-9-85.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 0;
}

body.bc-encomenda2-master .buffalo-config-area,
body.bc-encomenda2-master .buffalo-config-title-slot {
	position: absolute;
	z-index: 2;
}

.buffalo-config-area,
.buffalo-config-title-slot {
	min-width: 0;
	min-height: 0;
	box-sizing: border-box;
}

/* No desktop, os agrupadores mobile não criam nenhuma caixa nova: os três
 * blocos continuam alinhados exatamente ao PNG horizontal original. */
.bc-mobile-config-panel,
.bc-mobile-stepper-wrap,
.bc-mobile-panel {
	display: contents;
}

/* Retângulo superior ampliado: x 69→1602, y 69→230.
 * A faixa ganhou 60 px reais no PNG. Os quadrados continuam com os mesmos
 * 824 px de altura; eles apenas começam 60 px mais abaixo.
 */
body.bc-encomenda2-master .buffalo-config-area--top {
	position: absolute !important;
	left: 4.126794% !important;
	top: calc(6.052632% - 50px) !important;
	width: 91.686603% !important;
	height: calc(14.122807% + 50px) !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/*
 * v0.9.85 — preserva a organização da v0.9.56, mas agora dentro de uma faixa
 * fisicamente maior. O stepper ocupa a parte alta e os títulos ficam numa
 * segunda faixa, com folga real entre eles e também em relação à borda.
 */
body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper {
	position: absolute !important;
	left: 0 !important;
	top: calc(5% + 47.5px) !important;
	width: 100% !important;
	height: calc(42% - 21px) !important;
	margin: 0 !important;
	padding: 0 3.5% !important;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item {
	position: relative;
	display: flex !important;
	flex-direction: row !important;
	min-width: 0;
	align-items: center;
	justify-content: center;
	gap: 0;
	text-align: center;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__number {
	width: clamp(36.8px, 2.7vw, 41.4px) !important;
	height: clamp(36.8px, 2.7vw, 41.4px) !important;
	flex: 0 0 auto;
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 1;
	background: rgba(255, 252, 245, .9) !important;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__label {
	position: absolute !important;
	left: 50% !important;
	top: calc(50% + clamp(25px, 1.9vw, 27px)) !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	color: var(--bc-frame-ink) !important;
	font-size: clamp(10px, .8vw, 12px);
	line-height: 1.05;
	white-space: nowrap;
	text-align: center;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(50% + 30px);
	transform: translateY(-50%);
	width: calc(100% - 60px);
	height: clamp(15.6px, 1.495vw, 23.4px);
	background-color: transparent !important;
	background-image: url("../images/stepper-knot-repeat-brown-v10.png");
	background-repeat: repeat-x;
	background-position: left center;
	background-size: auto 100%;
	z-index: 0;
	display: block;
	opacity: 1;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__number,
body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__label {
	position: relative;
	z-index: 1;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item.is-current .bc-stepper__number,
body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item.is-complete .bc-stepper__number {
	background: #2f8f4d !important;
	border-color: #2f8f4d !important;
	color: #fff !important;
}

body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item.is-complete:not(:last-child)::after {
	background-color: transparent !important;
	background-image: url("../images/stepper-knot-repeat-green-v10.png") !important;
	background-repeat: repeat-x !important;
	background-position: left center !important;
	background-size: auto 100% !important;
	opacity: 1 !important;
}

/* Segunda faixa do cabeçalho: títulos separados do stepper por uma área vazia.
 * Eles compartilham o stage com os painéis inferiores. As coordenadas abaixo
 * são a composição final no PNG (em vez de dependerem de um contêiner aninhado).
 */
body.bc-encomenda2-master .buffalo-config-title-slot {
	position: absolute !important;
	top: 14.526316% !important;
	height: 4.942982% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none !important;
	box-sizing: border-box !important;
	z-index: 3;
}

body.bc-encomenda2-master .buffalo-config-title-slot--left {
	left: 4.126794% !important;
	width: 45.155502% !important;
}

body.bc-encomenda2-master .buffalo-config-title-slot--right {
	left: 49.342105% !important;
	width: 46.471292% !important;
	align-items: center !important;
}

body.bc-encomenda2-master #buffalo-titulo-direita .bc-stage-heading {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: clamp(2px, 0.3vw, 4px);
	margin: 0;
	padding: 0 2%;
	background: transparent;
	border: 0;
	box-shadow: none;
	text-align: center;
	box-sizing: border-box;
}

body.bc-encomenda2-master #buffalo-titulo-direita .bc-stage-heading__title {
	margin: 0;
	color: var(--bc-frame-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(18px, 1.9vw, 30px);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

body.bc-encomenda2-master #buffalo-titulo-direita .bc-stage-heading__hint {
	margin: 0;
	color: var(--bc-frame-ink);
	font-size: clamp(12px, .9vw, 14px);
	font-weight: 600;
	line-height: 1.15;
	white-space: nowrap;
	text-align: center;
}

body.bc-encomenda2-master #buffalo-titulo-esquerda .bc-live-preview__caption {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	color: var(--bc-frame-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(25px, 2vw, 34px);
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

/* Quadrado esquerdo: x 69→824, y 230→1054 no PNG ampliado. */
body.bc-encomenda2-master .buffalo-config-area--left {
	position: absolute !important;
	left: 4.126794% !important;
	top: 20.175439% !important;
	width: 45.155502% !important;
	height: 72.280702% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 0;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	background: transparent;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview__image {
	width: auto;
	height: auto;
	max-width: 82%;
	max-height: 82%;
	margin: 0;
	object-fit: contain;
	object-position: center;
	background: transparent !important;
	box-shadow: none !important;
}

/* v0.10.35 — somente o placeholder de instruções do desktop ocupa
 * 100% do container. Fotos reais dos produtos mantêm o tamanho anterior. */
@media (min-width: 768px) {
	body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview.is-desktop-placeholder .bc-live-preview__image {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		object-position: center top;
	}
}

/* Nunca reaproveita visualmente a foto de outro modelo quando o produto ainda
 * não possui uma imagem cadastrada no WooCommerce. */
body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview.is-product-image-unavailable {
	position: relative;
}

body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview.is-product-image-unavailable::after {
	content: 'Imagem do produto indisponível';
	display: block;
	max-width: 78%;
	padding: 10px 12px;
	border: 1px dashed rgba(94, 52, 26, .38);
	border-radius: 6px;
	color: #5e341a;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview.is-product-image-unavailable .bc-live-preview__image {
	display: none;
}

body.bc-encomenda2-master .buffalo-card-image-box.bc-product-image-unavailable {
	position: relative;
	background: rgba(255, 252, 246, .68);
}

body.bc-encomenda2-master .buffalo-card-image-box.bc-product-image-unavailable::after {
	content: 'Imagem indisponível';
	display: block;
	padding: 5px;
	color: #5e341a;
	font-size: clamp(9px, 1.2vw, 12px);
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
}

/*
 * QUADRADO DIREITO — única regra de geometria do painel.
 * x 825→1602, y 230→1054 no PNG de 1672 × 1140.
 */
body.bc-encomenda2-master .buffalo-config-area--right {
	position: absolute !important;
	left: 49.342105% !important;
	top: 20.175439% !important;
	width: 46.471292% !important;
	height: 72.280702% !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Host: ocupa, sem deslocamento, a área física do quadrado. */
body.bc-encomenda2-master .buffalo-config-area--right .buffalo-selector-host {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	box-sizing: border-box;
}

/*
 * Cadeia que antes era interrompida pelo .woocommerce. Ela recebe a altura
 * do quadrado inteiro sem margin, padding, transform ou recorte.
 */
body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell,
body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell > .woocommerce,
body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell .single-product,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .summary {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	float: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell::before,
body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell::after {
	content: none !important;
	display: none !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .woocommerce-product-gallery,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > :not(.summary):not(.woocommerce-product-gallery) {
	display: none !important;
}

/* O resumo nativo vira uma coluna de duas linhas: configurador + frete. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .summary {
	display: grid !important;
	grid-template-rows: minmax(0, 1fr) auto;
	gap: 6px;
	align-content: stretch;
}

/* As cinco áreas internas formam um conjunto único, centralizado no quadrado. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto auto auto auto;
	gap: clamp(8px, 1.1vh, 12px);
	/* A área livre é repartida igualmente antes, entre e depois dos cinco blocos. */
	align-content: space-evenly;
	justify-items: stretch;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Os pseudo-elementos de clearfix do WooCommerce não podem virar linhas da grade. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart::before,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart::after {
	content: none !important;
	display: none !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .ppom-wrapper {
	grid-row: 1;
	align-self: start;
	display: block !important;
	width: 100% !important;
	min-width: 0;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .buffalo-product-shipping {
	grid-row: 2;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-summary {
	grid-row: 3;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-navigation {
	grid-row: 4;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-security-line {
	grid-row: 5;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .ppom-wrapper,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .ppom-rendering-fields,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .form-row,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .ppom-field-wrapper,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage-shell,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage {
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	/*
	 * PPOM aplica position:absolute e height:0 a alguns campos condicionais
	 * (por exemplo caixa_400ml). Como o form tem padding, esse absoluto passa
	 * a usar o #product inteiro como containing block e ultrapassa 14 px à
	 * direita. Nesta única cadeia ele volta ao fluxo normal, recebe a largura
	 * útil e reserva a sua altura real.
	 */
	position: static !important;
	inset: auto !important;
	max-height: none !important;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-builder-ui,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage-heading {
	display: none !important;
}

/* PPOM continua controlando os campos; apenas a etapa ativa ocupa espaço. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage-shell:not(.bc-stage-shell--current),
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage-shell--excluded,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage:not(.bc-stage--current),
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage--excluded {
	display: none !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage-shell--current:not(.bc-stage-shell--excluded),
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage--current:not(.bc-stage--excluded) {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage > label,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage > .form-label,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage > .form-control-label,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-stage > .ppom-label-item {
	display: none !important;
}

/* Grades das etapas: cada coluna usa somente a largura disponível. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	width: 100% !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-card {
	display: flex !important;
	min-width: 0;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(116, 76, 37, .24) !important;
	border-radius: 10px !important;
	background: rgba(255, 252, 246, .48) !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho .buffalo-visual-card {
	height: clamp(132px, 10.5vw, 152px);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-visual-card {
	height: clamp(122px, 12.3vw, 172px);
}

/* Fotos das madeiras: maiores dentro dos próprios cards, sem alterar a grade. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-visual-card {
	height: clamp(144px, 13.7vw, 192px);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .buffalo-visual-card,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .buffalo-visual-card {
	height: clamp(96px, 8vw, 112px);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .buffalo-visual-card,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .buffalo-visual-card,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .buffalo-visual-card {
	height: clamp(100px, 8.5vw, 118px);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-image-box,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo {
	flex: 1 1 auto;
	min-height: 0;
	height: clamp(70px, 8.9vw, 124px);
	padding: 4px;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box {
	height: clamp(92px, 10.7vw, 150px);
	padding: 2px;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-image-box img,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* v0.10.37 — o arredondamento das fotos não pode revelar um bloco branco
 * quadrado por trás. A área imediatamente atrás da imagem fica transparente. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-image-box,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo {
	background: transparent !important;
	border-radius: inherit;
	overflow: hidden !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-image-box img,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo img {
	display: block;
	border-radius: inherit;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-option-visual {
	flex: 1 1 auto;
	min-height: 0;
	padding: 7px;
	font-size: clamp(32.2px, 2.99vw, 42.55px);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-option-visual svg {
	width: clamp(42px, 4.8vw, 64px);
	height: clamp(42px, 4.8vw, 64px);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-content {
	flex: 0 0 auto;
	min-height: 36px;
	padding: 5px 4px;
	gap: 2px;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-title {
	font-size: clamp(12.65px, 1.035vw, 14.95px);
	line-height: 1.12;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-price {
	font-size: clamp(11.5px, .92vw, 13.8px);
	line-height: 1.1;
}

/* Frete é uma segunda linha do resumo nativo e não altera a largura do painel. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .summary > .buffalo-product-shipping,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart .buffalo-product-shipping {
	display: block !important;
	width: 100% !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	color: var(--bc-frame-ink) !important;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping::before {
	content: none !important;
	display: none !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 6px !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head > div {
	gap: 1px !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head strong {
	font-size: 17.2px !important;
	line-height: 1.15 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head small {
	font-size: 13.225px !important;
	line-height: 1.15 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 98px !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-postcode,
body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-calc-button {
	width: 100% !important;
	min-width: 0 !important;
	height: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 6px 8px !important;
	font-size: 15.87px !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-postcode {
	border-radius: 8px !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-calc-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	border-radius: 8px !important;
	white-space: nowrap;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__helper {
	margin: 3px 0 0 !important;
	line-height: 1 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__helper a,
body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__status,
body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__address {
	font-size: 13.225px !important;
	line-height: 1.2 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__status {
	min-height: 0 !important;
	margin: 3px 0 0 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__address {
	margin: 2px 0 0 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate-list {
	display: grid !important;
	gap: 4px !important;
	margin: 5px 0 0 !important;
	border: 0 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate {
	display: flex !important;
	min-height: 36px !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 5px 7px !important;
	border: 1px solid #e2ddd5 !important;
	border-radius: 7px !important;
	background: rgba(255, 253, 248, .78) !important;
	box-sizing: border-box !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate__name {
	font-size: 14.55px !important;
	line-height: 1.15 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate__price {
	font-size: 15.87px !important;
	line-height: 1.1 !important;
}

body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__hint {
	margin: 3px 0 0 !important;
	padding: 0 !important;
	font-size: 12.565px !important;
	line-height: 1.2 !important;
}

/* Resumo e navegação são linhas estáveis dentro do formulário. */
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 9px 11px;
	border: 1px solid rgba(116, 76, 37, .2);
	border-radius: 9px;
	background: rgba(255, 252, 246, .52);
	box-shadow: none;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__label,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__total-label {
	font-size: 10.58px;
	line-height: 1.1;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__selection {
	font-size: 14.55px;
	line-height: 1.15;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__price {
	font-size: 23.805px;
	line-height: 1;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation {
	grid-template-columns: minmax(90px, .36fr) minmax(0, 1fr);
	gap: 6px;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation--first {
	grid-template-columns: minmax(0, 1fr);
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button {
	min-width: 0;
	min-height: 42px;
	margin: 0;
	padding: 6px 8px;
	font-size: 13.8px;
	line-height: 1.1;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button--next {
	font-size: 17.94px;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button--next.is-ready {
	font-size: 14.5px;
	line-height: 1.05;
	white-space: normal;
	overflow-wrap: anywhere;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-security-line {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 10.925px;
	line-height: 1.15;
	box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-config-area--right #product-1433 input,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 select,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 textarea,
body.bc-encomenda2-master .buffalo-config-area--right #product-1433 button {
	max-width: 100%;
	box-sizing: border-box;
}

/* Em telas compactas o frame continua o mesmo; só os controles internos encolhem. */
@media (min-width: 768px) and (max-width: 900px) {
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart {
		gap: 4px;
		padding: 8px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .summary {
		gap: 4px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid {
		gap: 4px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-visual-card {
		height: 82px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-visual-card {
		height: 102px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho .buffalo-visual-card,
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .buffalo-visual-card,
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .buffalo-visual-card,
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .buffalo-visual-card,
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .buffalo-visual-card,
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .buffalo-visual-card {
		height: 72px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-image-box,
	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo {
		height: 46px;
		padding: 2px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box {
		height: 66px;
		padding: 1px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-option-visual {
		padding: 4px;
		font-size: 27.6px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-content {
		min-height: 28px;
		padding: 3px 2px;
		gap: 1px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-title {
		font-size: 10.35px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-price {
		font-size: 9.2px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head {
		margin-bottom: 3px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head strong {
		font-size: 14.55px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head small,
	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__helper a,
	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__status,
	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__address {
		font-size: 11.9px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-postcode,
	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-calc-button {
		height: 30px !important;
		min-height: 30px !important;
		padding: 4px 6px !important;
		font-size: 13.225px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate-list {
		gap: 3px !important;
		margin-top: 4px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate {
		min-height: 26px !important;
		padding: 3px 5px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate__name,
	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate__price {
		font-size: 11.9px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__hint {
		font-size: 10.58px !important;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary {
		padding: 5px 6px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__selection {
		font-size: 11.9px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__price {
		font-size: 19.84px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button {
		min-height: 30px;
		padding: 5px 6px;
		font-size: 11.5px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button--next {
		font-size: 14.95px;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button--next.is-ready {
		font-size: 12.5px;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-security-line {
		font-size: 9.2px;
	}
}

/* ========================================================
   V0.9.90 — FRAME "TUDO QUE VOCÊ PRECISA SABER"
   Usa a mesma linguagem visual/moldura externa do seletor.
   O conteúdo original da página é mantido intacto e apenas
   colocado dentro desta nova moldura, abaixo do configurador.
   ======================================================== */
.buffalo-info-frame {
    display: block;
    width: min(1540px, calc(100vw - 24px));
    max-width: none;
    margin: 18px auto 44px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

.buffalo-info-frame__stage {
    position: relative;
    display: block;
    width: 100%;
    min-height: 420px;
    padding: clamp(62px, 5.2vw, 92px) clamp(58px, 6vw, 104px) clamp(66px, 5.5vw, 96px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.buffalo-info-frame__content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    box-sizing: border-box;
}

.buffalo-info-frame__content > :first-child {
    margin-top: 0 !important;
}

.buffalo-info-frame__content > :last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .buffalo-info-frame {
        width: calc(100% - 12px);
        /* v0.10.11 — encosta o próximo quadro no fim do configurador.
         * O margin-top de 12px participava da faixa externa clara. */
        margin: 0 auto 26px;
    }

    .buffalo-info-frame__stage {
        min-height: 0;
        padding: 48px 24px 52px;
        background-size: 100% 100%;
    }
}



/* ========================================================
   V0.9.91 — CONTEÚDO NATIVO DO BLOCO INFORMATIVO
   O frame é sempre renderizado pelo plugin; não depende do
   conteúdo original da página/Elementor.
   ======================================================== */
body.bc-encomenda2-master .buffalo-info-frame__content {
    color: var(--bc-frame-ink);
}

body.bc-encomenda2-master .buffalo-info-frame__title {
    margin: 0 0 24px !important;
    color: var(--bc-frame-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 2.5vw, 44px);
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
}

body.bc-encomenda2-master .buffalo-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    width: 100%;
}

body.bc-encomenda2-master .buffalo-info-item {
    margin: 0;
    border: 1px solid rgba(103, 67, 37, .28);
    border-radius: 9px;
    background: rgba(255, 252, 245, .72);
    box-shadow: 0 1px 0 rgba(255,255,255,.55) inset;
    overflow: hidden;
}

body.bc-encomenda2-master .buffalo-info-item > summary {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    color: var(--bc-frame-ink);
    cursor: pointer;
    list-style: none;
    box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-info-item > summary::-webkit-details-marker {
    display: none;
}

body.bc-encomenda2-master .buffalo-info-item__title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(15px, 1.15vw, 19px);
    font-weight: 700;
    line-height: 1.15;
}

body.bc-encomenda2-master .buffalo-info-item__icon {
    flex: 0 0 auto;
    color: #2f8f4d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    transition: transform .18s ease;
}

body.bc-encomenda2-master .buffalo-info-item[open] .buffalo-info-item__icon {
    transform: rotate(45deg);
}

body.bc-encomenda2-master .buffalo-info-item__body {
    padding: 0 16px 14px;
    color: #5b4535;
    font-size: clamp(13px, .9vw, 15px);
    line-height: 1.45;
}

@media (max-width: 767px) {
    /* v0.10.43 — melhora o quadro informativo no mobile:
     * cria um cabeçalho próprio para o título e compacta o conteúdo
     * para reduzir a sensação de moldura esticada. */
    body.bc-encomenda2-master #buffalo-master-info-frame {
        width: calc(100% - 10px);
        margin: 0 auto 22px;
    }

    body.bc-encomenda2-master #buffalo-master-info-frame .buffalo-info-frame__stage {
        padding: 96px 14px 30px;
    }

    body.bc-encomenda2-master #buffalo-master-info-frame .buffalo-info-frame__content {
        position: relative;
        padding-top: 18px;
    }

    body.bc-encomenda2-master #buffalo-master-info-frame .buffalo-info-frame__content::before {
        content: '';
        position: absolute;
        top: -46px;
        left: 50%;
        width: min(100%, 330px);
        height: 72px;
        transform: translateX(-50%);
        background: url('../images/configurador-frame-header-v0-9-85.png') center / 100% 100% no-repeat;
        pointer-events: none;
        z-index: 0;
    }

    body.bc-encomenda2-master #buffalo-master-info-frame .buffalo-info-frame__title {
        position: absolute;
        top: -10px;
        left: 50%;
        z-index: 1;
        width: min(296px, calc(100% - 34px));
        margin: 0 !important;
        transform: translateX(-50%);
        font-size: 20px;
        line-height: 1;
        text-align: center;
        text-wrap: balance;
    }

    body.bc-encomenda2-master .buffalo-info-grid {
        grid-template-columns: 1fr;
        gap: 7px;
        width: calc(100% - 18px);
        margin: 0 auto;
    }

    body.bc-encomenda2-master .buffalo-info-item {
        width: 100%;
        max-width: 100%;
    }

    body.bc-encomenda2-master .buffalo-info-item > summary {
        position: relative;
        min-height: 42px;
        justify-content: center;
        padding: 9px 12px;
        box-sizing: border-box;
    }

    body.bc-encomenda2-master .buffalo-info-item__title {
        width: 100%;
        padding: 0 24px;
        font-size: 13.5px;
        line-height: 1.08;
        text-align: center;
        box-sizing: border-box;
    }

    body.bc-encomenda2-master .buffalo-info-item__icon {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        font-size: 20px;
    }

    body.bc-encomenda2-master .buffalo-info-item[open] .buffalo-info-item__icon {
        transform: translateY(-50%) rotate(45deg);
    }

    body.bc-encomenda2-master .buffalo-info-item__body {
        padding: 0 12px 11px;
        font-size: 12.5px;
        line-height: 1.38;
    }
}


/* ========================================================
   V0.9.92 — NOVO QUADRO VAZIO DE TESTE
   Usa a referência enviada apenas nas bordas, sem reaproveitar
   logo, menu, ícones ou qualquer conteúdo central da imagem.
   ======================================================== */
body.bc-encomenda2-master .buffalo-reference-frame {
    display: block;
    width: min(1540px, calc(100vw - 24px));
    max-width: none;
    margin: 18px auto 48px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

body.bc-encomenda2-master .buffalo-reference-frame__stage {
    position: relative;
    display: block;
    width: 100%;
    min-height: 240px;
    box-sizing: border-box;
    background:
        linear-gradient(rgba(250, 242, 226, .96), rgba(250, 242, 226, .96));
    border-style: solid;
    border-width: 16px 76px;
    border-image-source: var(--buffalo-reference-border);
    border-image-slice: 9 72 9 72;
    border-image-width: 16px 76px;
    border-image-repeat: stretch;
    box-shadow:
        inset 0 0 0 1px rgba(111, 72, 38, .22),
        0 8px 18px rgba(48, 28, 15, .08);
}

@media (max-width: 767px) {
    /* v0.10.10 — o quadro decorativo vazio continua disponível no desktop,
     * mas não participa da versão mobile. */
    body.bc-encomenda2-master .buffalo-reference-frame {
        display: none !important;
    }
}

/* ========================================================
   V0.9.96 — UM ÚNICO PAINEL MOBILE CONTÍNUO
   A arte de 1672 × 1140 continua exclusiva do desktop. No
   celular, progresso, prévia e seleção fluem dentro de uma só
   moldura em nove fatias, sem recortes horizontais intermediários.
   ======================================================== */
@media (max-width: 767px) {
    html,
    body.bc-encomenda2-master,
    body.bc-encomenda2-master #page,
    body.bc-encomenda2-master .site,
    body.bc-encomenda2-master .site-content,
    body.bc-encomenda2-master .page-content,
    body.bc-encomenda2-master main {
        max-width: 100%;
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    /* v0.10.10 — o branco que aparecia FORA da moldura vinha dos wrappers
     * estruturais do tema. No celular eles ficam transparentes para revelar
     * o background artístico do body. O papiro interno do configurador não
     * é tocado por estas regras. */
    body.bc-encomenda2-master #page,
    body.bc-encomenda2-master .site,
    body.bc-encomenda2-master #content,
    body.bc-encomenda2-master .site-content,
    body.bc-encomenda2-master .ast-container,
    body.bc-encomenda2-master .content-area,
    body.bc-encomenda2-master #primary,
    body.bc-encomenda2-master .site-main,
    body.bc-encomenda2-master .page-content,
    body.bc-encomenda2-master article.page,
    body.bc-encomenda2-master .entry-content {
        background-color: transparent !important;
        background-image: none !important;
    }

    /* v0.10.11 — não deixa margens do conteúdo/tema reintroduzirem uma
     * faixa entre os blocos gerados pelo plugin. */
    body.bc-encomenda2-master #buffalo-master-config-frame + #buffalo-master-info-frame {
        margin-top: 0 !important;
    }

    /* Mantém o menu aprovado encostado no topo, sem cortá-lo no viewport. */
    #buffalo-encomenda2-header.bem-header {
        top: 0 !important;
        margin: 0 0 -2px !important;
        position: relative !important;
        z-index: 1000000 !important;
        isolation: isolate;
    }

    #buffalo-encomenda2-header .bem-frame {
        position: relative;
        z-index: 1000001 !important;
    }

    #buffalo-encomenda2-header .bem-frame {
        width: calc(100% - 10px) !important;
        height: 88px !important;
        min-height: 88px !important;
        padding: 7px 26px !important;
    }

    #buffalo-encomenda2-header .bem-panel {
        left: 8px !important;
        right: 8px !important;
        max-height: calc(100vh - 98px);
        overflow-y: auto;
        z-index: 1000002 !important;
    }

    /* v0.10.28 — no mobile o título "Monte sua caneca" funciona como
     * transição visual ENTRE o hero e o seletor: ele sobrepõe o final do
     * primeiro banner e, ao mesmo tempo, o seletor sobe por trás dele. */
    body.bc-encomenda2-master .buffalo-encomenda2-hero {
        width: calc(100% - 12px);
        margin: -18px auto 0 !important;
        position: relative;
        z-index: 20;
        overflow: visible !important;
    }

    body.bc-encomenda2-master .buffalo-encomenda2-hero picture,
    body.bc-encomenda2-master .buffalo-encomenda2-hero img {
        position: relative;
        z-index: 20;
        overflow: visible !important;
    }

    body.bc-encomenda2-master .buffalo-monte-section {
        width: calc(100% - 6px);
        margin: -56px auto -56px !important;
        position: relative;
        z-index: 30;
    }

    body.bc-encomenda2-master .buffalo-monte-section__title {
        width: min(100%, 650px);
        margin: 0 auto !important;
        position: relative;
        z-index: 31;
    }

    body.bc-encomenda2-master .buffalo-config-frame {
        width: calc(100% - 8px);
        margin: 0 auto !important;
        position: relative;
        z-index: 2;
    }

    /* O quadro horizontal não acompanha o fluxo vertical do celular. */
    body.bc-encomenda2-master .buffalo-config-frame__stage {
        display: block !important;
        min-height: 0;
        padding: 0 !important;
        aspect-ratio: auto !important;
        background-image: none !important;
        background-color: transparent !important;
    }

    body.bc-encomenda2-master .buffalo-config-frame__stage::before {
        content: none !important;
        display: none !important;
    }

    body.bc-encomenda2-master .bc-mobile-config-panel {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "progress"
            "."
            "preview"
            "."
            "selector";
        grid-template-rows: auto 2px auto 18px auto;
        gap: 0;
        position: relative;
        min-width: 0;
        box-sizing: border-box;
        border-style: solid;
        border-width: 28px 20px 26px;
        border-color: transparent;
        border-image-source: url("../images/info-frame-v0-9-90.png");
        /* O fundo artístico permanece do lado de fora. Dentro da moldura,
         * a fatia central preserva o acabamento de papiro do seletor. */
        border-image-slice: 112 76 100 76 fill;
        border-image-width: 28px 20px 26px;
        border-image-repeat: stretch;
        background: transparent !important;
        padding: 10px 3px 20px;
    }

    /* Estes três blocos são apenas grupos de leitura dentro do mesmo
     * pergaminho; não recebem outra borda, fundo nem espaçamento externo. */
    body.bc-encomenda2-master .bc-mobile-stepper-wrap,
    body.bc-encomenda2-master .bc-mobile-panel {
        display: block !important;
        position: relative;
        min-width: 0;
        margin: 0 !important;
        padding: 0;
        border: 0 !important;
        background: transparent !important;
        box-sizing: border-box;
    }

    body.bc-encomenda2-master .bc-mobile-stepper-wrap {
        grid-area: progress;
        min-height: 66px;
        padding: 2px 0 0;
    }

    body.bc-encomenda2-master .bc-mobile-panel--preview {
        display: grid !important;
        grid-area: preview;
        grid-template-rows: auto minmax(225px, auto);
        gap: 6px;
        padding: 0 2px;
    }

    body.bc-encomenda2-master .bc-mobile-panel--selector {
        display: grid !important;
        grid-area: selector;
        grid-template-rows: auto minmax(0, auto);
        gap: 10px;
        padding: 0 2px;
    }

    body.bc-encomenda2-master .bc-mobile-stepper-wrap .buffalo-config-area--top,
    body.bc-encomenda2-master .bc-mobile-panel .buffalo-config-title-slot,
    body.bc-encomenda2-master .bc-mobile-panel .buffalo-config-area--left,
    body.bc-encomenda2-master .bc-mobile-panel .buffalo-config-area--right {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    body.bc-encomenda2-master .bc-mobile-stepper-wrap .buffalo-config-area--top {
        display: block !important;
        min-height: 66px !important;
        overflow: visible !important;
    }

    body.bc-encomenda2-master .bc-mobile-stepper-wrap .buffalo-stepper-host {
        display: block;
        min-height: 66px;
    }

    body.bc-encomenda2-master .bc-mobile-stepper-wrap .buffalo-config-area--top .bc-stepper {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        min-height: 66px;
        height: 66px !important;
        padding: 0 2px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item {
        display: grid !important;
        grid-template-rows: 30px 24px;
        align-content: start;
        justify-items: center;
        min-height: 66px;
    }

    body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__number {
        grid-row: 1;
        align-self: start;
        width: 30px !important;
        height: 30px !important;
        font-size: 13px;
    }

    body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__label {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        grid-row: 2;
        align-self: start;
        display: block;
        width: calc(100% - 2px);
        min-height: 22px;
        margin: 3px 0 0 !important;
        white-space: normal !important;
        font-size: 9px !important;
        line-height: 1.06 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--top .bc-stepper__item:not(:last-child)::after {
        /* Compensa o deslocamento visual da faixa ornamental dentro da bolinha. */
        top: 16px;
        left: calc(50% + 18px);
        width: calc(100% - 36px);
        height: 10px;
    }

    body.bc-encomenda2-master .bc-mobile-panel--preview .buffalo-config-title-slot--left {
        grid-row: 1;
        display: flex !important;
        min-height: 34px !important;
    }

    body.bc-encomenda2-master .bc-mobile-panel--preview .buffalo-config-area--left {
        grid-row: 2;
        display: flex !important;
        min-height: 225px !important;
        overflow: visible !important;
    }

    body.bc-encomenda2-master .bc-mobile-panel--selector .buffalo-config-title-slot--right {
        grid-row: 1;
        display: flex !important;
        min-height: 54px !important;
    }

    body.bc-encomenda2-master .bc-mobile-panel--selector .buffalo-config-area--right {
        grid-row: 2;
        overflow: visible !important;
    }

    body.bc-encomenda2-master #buffalo-titulo-esquerda .bc-live-preview__caption {
        font-size: clamp(23px, 6.5vw, 28px);
        line-height: 1.08;
    }

    body.bc-encomenda2-master #buffalo-titulo-direita .bc-stage-heading {
        gap: 4px;
        padding: 0 4px;
    }

    body.bc-encomenda2-master #buffalo-titulo-direita .bc-stage-heading__title {
        font-size: clamp(20px, 6vw, 26px);
        line-height: 1.05;
    }

    body.bc-encomenda2-master #buffalo-titulo-direita .bc-stage-heading__hint {
        font-size: 13px;
        line-height: 1.2;
    }

    body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview {
        width: 100%;
        height: auto !important;
        min-height: 225px;
        padding: 8px 0;
    }

    body.bc-encomenda2-master .buffalo-config-area--left .bc-live-preview__image {
        width: auto !important;
        height: auto !important;
        max-width: min(88%, 330px) !important;
        max-height: 279px !important;
        object-fit: contain;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* A fonte escolhida pelo <picture> só no mobile é vertical; esta razão
     * evita que o espaço reservado use a proporção horizontal do desktop. */
    body.bc-encomenda2-master .buffalo-encomenda2-hero img {
        aspect-ratio: 941 / 1672;
    }

    body.bc-encomenda2-master .buffalo-config-area--right .buffalo-selector-host,
    body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell,
    body.bc-encomenda2-master .buffalo-config-area--right .bc-preview-product-shell > .woocommerce,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .summary,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 > .summary,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart {
        display: flex !important;
        flex-direction: column;
        gap: 12px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart {
        padding: 0 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .ppom-wrapper,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .buffalo-product-shipping,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-summary,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-navigation,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-security-line {
        width: 100% !important;
        min-width: 0;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .ppom-wrapper { order: 1; }
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .buffalo-product-shipping { order: 2; }
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-summary { order: 3; }
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-navigation { order: 4; }
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 form.cart > .bc-security-line { order: 5; }

    /* Cartões não voltam a formar quatro colunas minúsculas no celular. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-card {
        min-width: 0;
        min-height: 0;
        border-radius: 7px !important;
        overflow: hidden !important;
    }

    /* Apenas os cartões iniciais 400 ml e 1 litro ficam mais baixos.
     * A largura e a grade de duas colunas permanecem as mesmas. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho .buffalo-visual-card {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-visual-card {
        height: auto !important;
        aspect-ratio: auto;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-visual-card {
        height: auto !important;
        min-height: 128px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-image-box,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-option-visual {
        height: auto !important;
        min-height: 0;
        flex: 1 1 auto;
        padding: 4px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-option-visual {
        font-size: clamp(26px, 8vw, 34px) !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-option-visual svg {
        width: clamp(38px, 13vw, 56px);
        height: clamp(38px, 13vw, 56px);
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-content {
        min-height: 36px;
        padding: 4px 5px;
        gap: 1px;
    }

    /* Nas madeiras, o frame é apenas foto + nome: sem uma altura sobrando
     * acima ou abaixo da imagem. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box {
        flex: 0 0 auto;
        aspect-ratio: 1 / 1;
        padding: 0 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box img {
        object-position: center bottom;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-content {
        min-height: 24px;
        padding: 0 3px 2px;
        gap: 0;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-title {
        font-size: 11px;
        line-height: 1.12;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-card-price {
        font-size: 10px;
        line-height: 1.1;
    }

    /* As artes de tamanho já trazem o nome. Nas madeiras, o título continua
     * visível para identificar cada foto durante a escolha. */
    body.bc-encomenda2-master #product-1433 .ppom-input-tamanho .buffalo-card-title {
        display: none !important;
    }

    body.bc-encomenda2-master #product-1433 .ppom-input-madeira .buffalo-card-title {
        display: block !important;
        font-size: 12px;
    }

    body.bc-encomenda2-master #product-1433 .buffalo-visual-card.is-selected::after {
        top: 6px;
        right: 6px;
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head {
        gap: 4px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head strong {
        font-size: 16px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__head small,
    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__helper a,
    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__status,
    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__address {
        font-size: 12px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__form {
        grid-template-columns: minmax(0, 1fr) 88px !important;
        gap: 6px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-postcode,
    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-shipping-calc-button {
        min-height: 44px !important;
        height: 44px !important;
        font-size: 14px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate {
        min-height: 38px !important;
        flex-wrap: wrap;
        gap: 4px 8px !important;
        padding: 6px 8px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate__name,
    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-rate__price {
        font-size: 13px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary {
        padding: 10px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__selection {
        font-size: 13px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-summary__price {
        font-size: 22px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button {
        min-height: 44px;
        padding: 8px;
        font-size: 13px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button--next {
        font-size: 16px;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-navigation__button--next.is-ready {
        font-size: 12.5px !important;
        line-height: 1.05;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .bc-security-line {
        font-size: 10px;
        line-height: 1.25;
    }

    body.bc-encomenda2-master .buffalo-info-frame__stage {
        padding: 40px 18px 44px;
    }

    body.bc-encomenda2-master .buffalo-info-item > summary {
        align-items: flex-start;
    }

    #buffalo-encomenda2-footer .bef-frame {
        width: calc(100% - 10px) !important;
        padding: 22px 26px !important;
    }

    #buffalo-encomenda2-footer .bef-clean-item {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    /* V0.10.2 — cartões fotográficos mais justos no celular.
     * Cada frame termina na foto e no respectivo nome, sem altura de linha
     * sobrando. Os botões iniciais conservam a largura, mas ficam 20% baixos. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas {
        gap: 5px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho .buffalo-visual-card {
        aspect-ratio: 15 / 8;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-visual-card {
        min-height: 0;
        align-self: start;
        justify-content: flex-start;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-visual-card {
        min-height: 0;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo {
        flex: 0 0 auto;
        aspect-ratio: 1 / 1;
        padding: 0 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-card-content {
        min-height: 20px;
        padding: 0 2px 1px;
        gap: 0;
    }

    /* V0.10.3 — a arte dos tamanhos ocupa o card todo, portanto o texto
     * fica realmente centralizado. Os cards seguintes usam o mesmo ritmo
     * compacto de Madeira: área visual quadrada + nome logo abaixo. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho .buffalo-card-content {
        display: none !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--tamanho .bc-option-visual {
        width: 100%;
        height: 100% !important;
        flex: 1 1 auto;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        text-align: center;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro {
        gap: 5px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .buffalo-visual-card {
        height: auto !important;
        min-height: 0 !important;
        align-self: start;
        justify-content: flex-start;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-image-box,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .bc-option-visual {
        width: 100%;
        flex: 0 0 auto;
        aspect-ratio: 1 / 1;
        padding: 0 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--madeira .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .buffalo-card-content,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .buffalo-card-content {
        min-height: 20px;
        padding: 0 2px 1px;
        gap: 0;
    }

    /* V0.10.4 — todos os cards usam a referência de Madeira como medida.
     * Cintas passa a exibir a caneca inteira, e os símbolos preenchem a
     * mesma área visual quadrada em vez de ficarem perdidos no centro. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .bc-option-visual {
        font-size: clamp(56px, 20vw, 84px) !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .bc-option-visual svg,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .bc-option-visual svg,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .bc-option-visual svg {
        width: min(58%, 100px) !important;
        height: min(58%, 100px) !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .bc-option-visual i {
        width: min(48%, 82px);
        height: min(48%, 82px);
        border-width: 7px;
    }

    /* V0.10.6 — apenas Cintas mantém o card fotográfico grande. As opções
     * por ícone retornam ao formato compacto. */
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo {
        overflow: hidden !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--cintas .bc-cinta-photo img {
        transform: scale(1.75);
        transform-origin: center center;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .buffalo-visual-card,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .buffalo-visual-card {
        height: clamp(86px, 25vw, 96px) !important;
        min-height: 0 !important;
        align-self: stretch;
        justify-content: space-between;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .bc-option-visual,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .bc-option-visual {
        width: auto;
        height: auto !important;
        min-height: 0;
        flex: 1 1 auto;
        aspect-ratio: auto;
        padding: 2px !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--runas .bc-option-visual {
        font-size: clamp(34px, 10.5vw, 44px) !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--gravacao_laser .bc-option-visual svg,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_400ml .bc-option-visual svg,
    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--caixa_1_litro .bc-option-visual svg {
        width: clamp(36px, 11vw, 46px) !important;
        height: clamp(36px, 11vw, 46px) !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #product-1433 .buffalo-visual-grid--glow_gravacao .bc-option-visual i {
        width: clamp(34px, 10vw, 42px);
        height: clamp(34px, 10vw, 42px);
        border-width: 5px;
    }
}

@media (max-width: 380px) {
    #buffalo-encomenda2-header .bem-frame {
        height: 82px !important;
        min-height: 82px !important;
        padding-left: 21px !important;
        padding-right: 21px !important;
    }

    #buffalo-encomenda2-header .bem-real-logo img {
        max-width: 120px !important;
        max-height: 48px !important;
    }

    body.bc-encomenda2-master .buffalo-config-frame__stage {
        padding: 0 !important;
    }

    body.bc-encomenda2-master .buffalo-config-area--right #monte-sua-caneca .buffalo-product-shipping__form {
        grid-template-columns: minmax(0, 1fr) 82px !important;
    }
}