/*
 * Globalne centrowanie stron produktów w nowym szablonie.
 * Dawna klasa .resbody ma szerokość 65%, a zawarty w niej kontener produktu
 * jest szerszy. To powodowało przesunięcie całej karty produktu w prawo.
 */

.meteoryt-subpage-content .product-page-shell {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.meteoryt-subpage-content .product-page-shell > section > .container {
	box-sizing: border-box;
	width: min(100%, 1170px) !important;
	max-width: 1170px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.meteoryt-subpage-content .product-page-shell .row {
	min-width: 0;
}

.meteoryt-subpage-content .product-page-shell .col-md-6,
.meteoryt-subpage-content .product-page-shell .col-md-12 {
	min-width: 0;
}

.meteoryt-subpage-content .product-page-shell img,
.meteoryt-subpage-content .product-page-shell table {
	max-width: 100%;
}

/*
 * Polecane programy: tekst nie moze wychodzic z karty i nachodzic na cene.
 */
.meteoryt-subpage-content .related-product-card {
	display: flex;
	flex-direction: column;
}

.meteoryt-subpage-content .related-product-title {
	height: 70px;
	margin-bottom: 0;
	overflow: hidden;
	text-align: left;
}

.meteoryt-subpage-content .related-product-description {
	height: 100px;
	margin-bottom: 0;
	overflow: hidden;
	text-align: left;
}

.meteoryt-subpage-content .related-product-purchase {
	position: relative;
	z-index: 1;
	clear: both;
	flex-shrink: 0;
	margin-top: 14px;
	background: #fff;
}

/*
 * Nazwa produktu: nieco wiecej oddechu od banera i krotsze przejscie
 * do glownej karty produktu.
 */
.meteoryt-subpage-content .product-page-shell > section:first-child .pagenation-holder {
	padding-top: 28px !important;
	padding-bottom: 4px !important;
}

.meteoryt-subpage-content .product-page-shell .nazwa_produktu {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.meteoryt-subpage-content .product-page-shell > section:first-child + .clearfix + section.sec-padding {
	padding-top: 22px !important;
}

@media (max-width: 767px) {
	.meteoryt-subpage-content .product-page-shell > section > .container {
		width: 100% !important;
		padding-right: 0;
		padding-left: 0;
	}

	.meteoryt-subpage-content .product-page-shell > section:first-child .pagenation-holder {
		padding-top: 20px !important;
	}

	.meteoryt-subpage-content .product-page-shell > section:first-child + .clearfix + section.sec-padding {
		padding-top: 16px !important;
	}
}