/* Remove highlight azul ao tocar (Chrome / Android) */
* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0,0,0,0);
}

/* Remove seleção visual azul */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Remove outline azul em foco */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove highlight específico de links e botões */
a, button {
  -webkit-tap-highlight-color: transparent;
}

/* Mantém seleção APENAS onde faz sentido */
input, textarea {
  -webkit-user-select: text !important;
  user-select: text !important;
}




/* ---------------------------------------------------------
   BLOCO 1 — Área da imagem principal do produto (mobile)
---------------------------------------------------------- */
@media (max-width:767px) {

	.product-monja-focus .product-images img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: cover;
    }

	/* Oculta miniaturas nativas/elementos de thumbs */
	.product-monja-focus .product-thumbnails,
	.product-monja-focus .js-product-thumbnails,
	.product-monja-focus .product-images .thumbnails,
	.product-monja-focus .product-images .swiper-thumbs,
	.product-monja-focus .product-images [class*="thumb"] {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}



/* ---------------------------------------------------------
   BLOCO 2 — Cabeçalho personalizado (título/subtítulo/reviews) (mobile)
---------------------------------------------------------- */
@media (max-width:767px) {

	/* Wrapper do cabeçalho (título à esquerda e reviews à direita) */ 
	.product-monja-focus .mh-hero-head { 
		display: flex; 
		justify-content: space-between; 
		align-items: flex-start; 
		gap: 12px; 
		margin-bottom: 16px; 
	} 

	/* Título custom do produto */ 
	.product-monja-focus .mh-title { 
		font-size: 20px; 
		font-weight: 700; 
		margin: 0 0 4px 0; 
	} 

	/* Subtítulo custom */ 
	.product-monja-focus .mh-subtitle { 
		font-size: 13px; 
		line-height: 1.4; 
		color: #444; 
		margin: 0; 
	} 

	/* Área de reviews (alinhada à direita) */ 
	.product-monja-focus .mh-hero-reviews { 
		text-align: right; 
		font-size: 12px; 
		white-space: nowrap; 
	} 

	/* Estrelas (cor e tamanho) */ 
	.product-monja-focus .mh-stars { 
		color: #ffb74a; 
		font-size: 14px; 
		line-height: 1; 
		margin-bottom: 4px; 
	} 

	/* Texto do contador de reviews */ 
	.product-monja-focus .mh-reviews-count { 
		font-size: 12px; 
		color: #333; 
	} 

	/* Remove título/descrição nativa da Nuvemshop para evitar duplicidade */ 
	.product-monja-focus .product-info h1, 
	.product-monja-focus .product-info .product_short_description, 
	.product-monja-focus .product-info .product-description-short { 
		display: none !important; 
	}
}



/* ---------------------------------------------------------
   BLOCO 3 — Cards de benefícios (3 cards ilustrativos) (mobile)
---------------------------------------------------------- */
@media (max-width:767px) {

	/* Container dos 3 cards */
	.mh-beneficios {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin: 20px 0;
	}

	/* Card individual */
	.mh-beneficio-card {
		background: #f7f2ee;
		border-radius: 14px;
		padding: 20px 8px;
		width: 32%;
		text-align: center;
		box-shadow: 0 0 0 1px #e6d9cf;
	}

	/* Ícone dentro do card (tamanho + espaçamento inferior) */
	.mh-beneficio-icon {
		width: 32px;
		height: 32px;
		margin: 0 auto 8px;

		/* Animação pulse leve (aumenta 0.2 = 20%) */
		animation-name: mhPulseIcon;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-direction: alternate;
		transform-origin: center;
	}

	/* Duração diferente para cada ícone */
	.mh-beneficio-card:nth-child(1) .mh-beneficio-icon { animation-duration: 1s; }
	.mh-beneficio-card:nth-child(2) .mh-beneficio-icon { animation-duration: 1.5s; }
	.mh-beneficio-card:nth-child(3) .mh-beneficio-icon { animation-duration: 2s; }

	/* Keyframes do pulse (escala 1 -> 1.2) */
	@keyframes mhPulseIcon {
		from { transform: scale(1); }
		to   { transform: scale(1.2); }
	}

	/* Texto do card */
	.mh-beneficio-card p {
		font-size: 12px;
		line-height: 14px;
		font-weight: 600;
		color: #333;
		margin: 0px;
	}
}



/* ---------------------------------------------------------
   BLOCO 4 — Ocultação de infos nativas abaixo das fotos (breadcrumb/preços/parcelas/etc.)
---------------------------------------------------------- */

