/* TEX */
   /* .product_card	{border: 1px solid red;} */


		/* .card_header	{border: 2px solid green;}	  */

		 /* .card_body		{border: 2px solid #5454de;} 
		.card_top, .card_center, .card_end{border: 1px solid #ff0000;} 
							 */
		
		/* .product_card_characteristics{border: 2px solid red;}    */
 		
/* .product_card.horizontal{border: 1px solid red;}
.product_card.horizontal .card_body_area{border: 2px solid blue;}   */

/* .product_card .card_end	{
	border: 2px solid red;

}
.product_card .qty_area	{
	border: 2px solid rgb(30, 0, 255);
} */



.product_card{
		display: flex;
		flex-direction: column;
		overflow: hidden;
		margin-bottom: 20px;
		padding: 10px 20px;
		padding-bottom: 10px;
		height: 420px;
        position:relative;		
		
}  

.product_card .card_end	{
	display: flex; 
	align-items: flex-end; 
	justify-content: flex-end; 
	text-align: right;
	margin-top: auto;
	min-width: fit-content;
}

.product_card .product_card_name {
	margin-top: 15px;
	margin-bottom: 15px;
	height: 74px;
	overflow: hidden;
	display: flex;
   align-items: center;
}



.product_card .card_body{		
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}


/* QTY */
/* .product_card 				.product_card_counter.active	{	margin-top: 5px;	} */
.product_card.horizontal 	.product_card_counter		{	margin-left: 8px;	}





/* вертикальное положение 4 в ряд */
.product_card.vertical_4 {max-width: 304px; padding: 6px 12px; padding-bottom: 10px;}



/* Horizontal */
.product_card.horizontal								{width: 100%; height: auto; margin-right: unset;}
.product_card.horizontal .card_body					{display: flex;	flex-direction: row; align-items: center;}
.product_card.horizontal .card_center				{margin-right: auto; margin-left: 7%; padding-right:7%; }
.product_card.horizontal p.product_card_price 	{margin-right: 20px;}

.product_card.line .card_body	{margin-top: unset;}


/* Line */
.product_card.horizontal.line .product_card_characteristics,  
.product_card.horizontal.line  p.product_card_text, 
.product_card.horizontal.line .card_header{
	display:none !important;
}

.product_card.horizontal.line {
	height: 90px;	
	padding: 5px 20px;
}


.product_card.horizontal:not(.line) .product_card_img img {
	min-width: 210px;
}


.product_card.horizontal.line .product_card_img img {
    height: 55px; 
}


.product_card.horizontal.line .product_card_img {
    text-align: center;
    min-width: 41px;
    height: auto;
	 width: min-content;
	 min-width: 80px;
}

.product_card.horizontal.line .product_card_name {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}

.product_card.horizontal.line p.product_card_price {
	min-width: max-content;
}

.product_card.horizontal.line .card_end {
    margin-top: unset;
}

.product_card.horizontal.line .product_card_name h2{ 
	margin-bottom: unset;
	word-break: break-word;
}

.product_card.horizontal.line .qty_area {
     flex-wrap: nowrap;
}

.product_card.horizontal.line.in_cart .qty_area {
	flex-direction: column;
}


.product_card.horizontal.line .product_card_counter.active {
    margin-top: unset;
	min-width: 180px;
}



