/*===== СЕТКА GRID ========*/
.name 		{ grid-area: name } 
.available 	{ grid-area: available;}
.short 		{ grid-area: short;} 
.slider 		{ grid-area: slider; margin-bottom:50px;}
.cart_area 		{ grid-area: cart; min-width: 356px; } 
.long			{ grid-area: long;}



/* var 1  Full */
.grid {
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr auto auto;
	grid-template-rows: auto auto 1fr auto;
	gap: 15px 90px;
	grid-template-areas:
		"name name name name cart cart"
		"slider slider available available cart cart"
		"slider slider short short cart cart"
		"long long long long cart cart"; 
		
		
}




/* ==== Название товара ==== */
h1.product-title {
	font-size: 23px; line-height: 30px;
}
.single_product .product-sku {
	font-size: 14px; color: #888; letter-spacing: 0.5px;
}


/* ===== Основные характеристики===== */
.short h3, .available h3{margin-bottom: 5px;}
.single_product .short .product_card_characteristics p, 
.single_product .available .product_card_characteristics p{margin-bottom: 14px;}

/* ===== Все характеристики===== */
.long .hedline_chars {margin-bottom: 8px;}

/* ===== Добавить в список ====== */
.product-price .compare-list{  display: flex; width: max-content;}
.product-add-liked{margin-right:21px; }
.compare-list img{width: 14px;}


/* Наличие */
.available_in_price{
	margin-bottom: 18px;
}

/* ===== цена, кнопка в корзину, калькулятор ====== */

.product-price {
	padding: 25px; 
	min-width: fit-content;
	max-width: 340px;
}


.product-price .qty_area{min-height: 104px;}
.product-price .prices{margin-top: 6px;}
.product-price .price{font-size:32px;}



.product-price .price, 
.product-price .product_card_counter, 
.product-price .product-price button {margin-bottom: 12px;}
.product-price .product_card_counter {margin-left: auto;}

/* ===== доставка ====== */
.shipping_info{margin-top: 16px;}
.shipping_info ul{margin-bottom: unset;}
.shipping_info ul li {min-height: 30px; display: flex; align-items: center;}
.shipping_info li span{margin: 0 8px;}  


/*  Product Slider */
.product_slider_main{margin-bottom: 40px; display: inline-box; display: -webkit-inline-box; overflow: hidden;}
.product_slider_main .main-item{width: 100%;}

.product_slider_main .file_archive.image{width: 100%;}

.product_slider img{width: 100%; display: block; max-height: 310px; max-height: 270px; margin: 0 auto; object-fit: cover;}



/* ----- Nav Slider ---- */
/* Стили вынесены в product_gallery/style.css */
 


/* Вид pdf */
.pdf_href{margin-bottom: 15px;}
.pdf_href a {display: flex; align-items: center;}
.pdf_href img{max-width: 25px; margin-right: 5px;}

 
@media(max-width: 1024px){
		.single_product.grid {
			gap: 15px 30px;}
			
		.single_product h1.product-title {
			font-size: 20px;
			line-height: 27px;}			
}

@media(max-width: 991px){
		
		.single_product.grid {
			grid-template-columns: 1fr 1fr 1fr 1fr; 
			grid-template-rows: 110px 130px auto 1fr auto auto;
			gap: 0px 50px; 
			grid-template-areas: 
				"name name name name"
				"slider slider available available"
				"slider slider short short"
				"cart cart cart cart"
				"long long long long"; }
		
		
		
		
		.single_product .short h3, .single_product .available h3 {
			font-size: 14px;}	
			
			
		.single_product .product-price {
			max-width: unset;
			margin-bottom: 16px;
			margin-top: 35px;}	
					
}

@media(max-width: 767px){

		.single_product.grid {
			grid-template-rows: auto auto auto 1fr auto auto;
			grid-template-areas: 
				"name name name name"
				"slider slider slider slider"
				"available available available available"
				"short short short short"
				"long long long long"
				"cart cart cart cart";}	
				
		.long .hedline_chars {
			font-size: 18px;
			margin-bottom: 4px;
			margin-top: 12px;}
}

@media(max-width: 521px){
	
		.single_product h1.product-title {
			font-size: 21px;
			line-height: 28px;
			margin-bottom: 30px;}	
						
		.single_product .slider {
			margin-bottom: 40px;}
			
		.single_product .available{
			margin-bottom: 20px;}
				
}

@media(max-width: 320px){
	
		.single_product .shipping_info li{
			font-size: 12px;}	
}