/* Breadcrumbs */
.product-monja-focus .breadcrumbs,
.product-monja-focus .breadcrumb,
.product-monja-focus .js-breadcrumbs-container {
	display: none !important;
}

/* Preço comparativo */
.product-monja-focus #compare_price_display {
	display: none !important;
}

/* Preço principal */
.product-monja-focus #price_display,
.product-monja-focus .js-price-display {
	display: none !important;
}

/* % OFF */
.product-monja-focus .js-offer-percentage,
.product-monja-focus .price-container .text-accent {
	display: none !important;
}

/* Economia */
.product-monja-focus .price-discount-disclaimer,
.product-monja-focus .js-product-discount-container,
.product-monja-focus .js-price-saved-amount-container {
	display: none !important;
}

/* Parcelas / pagamentos */
.product-monja-focus .installments,
.product-monja-focus .js-product-payments-container,
.product-monja-focus .product-installments,
.product-monja-focus #btn-installments {
	display: none !important;
}

/* “Ver mais detalhes” */
.product-monja-focus a[href*="detalhes"],
.product-monja-focus .js-product-promo-container {
	display: none !important;
}



/* ---------------------------------------------------------
   BLOCO 5 — App de combos HUAPPS (cards de preço/quantidade) (mobile)
   (FOCUS: usar laranja padrão no selecionado + badges)
---------------------------------------------------------- */
@media (max-width: 767px) {

	/* Espaçamento geral */
	.product-monja-focus #huapps-discount-radio-group {
		margin-top: 0px;
	}

	/* CARD base */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item {
		border: 1.5px solid #dedede;
		border-radius: 22px;
		padding: 16px 18px;
		background: #ffffff;
		margin-bottom: 14px;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
		position: relative;
		transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
	}

	/* CARD SELECIONADO (LARANJA PADRÃO) */
	.product-monja-focus 
	#huapps-discount-radio-group 
	.huapps-discount-radio-group-list-item.huapps-discount-radio-group-list-item-active {
		background: #FFF3EE !important;
		border-color: rgba(242, 105, 73, .45) !important;
		box-shadow: 0 0 0 1px rgba(242,105,73,.20) !important;
	}

	/* Título */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong {
		font-size: 16px;
		font-weight: 700;
		color: #333;
		display: block;
		margin-bottom: 2px;
	}

	/* Texto secundário */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item small,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item span {
		font-size: 13px;
		color: #555;
	}

	/* BLOCO DO PREÇO — direita */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item b:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item del {
		margin-left: auto !important;
		text-align: right !important;
		display: block;
	}

	/* Preço principal */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item b:last-child {
		font-size: 20px;
		font-weight: 700;
		color: #000;
	}

	/* Preço riscado */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item del {
		font-size: 13px;
		color: #999;
	}

	/* BADGES (LARANJA PADRÃO) */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item::after {
		position: absolute;
		top: -14px;
		right: 18px;
		background: #FFE3DB;
		color: #B43D25;
		padding: 4px 14px;
		font-size: 12px;
		font-weight: 600;
		border-radius: 999px;
		line-height: 1;
	}

	/* 1º item – melhor valor */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(1)::after {
		content: "melhor valor 💰";
	}

	/* 2º item – mais vendido */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(2)::after {
		content: "mais vendido 🔥";
		background: #FFD9CF;
		color: #B43D25;
	}

	/* 3º item – sem badge */
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(3)::after {
		content: "" !important;
		background: transparent !important;
		padding: 0 !important;
	}
}



/* ---------------------------------------------------------
   BLOCO 6 — Limpeza de elementos abaixo do botão (mobile)
---------------------------------------------------------- */
@media (max-width: 767px) {

	.product-monja-focus .form-quantity-container,
	.product-monja-focus .js-quantity {
		display: none !important;
	}

	.product-monja-focus .js-added-to-cart-product-message {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.product-monja-focus #product_form + .pb-4,
	.product-monja-focus #product_form + .pb-4 + .pb-4 {
		display: none !important;
	}

	.product-monja-focus .social-share {
		display: none !important;
	}
}