/* COMPONENTS */
/*====== Card_icons ====== */
 .product_card .card_header {
    display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: center;
	min-height: 24px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.product_card_sale{
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}

.product_card_sale .circle{
		width: 40px;
		height: 40px;
		background-color: #e80000;
		position: absolute;
		z-index: -1;
		border-radius: 50%; 
}

.product_card .card_icons{
	display: flex;
	margin-right: auto;
	align-items: center;
	flex: 1;
}

.product_card .card_icons .art{
	margin-left: 5px;
	min-width: fit-content;
}

.product_card .btn_svg{
	cursor: pointer;
	padding: 0 5px;
}




.product_card .nalichie{
	 margin-left: auto;
	 margin-left: auto;
	 min-width: fit-content;
}


.product_card .nalichie.in-stock:before, .product_card .nalichie.not-stock:before{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 5px;
	margin-left: 3px;
	background: #8c8c8c;
}

.product_card .nalichie.in-stock:before {
	background: #70be71;
}
.product_card .nalichie.not-stock:before {
	background: #70be71;
}

.product_card .nalichie.in-transit:before {
	background: #fdc715;
}

.product_card .nalichie.pre-order:before {
	background: #ef4a44;
}



/*====== Card_foto ======= */
.product_card_foto{
	text-align: center;
}

.product_card .product_card_img{
	text-align: center;
	min-width: 140px;
	height: 150px;

}


.product_card.horizontal .product_card_img{
		width: min-content;
}

.product_card .product_card_img img{
	width: 100%;
	height: 100%;
   object-fit: contain;
} 

.product_card .existance{
	position: relative;
	border-bottom: 1px dotted;
	display: inline-block;
	line-height: 1;
	height: fit-content;
}

/*====== Card_name ======= */
.product_card .product_card_name h2 {
    
}


.product_card .product_card_name span{
		display: inline-block;
		min-height: 16px;
}


.product_card .product_card_name .product_card_link {
	text-align: center;
}


.product_card.horizontal .product_card_name .product_card_link {
	text-align: left;
}



.product_card .product_card_text{
	flex-direction: column;
	justify-content: unset !important;
	width: 70px;
	min-height: 67px;
	align-items: center;
	padding: 5px;
   flex-grow: 1;
	min-width: fit-content;
}

.product_card .product_card_text:not(:last-child) {
	margin-right: 5%;
}



.product_card .product_card_characteristics{
	display: flex;
	justify-content: space-between;
	
}
.product_card .product_card_characteristics p span:last-child{
	text-align:center!important;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:2px;
}
.product_card .product_card_characteristics p span{
	text-align: center;
}

.product_card .product_card_characteristics p{
  border-style:dashed!important;
}



/*====== Card_end_2 цена, калькулятор, кнопка в корзину, наличие ======= */
.product_card .card_end .row_1, 
.product_card .card_end .row_2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product_card .card_end .row_2{align-items: center;}

.product_card p.product_card_price{font-size: 18px; margin: 0;}

.product_card.in_cart .prices{margin-bottom: 3px;}

.product_card.horizontal .card_end .row_2 .product_card_counter{margin-left: 20px;}

.product_card .card_end .row_3 span{color: #262626;}




/*====== для корзины ======= */
.product_card.cart{
	margin-left: 0;
}

.product_card.cart img.remove-cart-item {
	width: 20px;
	cursor: pointer;
}

.product_card.cart .card_top img{
	width: 60px;
}

.product_card.cart .card_end .row_1 {
    align-items: center;
}

.product_card.cart .card_end{
    display: flex;
    align-items: baseline;
}

.product_card.cart p.product_card_price {
    font-size: 18px;
    margin-top: 0px;
    margin-right: 21px;
}

.product_card.cart .product_card_name h2 {
	margin-bottom: 0;
}

.product_card.cart .product_card_name {
    margin-bottom: 0;
}

.product_card.cart .product_card_img {
    text-align: center;
    height: 80px;
}

.product_card.cart {
    max-width: 830px;
    min-height: 75px;
}

.product_card.cart .counter_field,
.product_card.cart .product_card_counter .items__control{
	display: flex;
}


@media (max-width: 1024px) { 

		.product_card {padding: 10px;}
	
		.product_card .product_card_name h2 {
			font-size: 14px;
			line-height:17px;
		}

		.product_card_text.existance{
			font-size: 10px;
		}

		.product_card.horizontal.line .product_card_img {
			width: 41px;}

		.product_card.horizontal.line .qty_area{
			flex-direction: column;
			align-items: flex-end;}
   
		.product_card.horizontal.line p.product_card_price {
			margin-right: unset;
			margin-bottom: 4px;
		}
   
		.product_card.horizontal.line {
			height: auto;
		} 
		
		.product_card_name span{font-size: 12px;}


		
}


@media (max-width: 991px) {  
		.product_bar .card_changer_grid_4, 
		.product_bar .card_changer_gorizontal {
			display: none;
		}		
}


@media (max-width: 768px) {  
		.product_card.horizontal.line .product_card_name {
			max-width: 140px;}
		.product_card {
			margin-left: unset;
		}	
		
		.product_card .product_card_characteristics, 
		.product_card p.product_card_text{
			display:none!important;}
		
}


@media (max-width: 520px) {  
	.product_card.vertical{ 
			margin: -1px;
			border:unset;
			border-radius:unset;
		}

	.product_card.vertical:nth-child(2n+1){
			padding-left:0px;
			border-left: unset!important;
		}

	.product_card.vertical:nth-child(2n){
			padding-right:0px;
			border-right: unset!important;
		}


	.product_card.horizontal.line {
			padding: 5px 0px!important;	
			height: auto;
			margin-bottom: 10px;
		}

	.product_card.horizontal.line p.product_card_price{
		    margin:unset;
			font-size: 16px;
			margin-bottom: 4px;
		}

	.product_card.horizontal.line .product_card_counter.active {
			min-width: 130px;}

	.product_card.horizontal.line .product_card_name h2 {
			font-size: 12px;
			line-height: 16px;}
	
	.product_card.horizontal .card_body {
			padding: 7px;
			}


	.product_card.horizontal.line .product_card_img img {
			height: 50px;
			min-width: 50px;}
						
}


@media (max-width: 414px) {  

	.product_card.cart .card_body {
			justify-content: space-between;}

	.product_card.cart .card_top img {
			width: 45px;}
			
	.product_card.horizontal .card_center {
			margin-left: 2%;
			padding-right: 2%;}			

	.product_card.cart .card_top {
			margin-right: 0;}

	.product_card.cart .card_center {
			margin-right: unset;}
			
	
}





@media (max-width: 375px) { 

	.product_card.cart .card_body {
			justify-content: center;
			flex-direction: column;}

	.product_card.cart .card_top img {
			width: 60px;}
 
	.product_card.cart .product_card_name h2 {
			font-size: 12px;
			text-align: center;}	
			
	.product_card.horizontal.line .product_card_name h2 {
			font-size: 10px;
			line-height: 14px;
		}		
			
	.product_card.horizontal.line .product_card_name {
			max-width: 100px;}		

	.product_card.cart .card_end .row_1 {
			justify-content: center;
			flex-direction: column;}

	.product_card .product_card_counter {
			margin-right: 0;}

	.product_card.cart p.product_card_price {
			margin-top: 0px;
			margin-right: 0;}
					
}


     

.product_card.horizontal.line .card_icons{
	display: none !important;
}
