/**
 * Global content width system — inner containers only (backgrounds stay full bleed).
 */

:root {
	--vn-container-max: 1480px;
	--vn-container-gutter: clamp(18px, 2vw, 32px);
	--vn-container: var(--vn-container-max);
	--container-max: var(--vn-container-max);
	--gutter: var(--vn-container-gutter);
	--vn-gutter: var(--vn-container-gutter);
}

.vn-container {
	width: calc(100% - 2 * var(--vn-container-gutter));
	max-width: var(--vn-container-max);
	margin-inline: auto;
	box-sizing: border-box;
}

/* Legacy inner wrappers — align to global container without extra max-width rules */
.vn-layout-inner,
.vn-site-footer__inner,
.vn-content-page__container,
.vn-commerce-page,
.vn-product-detail__container,
.vn-product-archive__body,
.vn-about-container,
.vn-wishlist-page,
.vn-cart-checkout__inner,
.vn-value-commitments__inner,
.vn-brand-partners__inner:not(.swiper),
.vn-newsletter .vn-container,
.vn-lead-form__inner,
.vn-slider-layout-9__container,
.vn-slider-promo-card-overlay .vn-promo-slide__stage {
	width: calc(100% - 2 * var(--vn-container-gutter));
	max-width: var(--vn-container-max);
	margin-inline: auto;
	box-sizing: border-box;
}