/*
 * JEDNA SZEROKOSC STRONY (2026-09-28, Alex zmierzyl linijka na ekranie).
 * Menu, tresc, baner nad stopka i stopka maja konczyc sie na tej samej linii co .xs-container
 * (main.css: min(1580px, 100% - 48px), na telefonie min(100% - 28px, 1580px)).
 * Laduje sie na KAZDEJ stronie, po main.css i woocommerce.css.
 *
 * Co bylo nie tak:
 *  - sklep i kategorie: woocommerce.css zwezal menu i tresc do 1510 px (stopka 1580),
 *  - "Moje konto": menu zwezone do 1360 px,
 *  - strona glowna: zawartosc banera "Pierwsze 30 minut" szla od krawedzi do krawedzi ekranu.
 */
.post-type-archive-product .xs-header .xs-container,
.post-type-archive-product .xs-shop-hero .xs-container,
.post-type-archive-product .xs-shop-top-filters,
.post-type-archive-product .xs-shop-layout,
.post-type-archive-product .xs-shop-trust-bottom,
.post-type-archive-product .xs-shop-pagination,
.post-type-archive-product .xs-shop-package-banner .xs-container,
.tax-product_cat .xs-header .xs-container,
.tax-product_cat .xs-shop-hero .xs-container,
.tax-product_cat .xs-shop-top-filters,
.tax-product_cat .xs-shop-layout,
.tax-product_cat .xs-shop-trust-bottom,
.tax-product_cat .xs-shop-pagination,
.tax-product_cat .xs-shop-package-banner .xs-container,
.woocommerce-account .xs-header .xs-container,
.xsh-newsletter-inner {
	width: min(1580px, calc(100% - 48px));
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 760px) {
	.post-type-archive-product .xs-header .xs-container,
	.post-type-archive-product .xs-shop-hero .xs-container,
	.post-type-archive-product .xs-shop-top-filters,
	.post-type-archive-product .xs-shop-layout,
	.post-type-archive-product .xs-shop-trust-bottom,
	.post-type-archive-product .xs-shop-pagination,
	.post-type-archive-product .xs-shop-package-banner .xs-container,
	.tax-product_cat .xs-header .xs-container,
	.tax-product_cat .xs-shop-hero .xs-container,
	.tax-product_cat .xs-shop-top-filters,
	.tax-product_cat .xs-shop-layout,
	.tax-product_cat .xs-shop-trust-bottom,
	.tax-product_cat .xs-shop-pagination,
	.tax-product_cat .xs-shop-package-banner .xs-container,
	.woocommerce-account .xs-header .xs-container,
	.xsh-newsletter-inner {
		width: min(100% - 28px, 1580px);
	}
}