/* ---------------------------------------------------------
   BLOCO 7 — Botão “Comprar” (mobile)
   (FOCUS: manter laranja padrão)
---------------------------------------------------------- */
@media (max-width: 767px) {

	.product-monja-focus .grid {
		display: block !important;
		gap: 0 !important;
	}

	.product-monja-focus .cart-button-container .btn.btn-primary {
		background: #F26949 !important;
		color: #ffffff !important;
		border: none !important;
		width: 100% !important;
		padding: 18px 24px !important;
		border-radius: 999px !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		text-align: center !important;
		box-shadow: 0 8px 18px rgba(242, 105, 73, 0.35);
		display: block;
	}

	.product-monja-focus .cart-button-container {
		margin-top: -20px;
	}

	.product-monja-focus .cart-button-container .btn.btn-primary:hover,
	.product-monja-focus .cart-button-container .btn.btn-primary:active,
	.product-monja-focus .cart-button-container .btn.btn-primary:focus {
		background: #E55A3A !important;
		box-shadow: 0 6px 14px rgba(229, 90, 58, 0.40);
	}
}



/* ---------------------------------------------------------
   BLOCO 8 — FAQ 1 (simples, com + e –)
---------------------------------------------------------- */

.mh-faq {
	margin-top: 0px;
	border-top: 1px solid #e6e6e6;
	padding: 0 16px;
}

.mh-faq-item {
	border-bottom: 1px solid #e6e6e6;
	padding: 16px 0;
}

.mh-faq-item summary {
	list-style: none !important;
	display: block;
	padding-left: 28px;
	cursor: pointer;
}

.mh-faq-question {
	font-size: 16px;
	font-weight: 400;
	color: #222;
	display: flex;
	align-items: center;
	position: relative;
}

.mh-faq-question::before {
	content: "+";
	position: absolute;
	left: 0;
	font-size: 22px;
	font-weight: 400;
	color: #000;
}

.mh-faq-item[open] .mh-faq-question::before {
	content: "–";
}

.mh-faq-answer {
	font-size: 13px;
	line-height: 1.6;
	color: #444;
	margin-top: 12px;
	padding-left: 28px;
	animation: faqOpen .25s ease;
}

@keyframes faqOpen {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0); }
}



/* ---------------------------------------------------------
   BLOCO 9 — Seção com imagem + texto
   (FOCUS: tons azulados como no print)
---------------------------------------------------------- */

.mh-section {
	margin: 22px 16px;
}

.mh-section-img img {
	width: 100%;
	border-radius: 22px;
}

.mh-section-text {
	background: #EAF2FF; /* Focus (azulado) */
	padding: 20px 24px;
	border-radius: 22px;
	margin: 20px 0;
}

.mh-section-text h2 {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 14px;
	color: #000;
}

.mh-section-text h2 span {
	color: #1E6FE3; /* Focus (azul) */
}

.mh-section-text p {
	font-size: 15px;
	line-height: 1.55;
	color: #444;
	margin-bottom: 14px;
}



/* ---------------------------------------------------------
   BLOCO 10 — Seção “O que tem em 1 porção…” (mobile)
   (FOCUS: tons azulados como no print)
---------------------------------------------------------- */
@media (max-width: 767px) {

	.mh-porcao-section {
		margin: 24px 16px 32px !important;
		padding: 24px 18px 26px;
		border: 1px solid rgba(30, 111, 227, .45); /* Focus */
		border-radius: 24px;
		
	}

	.mh-porcao-icon {
		width: 56px;
		height: 56px;
		border-radius: 999px;
		background: #E3ECFF; /* Focus */
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 16px;
	}

	.mh-porcao-icon img {
		width: 28px;
		height: 28px;
	}

	.mh-porcao-title {
		font-size: 25px;
		font-weight: 700;
		color: #111;
		line-height: 1.3;
		margin-bottom: 14px;
	}

	.mh-porcao-title span {
		color: #1E6FE3; /* Focus */
	}

	.mh-porcao-text {
		font-size: 14px;
		line-height: 1.6;
		color: #444;
		margin-bottom: 18px;
	}

	.mh-porcao-list-block {
		background: #EAF2FF; /* Focus */
		border-radius: 18px;
		padding: 16px 20px;
		margin-bottom: 24px;
	}

	.mh-porcao-list-block ul {
		margin: 0;
		padding-left: 20px;
	}

	.mh-porcao-list-block li {
		font-size: 14px;
		line-height: 1.5;
		color: #333;
		margin-bottom: 8px;
	}

	.mh-porcao-tabela {
		background: #fff;
		border-radius: 18px;
		/* REMOVIDO: padding e border (como você pediu) */
	}

	.mh-porcao-tabela img {
		width: 100%;
		display: block;
		border-radius: 12px;
	}
}



