@import url(prices-product-card.css);
/* ********************************************************************************************** */
.prices-product h2 {
	font-size: 22px;
}
.prices-product .sub-title {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 20px;
}
.prices-product .content__nav {
	margin-top: 40px;
}
.nav-page__product ul {
    gap: 15px;	
}
.nav-page__product a {
    border: 1px solid var(--chernyy-100);
    border-radius: 16px;
    background: var(--chernyy-50);
    color: var(--chernyy-500-osnovnoy);
    font-size: 16px;
    height: 60px;
    justify-content: space-between;
    padding: 0 20px;
	line-height: 1.2;	
}
@media (min-width: 768px) {
	.prices-product h2 {
		font-size: 36px;
	}
	.prices-product .sub-title {
		font-size: 26px;
		margin-bottom: 25px;
	}
	.prices-product .content__nav {
		margin-top: 20px;
	}	
	.nav-page__product ul {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;	
	}
	.nav-page__product a {
		padding: 0 15px;
		white-space: unset;
		height: 70px;
	}
	.nav-page__product a .title {
		max-width: 170px;
	}	
}
@media (min-width: 1024px) {
	.prices-product h2 {
		font-size: 40px;
		margin-bottom: 25px;
	}
	.nav-page__product a {
		padding: 0 20px;
		font-size: 16px;
		height: 66px;
	}
	.nav-page__product a .title {
		max-width: 100%;
	}	
	
}
@media (hover: hover) {
    .nav-page__product a:hover {
		text-decoration: underline;
		text-underline-offset: 3px;
    }
}
/* ********************************************************************************************** */	
.prices-product.product__balcony-block h2,
.prices-product.product__stoimost-okon h2 {
	font-size: 24px;
}
.prices-product.product__panoramnoe-osteklenie .desc br {
	display: none;
}
.prices-product.product__panoramnye-okna .product__title,
.prices-product.product__bezramnoe-osteklenie .product__title {
	font-size: 22px;
	line-height: 1.1
}
@media (max-width: 1023px) {
	.prices-product.product__stoimost-okon .city {
		display: block;
	}
}
@media (max-width: 767px) {
	.prices-product.product__teploe-osteklenie .sub-title span,
	.prices-product.product__stoimost-okon .sub-title span,
	.prices-product.product__ustanovka-okon .sub-title span,
	.prices-product.product__stoimost-okon h2 span:not([class]),
	.prices-product.product__ustanovka-okon h2 span:not([class]) {
		display: block;
	}
	.prices-product.product__bezramnoe-osteklenie .product__card__sticker {
		flex: 0 0 140px;
	}
	.prices-product.product__panoramnye-okna .slider__button-next,
	.prices-product.product__panoramnye-okna .slider__button-prev {
		top: 345px;
	}
	.prices-product.product__panoramnoe-osteklenie .slider__button-next,
	.prices-product.product__panoramnoe-osteklenie .slider__button-prev,
	.prices-product.product__franczuzskoe-osteklenie .slider__button-next,
	.prices-product.product__franczuzskoe-osteklenie .slider__button-prev {
		top: 292px;
	}
	.prices-product.product__bezramnoe-osteklenie .slider__button-next,
	.prices-product.product__bezramnoe-osteklenie .slider__button-prev {
		top: 290px;
	}	
}
@media (min-width: 768px) and (max-width: 1023px) {
	.product__balcony-external .product__item:last-child,
	.product__holodnoe-osteklenie .product__item:last-child,
	.product__teploe-osteklenie .product__item:last-child {
		grid-column: 1 / 3;
	}
	.product__balcony-external .product__box-calc,
	.product__holodnoe-osteklenie .product__box-calc,
	.product__teploe-osteklenie .product__box-calc {	
		padding: 30px 100px;
		background-image: url('../../assets/img/prices-product/product-box-calc-bg-tablet.jpg');
	}
	.product__balcony-external .product__box-calc--inner,
	.product__holodnoe-osteklenie .product__box-calc--inner,
	.product__teploe-osteklenie .product__box-calc--inner {
		width: 100%;
	}
	.product__balcony-external .product__box-calc .caption,
	.product__holodnoe-osteklenie .product__box-calc .caption,
	.product__teploe-osteklenie .product__box-calc .caption {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.product__balcony-external .product__box-calc .caption br,
	.product__holodnoe-osteklenie .product__box-calc .caption br,
	.product__teploe-osteklenie .product__box-calc .caption br {
		display: none;
	}
	.product__balcony-external .product__box-calc .btn,
	.product__holodnoe-osteklenie .product__box-calc .btn,
	.product__teploe-osteklenie .product__box-calc .btn {
		width: 305px;
		height: 92px;
	}
	.product__balcony-external .product__box-calc .btn img,
	.product__holodnoe-osteklenie .product__box-calc .btn img,
	.product__teploe-osteklenie .product__box-calc .btn img {
		width: 41px;
		height: 52px;
	}
	.product__balcony-external .product__box-calc .btn .title-top,
	.product__holodnoe-osteklenie .product__box-calc .btn .title-top,
	.product__teploe-osteklenie .product__box-calc .btn .title-top {
		font-size: 20px;
	}
	.product__balcony-external .product__box-calc .btn .title-bottom,
	.product__holodnoe-osteklenie .product__box-calc .btn .title-bottom,
	.product__teploe-osteklenie .product__box-calc .btn .title-bottom {
		font-size: 22px;
	}	
}
@media (min-width: 768px) {
	.prices-product.product__balcony-block h2,
	.prices-product.product__stoimost-okon h2,
	.prices-product.product__franczuzskoe-osteklenie h2,
	.prices-product.product__panoramnoe-osteklenie h2 {
		font-size: 38px;
	}
	.prices-product.product__balcony-block h2 span {
		display: block;
	}	
	.prices-product.product__dvuhstvorchatye-okna .product__sub-title {
		font-size: 16px;
	}
	.prices-product.product__holodnoe-osteklenie h2 {
		margin-bottom: 10px;
	}
	.prices-product.product__panoramnoe-osteklenie .desc br.last {
		display: block;
	}
	.prices-product.product__panoramnye-okna h2 {
		font-size: 38px;
		margin-left: auto;
		margin-right: auto;
		width: 600px;		
	}
	.prices-product.product__bezramnoe-osteklenie .product__title {
		font-size: 24px;
	}
}
@media (min-width: 1024px) {
	.page-osteklenie-balkona-s-vynosom .prices-product h2 {
		margin-left: auto;
		margin-right: auto;
		width: 820px;		
	}
	.page-osteklenie-balkona-s-vynosom .prices-product .desc {
		margin-left: auto;
		margin-right: auto;
		width: 950px;		
	}
	.prices-product.product__stoimost-okon h2 {
		font-size: 40px;
		margin-bottom: 15px;
	}
	.prices-product.product__stoimost-okon .product__size {
		font-size: 14px;
	}	
	.prices-product.product__balcony-block h2 {
		font-size: 46px;
	}
	.prices-product.product__balcony-block h2 span {
		display: inline;
	}
	.prices-product.product__dvuhstvorchatye-okna .product__sub-title,
	.prices-product.product__trehstvorchatye-okna .product__sub-title,
	.prices-product.product__balcony-block .product__sub-title {
		font-size: 12px;
		line-height: 1.2;
	}
	.prices-product.product__balcony-block .product__sub-title {
		margin-left: auto;
		margin-right: auto;
		width: 250px;
	}
	.prices-product.product__balcony-block .product__sub-title br {
		display: none;
	}	
	.prices-product.product__holodnoe-osteklenie h2,
	.prices-product.product__teploe-osteklenie h2	{
		margin-bottom: 15px;
	}	
	.prices-product.product__franczuzskoe-osteklenie h2	{
		font-size: 40px;
	}	
	.prices-product.product__panoramnye-okna h2 {
		font-size: 40px;
		width: 900px;
		margin-bottom: 20px;		
	}
	.prices-product.product__panoramnye-okna h2 span {
		display: block;		
	}
	.prices-product.product__panoramnye-okna .product__title {
		font-size: 17px;
	}
	.prices-product.product__panoramnoe-osteklenie h2 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	.prices-product.product__panoramnoe-osteklenie .desc br.first {
		display: block;
	}	
	.prices-product.product__panoramnoe-osteklenie .desc br.last {
		display: none;
	}
	.prices-product.product__panoramnoe-osteklenie .product__title,
	.prices-product.product__franczuzskoe-osteklenie .product__title,
	.prices-product.product__bezramnoe-osteklenie .product__title {
		font-size: 20px;
	}
	.prices-product.product__bezramnoe-osteklenie h2 {
		margin-bottom: 20px;
	}
	.prices-product.product__bezramnoe-osteklenie .product__title {
		font-size: 20px;
		line-height: 1.3;
	}
	.prices-product.product__bezramnoe-osteklenie .product__card__sticker {
		flex: 0 0 130px;
	}
}