@import "variables";

.catalog-product_v2 {
	&:not(:first-child){
		margin-top: 32px;
	}
	//layout
	.catalog-product_v2__layout-left {
		position: relative;
		float: left;
		width: 220px;
		@media (max-width: 991px){ width: 160px; }
		@media (max-width: 767px){ width: 120px; }
		@media (max-width: 575px){ width: 72px; }
	}
	.catalog-product_v2__layout-body {
		position: relative;
		margin-left: 252px;
		@media (max-width: 991px){ margin-left: 180px; }
		@media (max-width: 767px){ margin-left: 140px; }
		@media (max-width: 575px){ margin-left: 84px; }
	}
	.catalog-product_v2__layout-center {
		position: relative;
	}
	.catalog-product_v2__layout-right {
		position: relative;
	}

	//elements
	.catalog-product_v2__title {
		margin-bottom: 12px;
		font-size: 24px;
		a {
			border: none;
			color: inherit;
			&:hover {
				color: $color_blue;
			}
		}
		@media(max-width: 991px){ font-size: 20px; }
		@media(max-width: 767px){ font-size: 18px; font-weight: bold; color: $color_blue; }
		@media(max-width: 575px){ font-size: 16px; }
	}
	.catalog-product_v2__image {
		position: relative;
		border: 1px solid $color_gray_10;
		img {
			display: block;
			width: 100%;
		}
	}
	.product-preview__marks {
		.discount {
			&.delivery {
				@media (max-width: 767px){
					padding: 4px 4px 3px;
					img {
						width: 20px;
					}
				}
			}
		}
	}
	.catalog-product_v2__article {
		padding-top: 4px;
		font-size: 12px;
		color: $gray;
		i {
			font-style: normal;
			@media (max-width: 767px){ display: none; }
		}
		strong {}
	}
	.catalog-product_v2__specification {
		position: relative;
		margin: -6px -4px 0;
		font-size: 12px;
		.row-specification {
			position: relative;
			overflow: hidden;
			padding: 6px 4px 7px;
			&:before {
				content: '';
				border-top: 1px dashed $gray_light;
				position: absolute; bottom: 0; left: 0; right: 0;
			}
			.col-specification {
				@media(max-width: 767px){
					display: inline-block;
					vertical-align: top;
					//max-width: 48%;
				}
				@media(min-width: 768px){
					float: left;
					width: 50%;
				}
				&:first-child {
					padding-right: 8px;
				}
			}
			&:hover {
				background: $blue_light;
			}
			&.row-hide {
				@media(max-width: 767px){ display: none; }
			}
		}
		.row-specification-toggle {
			margin-top: 8px;
			@media(min-width: 768px){ display: none; }
			a {
				border: 1px solid $blue;
				display: inline-block;
				padding: 2px 4px;
				@include border-radius(3px);
			}
		}
		.text-highlight {
			background: $blue_light;
			position: relative;
			display: inline-block;
			margin: 0 -4px;
			padding: 0 4px;
		}
		//mod
		&.wide {
			.row-specification { display: block !important; }
			.row-specification-toggle { display: none; }
		}
	}
	.catalog-product_v2__description {
		font-size: 13px;
		line-height: 1.4;
		@media(max-width: 767px){ display: none; }
		&:not(:first-child){ margin-top: 12px; }
	}
	.catalog-product_v2__more {
		font-size: 12px;
		@media(max-width: 767px){ display: none; }
		&:not(:first-child){ margin-top: 8px; }
	}
	.catalog-product_v2__list {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 12px;
		& > li {
			&:not(:first-child){
				margin-top: 12px;
				@media (max-width: 767px){ margin-top: 8px;}
			}
		}
		.btn {
			padding: 8px 16px;
			font-size: 14px;
		}
	}
	.catalog-product_v2__price {
		.now {
			display: inline-block;
			vertical-align: bottom;
			font-size: 14px;
			white-space: nowrap;
			&:not(:last-child){
				margin-right: 8px;
			}
			strong {
				display: inline-block;
				vertical-align: bottom;
				font-size: 22px;
				line-height: 22px;
				color: $blue;
			}
			span {
				display: inline-block;
				vertical-align: bottom;
				line-height: 16px;
			}
		}
		.old {
			display: inline-block;
			vertical-align: bottom;
			font-size: 14px;
			white-space: nowrap;
			@media (max-width: 767px){ font-size: 12px; }
			span {
				background: $yellow;
				display: inline-block;
				padding: 1px 4px;
			}
			i {
				background: $gray_light;
				position: relative;
				display: inline-block;
				padding: 1px 4px;
				font-style: normal;
				&:before {
					content: '';
					background: $gray_dark;
					position: absolute; top: 50%; left: 2px; right: 2px;
					display: block;
					height: 1px;
				}
			}
		}
	}
	.catalog-product_v2__warehouse {
		margin: 0;
		padding: 0;
		list-style: none;
		li {
			display: inline-block;
			vertical-align: middle;
			&:not(:first-child){ margin-left: 4px; }
		}
		svg { display: block; }
	}

	&.responsive-lg {
		.catalog-product_v2__layout-center {
			@media (min-width: 1200px) {
				float: left;
				width: 60%;
			}
		}
		.catalog-product_v2__layout-right {
			@media (max-width: 1199px) {
				padding-top: 12px;
			}
			@media (min-width: 1200px) {
				float: left;
				width: 40%;
				text-align: right;
			}
		}
	}
}