/* pm-catalog-cards v1 */

:root{
	--pm-card-gap:4px;
	--pm-card-pad:3px;
	--pm-card-radius:14px;
	--pm-card-img-radius:12px;
	--pm-card-text-pad:9px;
	--pm-card-img-bg:#fff;
	--pm-card-shadow-hover:0 4px 18px rgba(17,17,26,.10);
	--pm-card-price-color:#1a1a1a;
	--pm-card-title-color:#333;
}

/* grid */
body .items_wrapper .catalog_block.items.block{
	margin-left:calc(var(--pm-card-gap) / -2);
	margin-right:calc(var(--pm-card-gap) / -2);
}
body .items_wrapper .catalog_block.items.block > .item{
	padding:calc(var(--pm-card-gap) / 2);
	margin-bottom:0;
}

/* card */
body .items_wrapper .catalog_block.items.block > .item .inner_wrap{
	margin:0;
	padding:var(--pm-card-pad) var(--pm-card-pad) 0;
	background:#fff;
	border-radius:var(--pm-card-radius);
	box-shadow:none;
	height:100%;
	transition:box-shadow .18s ease;
}
body .items_wrapper .catalog_block.items.block > .item:hover .inner_wrap{
	box-shadow:var(--pm-card-shadow-hover);
}

/* image */
body .items_wrapper .catalog_block.items.block > .item .image_wrapper_block{
	margin-bottom:10px;
	background:var(--pm-card-img-bg);
	border-radius:var(--pm-card-img-radius);
	overflow:hidden;
}

/* image fill */
body .items_wrapper .catalog_block.items.block > .item .image_wrapper_block img{
	width:100%;
	height:100%;
	object-fit:contain;
	left:0;
	right:0;
}

/* info column */
body .items_wrapper .catalog_block.items.block > .item .item_info{
	display:flex;
	flex-direction:column;
	padding:0 var(--pm-card-text-pad) 16px;
}
body .items_wrapper .catalog_block.items.block > .item .item_info--bottom_block{
	order:-1;
	margin-bottom:6px;
}
body .items_wrapper .catalog_block.items.block > .item .item_info--top_block{
	display:flex;
	flex-direction:column;
}
body .items_wrapper .catalog_block.items.block > .item .item_info--top_block .item-title{
	order:1;
}
body .items_wrapper .catalog_block.items.block > .item .item_info--top_block .rating{
	order:2;
	margin:6px 0 0;
}
body .items_wrapper .catalog_block.items.block > .item .item_info--top_block .sa_block{
	order:3;
	margin-top:4px;
}

/* price */
body .items_wrapper .catalog_block.items.block > .item .cost.prices .price{
	font-size:20px;
	line-height:1.2;
	color:var(--pm-card-price-color);
}
body .items_wrapper .catalog_block.items.block > .item .cost.prices .price .price_currency,
body .items_wrapper .catalog_block.items.block > .item .cost.prices .price .price_measure{
	font-size:15px;
	font-weight:600;
}
body .items_wrapper .catalog_block.items.block > .item .cost.prices .price.discount{
	font-size:13px;
	font-weight:400;
	color:#9aa0a6;
}

/* title */
body .items_wrapper .catalog_block.items.block > .item .item-title a{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:var(--pm-card-title-color);
}

body .items_wrapper .catalog_block.items.block > .item .item-title a{
	min-height:42px;
	color:#1a1a1a;
}

/* button */
body .items_wrapper .catalog_block.items.block > .item .footer_button{
	display:block;
	position:static;
	visibility:visible;
	opacity:1;
	height:auto;
	margin-top:auto;
	padding:8px var(--pm-card-text-pad) 12px;
}
body .items_wrapper .catalog_block.items.block > .item .footer_button .counter_wrapp{
	border-radius:8px;
	overflow:hidden;
}
body .items_wrapper .catalog_block.items.block > .item .footer_button .counter_wrapp .btn{
	height:46px;
	line-height:46px;
	padding-top:0;
	padding-bottom:0;
}
body .items_wrapper .catalog_block.items.block > .item .footer_button .counter_wrapp .counter_block{
	height:46px;
}

/* rating */
body .items_wrapper .catalog_block.items.block > .item .rating:has(.inner_rating[title="Нет оценок"]){
	display:none;
}
body .items_wrapper .catalog_block.items.block > .item .rating .inner_rating[title="Нет оценок"]{
	display:none;
}

/* gallery indicators */
body .items_wrapper .catalog_block.items.block > .item .section-gallery-wrapper__item-nav{
	margin-right:4px;
}
body .items_wrapper .catalog_block.items.block > .item .section-gallery-wrapper__item-nav:before{
	height:3px;
	bottom:8px;
	border-radius:2px;
}

@media (max-width:767px){
	:root{
		--pm-card-gap:4px;
		--pm-card-pad:3px;
		--pm-card-radius:12px;
		--pm-card-img-radius:10px;
		--pm-card-text-pad:7px;
	}
	body .items_wrapper .catalog_block.items.block > .item .cost.prices .price{
		font-size:18px;
	}
	body .items_wrapper .catalog_block.items.block > .item .item_info{
		padding-bottom:8px;
	}
}