/* ---------------------------------------------------------
   BLOCO 11 — FAQ 2 (cards com seta) (mobile)
   (FOCUS: span azul como no print)
---------------------------------------------------------- */
@media (max-width: 767px) {

	.mh-faq2-wrapper {
		padding: 0 16px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.mh-faq2-title {
		font-size: 29px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 24px;
		line-height: 1.3;
	}

	.mh-faq2-title span {
		color: #1E6FE3; /* Focus */
	}

	.mh-faq2 {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.mh-faq2-item {
		background: #ffffff;
		border: 1px solid #e4e4e4;
		border-radius: 14px;
		padding: 14px 16px;
		overflow: hidden;
	}

	.mh-faq2-item summary {
		list-style: none;
	}

	.mh-faq2-item summary::-webkit-details-marker {
		display: none;
	}

	.mh-faq2-question {
		font-size: 15px;
		font-weight: 600;
		color: #111;
		cursor: pointer;
		position: relative;
		padding-right: 26px;
		line-height: 1.4;
	}

	.mh-faq2-question::after {
		content: "⌄";
		position: absolute;
		right: 0;
		top: 0;
		font-size: 18px;
		line-height: 1;
		color: #333;
		transition: transform 0.25s ease;
	}

	.mh-faq2-item[open] .mh-faq2-question::after {
		transform: rotate(180deg);
	}

	.mh-faq2-answer {
		font-size: 14px;
		line-height: 1.6;
		color: #555;
		margin-top: 12px;
		animation: mhFaqOpen .25s ease;
	}

	@keyframes mhFaqOpen {
		from { opacity: 0; transform: translateY(-4px); }
		to   { opacity: 1; transform: translateY(0); }
	}
}







/* =========================================
   MONJA FOCUS — TABLET (mantém estrutura vertical)
========================================= */

/* ---------------------------------------------------------
   BLOCO 1 — Área da imagem principal do produto (tablet)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.product-monja-focus .product-images img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
		object-fit: cover;
	}

	.product-monja-focus .product-thumbnails,
	.product-monja-focus .js-product-thumbnails,
	.product-monja-focus .product-images .thumbnails,
	.product-monja-focus .product-images .swiper-thumbs,
	.product-monja-focus .product-images [class*="thumb"] {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}


/* ---------------------------------------------------------
   BLOCO 2 — Cabeçalho personalizado (título/subtítulo/reviews) (tablet)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.product-monja-focus .mh-hero-head {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 12px;
		margin-bottom: 16px;
	}

	.product-monja-focus .mh-title {
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 4px 0;
	}

	.product-monja-focus .mh-subtitle {
		font-size: 13px;
		line-height: 1.4;
		color: #444;
		margin: 0;
	}

	.product-monja-focus .mh-hero-reviews {
		text-align: right;
		font-size: 12px;
		white-space: nowrap;
	}

	.product-monja-focus .mh-stars {
		color: #ffb74a;
		font-size: 14px;
		line-height: 1;
		margin-bottom: 4px;
	}

	.product-monja-focus .mh-reviews-count {
		font-size: 12px;
		color: #333;
	}

	.product-monja-focus .product-info h1,
	.product-monja-focus .product-info .product_short_description,
	.product-monja-focus .product-info .product-description-short {
		display: none !important;
	}
}


/* ---------------------------------------------------------
   BLOCO 3 — Cards de benefícios (3 cards ilustrativos) (tablet)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.mh-beneficios {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin: 20px 0;
	}

	.mh-beneficio-card {
		background: #f7f2ee;
		border-radius: 14px;
		padding: 20px 8px;
		width: 32%;
		text-align: center;
		box-shadow: 0 0 0 1px #e6d9cf;
	}

	.mh-beneficio-icon {
		width: 32px;
		height: 32px;
		margin: 0 auto 8px;

		animation-name: mhPulseIcon;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-direction: alternate;
		transform-origin: center;
	}

	.mh-beneficio-card:nth-child(1) .mh-beneficio-icon { animation-duration: 1s; }
	.mh-beneficio-card:nth-child(2) .mh-beneficio-icon { animation-duration: 1.5s; }
	.mh-beneficio-card:nth-child(3) .mh-beneficio-icon { animation-duration: 2s; }

	@keyframes mhPulseIcon {
		from { transform: scale(1); }
		to   { transform: scale(1.2); }
	}

	.mh-beneficio-card p {
		font-size: 12px;
		line-height: 14px;
		font-weight: 600;
		color: #333;
		margin: 0px;
	}
}


/* ---------------------------------------------------------
   BLOCO 5 — App de combos HUAPPS (cards de preço/quantidade) (tablet)
   (FOCUS: usar laranja padrão no selecionado + badges)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.product-monja-focus #huapps-discount-radio-group {
		margin-top: 0px;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item {
		border: 1.5px solid #dedede;
		border-radius: 22px;
		padding: 16px 18px;
		background: #ffffff;
		margin-bottom: 14px;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
		position: relative;
		transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
	}

	.product-monja-focus
	#huapps-discount-radio-group
	.huapps-discount-radio-group-list-item.huapps-discount-radio-group-list-item-active {
		background: #FFF3EE !important;
		border-color: rgba(242, 105, 73, .45) !important;
		box-shadow: 0 0 0 1px rgba(242,105,73,.20) !important;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong {
		font-size: 16px;
		font-weight: 700;
		color: #333;
		display: block;
		margin-bottom: 2px;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item small,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item span {
		font-size: 13px;
		color: #555;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item b:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item del {
		margin-left: auto !important;
		text-align: right !important;
		display: block;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item b:last-child {
		font-size: 20px;
		font-weight: 700;
		color: #000;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item del {
		font-size: 13px;
		color: #999;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item::after {
		position: absolute;
		top: -14px;
		right: 18px;
		background: #FFE3DB;
		color: #B43D25;
		padding: 4px 14px;
		font-size: 12px;
		font-weight: 600;
		border-radius: 999px;
		line-height: 1;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(1)::after {
		content: "melhor valor 💰";
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(2)::after {
		content: "mais vendido 🔥";
		background: #FFD9CF;
		color: #B43D25;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(3)::after {
		content: "" !important;
		background: transparent !important;
		padding: 0 !important;
	}
}


/* ---------------------------------------------------------
   BLOCO 6 — Limpeza de elementos abaixo do botão (tablet)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.product-monja-focus .form-quantity-container,
	.product-monja-focus .js-quantity {
		display: none !important;
	}

	.product-monja-focus .js-added-to-cart-product-message {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.product-monja-focus #product_form + .pb-4,
	.product-monja-focus #product_form + .pb-4 + .pb-4 {
		display: none !important;
	}

	.product-monja-focus .social-share {
		display: none !important;
	}
}


/* ---------------------------------------------------------
   BLOCO 7 — Botão “Comprar” (tablet)
   (FOCUS: manter laranja padrão)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.product-monja-focus .grid {
		display: block !important;
		gap: 0 !important;
	}

	.product-monja-focus .cart-button-container .btn.btn-primary {
		background: #F26949 !important;
		color: #ffffff !important;
		border: none !important;
		width: 100% !important;
		padding: 18px 24px !important;
		border-radius: 999px !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		text-align: center !important;
		box-shadow: 0 8px 18px rgba(242, 105, 73, 0.35);
		display: block;
	}

	.product-monja-focus .cart-button-container {
		margin-top: -20px;
	}

	.product-monja-focus .cart-button-container .btn.btn-primary:hover,
	.product-monja-focus .cart-button-container .btn.btn-primary:active,
	.product-monja-focus .cart-button-container .btn.btn-primary:focus {
		background: #E55A3A !important;
		box-shadow: 0 6px 14px rgba(229, 90, 58, 0.40);
	}
}


/* ---------------------------------------------------------
   BLOCO 10 — Seção “O que tem em 1 porção…” (tablet)
   (FOCUS: tons azulados como no print)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.mh-porcao-section {
		margin: 24px 16px 32px !important;
		padding: 24px 18px 26px;
		border: 1px solid rgba(30, 111, 227, .45);
		border-radius: 24px;
		
	}

	.mh-porcao-icon {
		width: 56px;
		height: 56px;
		border-radius: 999px;
		background: #E3ECFF;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 16px;
	}

	.mh-porcao-icon img {
		width: 28px;
		height: 28px;
	}

	.mh-porcao-title {
		font-size: 25px;
		font-weight: 700;
		color: #111;
		line-height: 1.3;
		margin-bottom: 14px;
	}

	.mh-porcao-title span {
		color: #1E6FE3;
	}

	.mh-porcao-text {
		font-size: 14px;
		line-height: 1.6;
		color: #444;
		margin-bottom: 18px;
	}

	.mh-porcao-list-block {
		background: #EAF2FF;
		border-radius: 18px;
		padding: 16px 20px;
		margin-bottom: 24px;
	}

	.mh-porcao-list-block ul {
		margin: 0;
		padding-left: 20px;
	}

	.mh-porcao-list-block li {
		font-size: 14px;
		line-height: 1.5;
		color: #333;
		margin-bottom: 8px;
	}

	.mh-porcao-tabela {
		background: #fff;
		border-radius: 18px;
		/* REMOVIDO: padding e border (como você pediu) */
	}

	.mh-porcao-tabela img {
		width: 100%;
		display: block;
		border-radius: 12px;
	}
}


