/* Layout global Americe — evitar scroll horizontal en todas las páginas */

html:has(body.home-amerce),
html:has(body.listado-amerce),
html:has(body.product-amerce),
html:has(body.account-amerce),
html:has(body.checkout-amerce),
html:has(body.corporate-amerce) {
	overflow-x: clip;
}

body.home-amerce,
body.listado-amerce,
body.product-amerce,
body.account-amerce,
body.checkout-amerce,
body.corporate-amerce {
	overflow-x: clip;
	max-width: 100%;
}

body.home-amerce #wrapper,
body.listado-amerce #wrapper,
body.product-amerce #wrapper,
body.account-amerce #wrapper,
body.checkout-amerce #wrapper,
body.corporate-amerce #wrapper {
	overflow-x: clip;
	max-width: 100%;
}

/* Contenedores y filas Bootstrap */
.listado-amerce .container,
.listado-amerce .container-fluid,
.product-amerce .container,
.home-amerce .container,
.checkout-amerce .container,
.account-amerce .container {
	max-width: 100%;
}

.listado-amerce .row,
.product-amerce .row {
	min-width: 0;
	max-width: 100%;
}

/* Rejillas de productos */
.home-amerce .wrapper-shop.tf-grid-layout,
.listado-amerce .wrapper-shop.tf-grid-layout,
.listado-amerce #gridLayout,
.listado-amerce #listLayout,
.product-amerce .wrapper-shop.tf-grid-layout,
.product-amerce .ficha-related-swiper .tf-grid-layout {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.listado-amerce #gridLayout.tf-col-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.listado-amerce #gridLayout.tf-col-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listado-amerce #gridLayout.tf-col-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1199px) {
	.listado-amerce #gridLayout.tf-col-4 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.listado-amerce #gridLayout.tf-col-3,
	.listado-amerce #gridLayout.tf-col-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.listado-amerce #gridLayout.tf-col-2,
	.listado-amerce #gridLayout.tf-col-3,
	.listado-amerce #gridLayout.tf-col-4 {
		grid-template-columns: minmax(0, 1fr);
	}
}

.home-amerce .card-product,
.listado-amerce .card-product,
.product-amerce .card-product {
	min-width: 0;
	max-width: 100%;
}

/* Listado — barra de control y banner SEO */
.listado-amerce .tf-shop-control,
.listado-amerce .wrapper-control-shop,
.listado-amerce .bg-img-cover {
	max-width: 100%;
}

.listado-amerce .brand-long-description,
.listado-amerce .box-seo-search-intro {
	overflow-wrap: anywhere;
	max-width: 100%;
}

.listado-amerce .brand-long-description img,
.listado-amerce .box-seo-search-intro img {
	max-width: 100%;
	height: auto;
}

.listado-amerce .brand-long-description table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

/* Ficha — galería, sticky ATC y relacionados */
.product-amerce .wrapper-gallery-scroll,
.product-amerce .flat-wrap-media-product,
.product-amerce .tf-product-media-main,
.product-amerce .tf-product-media-thumbs,
.product-amerce .ficha-related-swiper,
.product-amerce .ficha-related-swiper .swiper {
	max-width: 100%;
	overflow: hidden;
}

.product-amerce .section-product-single {
	max-width: 100%;
	overflow-x: clip;
	overflow-y: visible;
}

.product-amerce .tf-product-info-wrap,
.product-amerce .tf-product-info-list {
	min-width: 0;
	max-width: 100%;
}

.product-amerce .tf-sticky-btn-atc {
	width: 100%;
	max-width: 100%;
	left: 0;
	right: 0;
	overflow: hidden;
}

.product-amerce .tf-sticky-btn-atc .container {
	max-width: 100%;
}

.product-amerce .ficha-rich-content,
.product-amerce .product-description {
	overflow-wrap: anywhere;
	max-width: 100%;
}

.product-amerce .ficha-rich-content img,
.product-amerce .product-description img {
	max-width: 100%;
	height: auto;
}

/* Swipers en cualquier página Americe */
.home-amerce .swiper,
.listado-amerce .swiper,
.product-amerce .swiper,
.checkout-amerce .swiper {
	max-width: 100%;
}