/**
 * Full-width mobile das páginas Animalart clonadas.
 *
 * O shell global de uma Page possui padding lateral próprio. Nas páginas
 * mapeadas, esse padding é removido somente no mobile; cada página boxed
 * continua controlando sua largura. As bandas com fundo/imagem full-width
 * recebem o viewport inteiro, enquanto seus conteúdos internos mantêm os
 * próprios max-widths e paddings.
 */

@media (max-width: 782px) {
	/* Libera o ancestral da Page apenas quando há um renderer mapeado ativo. */
	body:has(.animalart-mapped-page-shell) .page-container.animalart-page-shell {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* A Home é renderizada diretamente pelo front-page.php. */
	.animalart-home-original,
	.animalart-accessories-reference {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Bandas visuais de borda a borda no mobile. */
	.animalart-home-original__hero,
	.animalart-home-original__height,
	.animalart-home-original__benefits,
	.animalart-home-original__gallery,
	.animalart-accessories-reference__hero {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}