/* ---------------------------------------------------------
   BLOCO 11 — FAQ 2 (cards com seta) (tablet)
   (FOCUS: span azul como no print)
---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {

	.mh-faq2-wrapper {
		padding: 0 16px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.mh-faq2-title {
		font-size: 29px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 24px;
		line-height: 1.3;
	}

	.mh-faq2-title span {
		color: #1E6FE3;
	}

	.mh-faq2 {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.mh-faq2-item {
		background: #ffffff;
		border: 1px solid #e4e4e4;
		border-radius: 14px;
		padding: 14px 16px;
		overflow: hidden;
	}

	.mh-faq2-item summary {
		list-style: none;
	}

	.mh-faq2-item summary::-webkit-details-marker {
		display: none;
	}

	.mh-faq2-question {
		font-size: 15px;
		font-weight: 600;
		color: #111;
		cursor: pointer;
		position: relative;
		padding-right: 26px;
		line-height: 1.4;
	}

	.mh-faq2-question::after {
		content: "⌄";
		position: absolute;
		right: 0;
		top: 0;
		font-size: 18px;
		line-height: 1;
		color: #333;
		transition: transform 0.25s ease;
	}

	.mh-faq2-item[open] .mh-faq2-question::after {
		transform: rotate(180deg);
	}

	.mh-faq2-answer {
		font-size: 14px;
		line-height: 1.6;
		color: #555;
		margin-top: 12px;
		animation: mhFaqOpen .25s ease;
	}

	@keyframes mhFaqOpen {
		from { opacity: 0; transform: translateY(-4px); }
		to   { opacity: 1; transform: translateY(0); }
	}
}







/* ---------------------------------------------------------
   DESKTOP / NOTEBOOK — SESSÃO 1 (Monja Focus)
   Galeria à esquerda | Conteúdo à direita
---------------------------------------------------------- */
@media (min-width: 1024px) {

  /* =========================================================
     LAYOUT 50/50 (BLOCO 1 ESQUERDA | BLOCO 2 DIREITA)
     ========================================================= */

  .product-monja-focus .mh-first-section{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
  }

  .product-monja-focus .mh-first-left{
    width: 50%;
    flex: 0 0 50%;
  }

  .product-monja-focus .mh-first-right{
    width: 50%;
    flex: 0 0 50%;
  }

  .product-monja-focus .mh-first-left *,
  .product-monja-focus .mh-first-right *{
    max-width: 100%;
  }

  /* Galeria ocupar todo o bloco esquerdo */
  .product-monja-focus .mh-first-left .product-images,
  .product-monja-focus .mh-first-left .product-images-slider,
  .product-monja-focus .mh-first-left .js-swiper-product,
  .product-monja-focus .mh-first-left .swiper,
  .product-monja-focus .mh-first-left .swiper-container{
    width: 100% !important;
    max-width: none !important;
  }

  .product-monja-focus .mh-first-left .product-images-slider{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .product-monja-focus .mh-first-left .swiper-wrapper{
    width: 100% !important;
  }

  .product-monja-focus .mh-first-left .swiper-slide{
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .product-monja-focus .mh-first-left .product-images img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover;
  }

  /* HUAPPS ocupar todo o bloco direito */
  .product-monja-focus .mh-first-right #huapps-discount-radio-group{
    width: 100% !important;
    max-width: none !important;
  }

  .product-monja-focus .mh-first-right .huapps-discount-radio-group{
    width: 100% !important;
    max-width: none !important;
  }

  .product-monja-focus .mh-first-right .huapps-discount-radio-group-list{
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .product-monja-focus .mh-first-right .huapps-discount-radio-group-list-item{
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }



  .product-monja-focus .product-images img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: cover;
    }

	.product-monja-focus .product-thumbnails,
	.product-monja-focus .js-product-thumbnails,
	.product-monja-focus .product-images .thumbnails,
	.product-monja-focus .product-images .swiper-thumbs,
	.product-monja-focus .product-images [class*="thumb"] {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.product-monja-focus .mh-hero-head { 
		display: flex; 
		justify-content: space-between; 
		align-items: flex-start; 
		gap: 12px; 
		margin-bottom: 16px; 
	} 

	.product-monja-focus .mh-title { 
		font-size: 20px; 
		font-weight: 700; 
		margin: 0 0 4px 0; 
	} 

	.product-monja-focus .mh-subtitle { 
		font-size: 13px; 
		line-height: 1.4; 
		color: #444; 
		margin: 0; 
	} 

	.product-monja-focus .mh-hero-reviews { 
		text-align: right; 
		font-size: 12px; 
		white-space: nowrap; 
	} 

	.product-monja-focus .mh-stars { 
		color: #ffb74a; 
		font-size: 14px; 
		line-height: 1; 
		margin-bottom: 4px; 
	} 

	.product-monja-focus .mh-reviews-count { 
		font-size: 12px; 
		color: #333; 
	} 

	.product-monja-focus .product-info h1, 
	.product-monja-focus .product-info .product_short_description, 
	.product-monja-focus .product-info .product-description-short { 
		display: none !important; 
	}

	.mh-beneficios {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin: 20px 0;
	}

	.mh-beneficio-card {
		background: #f7f2ee;
		border-radius: 14px;
		padding: 20px 8px;
		width: 32%;
		text-align: center;
		box-shadow: 0 0 0 1px #e6d9cf;
	}

	.mh-beneficio-icon {
		width: 32px;
		height: 32px;
		margin: 0 auto 8px;

		animation-name: mhPulseIcon;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-direction: alternate;
		transform-origin: center;
	}

	.mh-beneficio-card:nth-child(1) .mh-beneficio-icon { animation-duration: 1s; }
	.mh-beneficio-card:nth-child(2) .mh-beneficio-icon { animation-duration: 1.5s; }
	.mh-beneficio-card:nth-child(3) .mh-beneficio-icon { animation-duration: 2s; }

	@keyframes mhPulseIcon {
		from { transform: scale(1); }
		to   { transform: scale(1.2); }
	}

	.mh-beneficio-card p {
		font-size: 12px;
		line-height: 14px;
		font-weight: 600;
		color: #333;
		margin: 0px;
	}

	.product-monja-focus #huapps-discount-radio-group {
		margin-top: 0px;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item {
		border: 1.5px solid #dedede;
		border-radius: 22px;
		padding: 16px 18px;
		background: #ffffff;
		margin-bottom: 14px;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
		position: relative;
		transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
	}

	.product-monja-focus 
	#huapps-discount-radio-group 
	.huapps-discount-radio-group-list-item.huapps-discount-radio-group-list-item-active {
		background: #FFF3EE !important;
		border-color: rgba(242, 105, 73, .45) !important;
		box-shadow: 0 0 0 1px rgba(242,105,73,.20) !important;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong {
		font-size: 16px;
		font-weight: 700;
		color: #333;
		display: block;
		margin-bottom: 2px;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item small,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item span {
		font-size: 13px;
		color: #555;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item b:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item del {
		margin-left: auto !important;
		text-align: right !important;
		display: block;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item strong:last-child,
	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item b:last-child {
		font-size: 20px;
		font-weight: 700;
		color: #000;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item del {
		font-size: 13px;
		color: #999;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item::after {
		position: absolute;
		top: -14px;
		right: 18px;
		background: #FFE3DB;
		color: #B43D25;
		padding: 4px 14px;
		font-size: 12px;
		font-weight: 600;
		border-radius: 999px;
		line-height: 1;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(1)::after {
		content: "melhor valor 💰";
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(2)::after {
		content: "mais vendido 🔥";
		background: #FFD9CF;
		color: #B43D25;
	}

	.product-monja-focus #huapps-discount-radio-group .huapps-discount-radio-group-list-item:nth-child(3)::after {
		content: "" !important;
		background: transparent !important;
		padding: 0 !important;
	}

	.product-monja-focus .form-quantity-container,
	.product-monja-focus .js-quantity {
		display: none !important;
	}

	.product-monja-focus .js-added-to-cart-product-message {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.product-monja-focus #product_form + .pb-4,
	.product-monja-focus #product_form + .pb-4 + .pb-4 {
		display: none !important;
	}

	.product-monja-focus .social-share {
		display: none !important;
	}

	.product-monja-focus .grid {
		display: block !important;
		gap: 0 !important;
	}

	.product-monja-focus .cart-button-container .btn.btn-primary {
		background: #F26949 !important;
		color: #ffffff !important;
		border: none !important;
		width: 100% !important;
		padding: 18px 24px !important;
		border-radius: 999px !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		text-align: center !important;
		box-shadow: 0 8px 18px rgba(242, 105, 73, 0.35);
		display: block;
	}

	.product-monja-focus .cart-button-container {
		margin-top: -20px;
	}

	.product-monja-focus .cart-button-container .btn.btn-primary:hover,
	.product-monja-focus .cart-button-container .btn.btn-primary:active,
	.product-monja-focus .cart-button-container .btn.btn-primary:focus {
		background: #E55A3A !important;
		box-shadow: 0 6px 14px rgba(229, 90, 58, 0.40);
	}
}



/* ---------------------------------------------------------
   DESKTOP / NOTEBOOK — mh-section (imagens + texto lado a lado)
---------------------------------------------------------- */
@media (min-width: 1024px) {

	.mh-section{
		display: flex;
		align-items: stretch;
		gap: 24px;
		margin: 40px auto;
		padding: 0 16px;
		max-width: 1280px;
	}

	/* 3 colunas: imagem | texto | imagem */
	.mh-section-img{
		flex: 0 0 30%;
	}

	.mh-section-text{
		flex: 1 1 40%;
		margin: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.mh-section-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		border-radius: 22px;
	}

	.mh-section-text h2{
		font-size: 30px;
	}

	.mh-section-text p{
		font-size: 16px;
	}
}



/* ---------------------------------------------------------
   DESKTOP / NOTEBOOK — mh-porcao-section (conteúdo + tabela lado a lado)
   (FOCUS: tons azulados como no print)
---------------------------------------------------------- */
@media (min-width: 1024px) {

  .mh-porcao-section{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;

    max-width: 1280px;
    margin: 50px auto 60px !important;
    padding: 32px 28px;

    border: 1px solid rgba(30, 111, 227, .45); /* Focus */
    border-radius: 24px;
    
  }

  .mh-porcao-icon{
    grid-column: 1;
    margin: 0 0 14px 0;
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: #E3ECFF; /* Focus */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mh-porcao-icon img{
    width: 28px;
    height: 28px;
  }

  .mh-porcao-title{ grid-column: 1; }
  .mh-porcao-text{ grid-column: 1; }
  .mh-porcao-list-block{ grid-column: 1; margin-bottom: 0; }

  .mh-porcao-title span{
    color: #1E6FE3; /* Focus */
  }

  .mh-porcao-list-block{
	border-radius: 18px;
	padding: 16px 20px;
    background: #EAF2FF; /* Focus */
  }

  .mh-porcao-tabela{
    grid-column: 2;
    align-self: start;
    margin-top: 0 !important;

    background: #fff;
    border-radius: 18px;
    /* REMOVIDO: padding e border (como você pediu) */

    position: sticky;
    top: 24px;
  }

  .mh-porcao-tabela img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 12px;
  }

  .mh-faq2-wrapper{
    max-width: 1280px;
    margin: 40px auto 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

	.mh-faq2-title {
		font-size: 29px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 24px;
		line-height: 1.3;
	}

	.mh-faq2-title span {
		color: #1E6FE3; /* Focus */
	}

	.mh-faq2 {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.mh-faq2-item {
		background: #ffffff;
		border: 1px solid #e4e4e4;
		border-radius: 14px;
		padding: 14px 16px;
		overflow: hidden;
	}

	.mh-faq2-item summary {
		list-style: none;
	}

	.mh-faq2-item summary::-webkit-details-marker {
		display: none;
	}

	.mh-faq2-question {
		font-size: 15px;
		font-weight: 600;
		color: #111;
		cursor: pointer;
		position: relative;
		padding-right: 26px;
		line-height: 1.4;
	}

	.mh-faq2-question::after {
		content: "⌄";
		position: absolute;
		right: 0;
		top: 0;
		font-size: 18px;
		line-height: 1;
		color: #333;
		transition: transform 0.25s ease;
	}

	.mh-faq2-item[open] .mh-faq2-question::after {
		transform: rotate(180deg);
	}

	.mh-faq2-answer {
		font-size: 14px;
		line-height: 1.6;
		color: #555;
		margin-top: 12px;
		animation: mhFaqOpen .25s ease;
	}

	@keyframes mhFaqOpen {
		from { opacity: 0; transform: translateY(-4px); }
		to   { opacity: 1; transform: translateY(0); }
	}
}