@charset "UTF-8";
/* СТРАНИЦА ТОВАРА */
.ProdTop {
	padding: 20px 0 10px 0;
	display: grid;
	grid-template-columns: 260px auto;
	gap: 30px;
}
@media screen and (min-width: 501px) and (max-width: 760px) {
.ProdTop {
	padding: 20px 0 0 0;
	grid-template-columns: 160px auto;
	gap: 20px;
}}
@media screen and (max-width:500px) {
.ProdTop {display: block;
}}

.prLeftArea img {
	width: 100%;
	border: 1px solid #dcdcdc; border-radius: 9px;
	background-color: #fff;
}
.prSymbol {
	display: block;	float:right;	
	margin: 10px 0 20px 20px;
}
@media screen and (min-width:900px) {
.prSymbol {width: 160px;}}
@media (min-width: 800px) and (max-width: 899px) {
.prSymbol {width: 120px;}}
@media screen and (max-width:799px) {
.prSymbol {width: 100px;}}

.prSDescrArea h1 {
	font-size: 23px; line-height:23px;
}
.prSDescrArea .slogan { 
	font-size: 15px; line-height:15px;
	font-weight: 500; 
	margin: 6px 0 0 0; padding: 0;
	color: #008591;
}
.prSDescrArea .price { 
	font-size: 18px; line-height:18px;
	font-weight: bold;
	margin: 14px 0 0 0; padding: 0;
}
.prSDescrArea .price span { 
	font-size: 14px;
	font-weight: bold;
}
.prSDescrArea .bonus {
	font-size: 14px; line-height:18px;
	padding: 0; margin: 15px 0 0 0;
}
.prSDescrArea .bonus a {
	text-decoration: none;
}
.prSDescrArea .bonus a span {
	border-bottom: 1px solid #00a0af;
	color: #222222;
}
.prSDescrArea .bonus a:hover span {
	border-bottom: 1px solid #97252c;
	color: #222222;
}
.prSDescrArea .inBox {
	font-size: 14px; line-height:18px;
	padding: 0; margin: 18px 0 0 0;
}
.prSDescrArea .sDescr {
	font-size: 14px; line-height:18px;
	padding: 0; margin: 26px 0 0 0;
}
.vmPrColorArea {
	background-color: #f6f6f6; 
	border-bottom: 1px solid #DCDCDC;
}
.vmPrWrp {
	max-width:1200px; margin: 0 auto;
	width: calc(100% - 30px);
}

/* addtocart */
.addtocart-area {
	margin: 10px 0 0 0; padding: 0;
}
.addtocart-area form.product {
	border: none; outline: none; margin: 0; padding: 0;
}
.addtocart-bar {
	display:block;
	height:40px; line-height:40px;
	padding:0; margin:0;
	text-align:center;
}
.vm-customfields-wrap {
	display: none;
}
.qMinus {
	display: block; float: left;
	cursor: pointer;
	height: inherit; width: 22px;
	background: url("/templates/coolshop21/images/minus.png") center center no-repeat;
}
.qMinus input {
	cursor: pointer;
	display: block; height: inherit; width: inherit;
	background: none; border: none; outline: none;
}
.quantity-box {
	display: block; float: left;
	height: inherit; width: 24px;
	line-height:40px;
	font-size: 16px;
}
.quantity-box input {
	display: block;
	height: inherit; width: inherit; line-height:inherit;
	background: none; border: none; outline: none;
	font-size: inherit; margin: 0; padding: 0;
	text-align: center; color: #000; font-weight: 500;
	vertical-align: middle;
}
.qPlus {
	display: inline; float: left;
	cursor: pointer;
	height: inherit; width: 22px;
	background: url("/templates/coolshop21/images/plus.png") center center no-repeat;	
}
.qPlus input {
	cursor: pointer;
	display: block; height: inherit; width: inherit;
	background: none; border: none; outline: none;	
}
.addtocart-button {
	display: block; float: right;
	background-color: #fff;
	height: inherit;
	width: 175px; 
	border: 1px solid #e0e1e0;
	border-radius: 10px;
	font-size:14px;
	font-weight: 400;
}
.addtocart-button input {
	cursor: pointer;
	display: block; height: inherit; width: inherit;
	background: none; border: none; outline: none;
}

/*_addtocart */


a.videoinfancy {
	display: inline-block;
	height: 23px; line-height: 23px;
	background: url("/templates/coolshop21/images/icon-video.png") no-repeat;
	padding: 0 0 0 30px;
	margin-top: 15px;
	color:#ff0000; text-decoration: none;
	cursor: pointer;
}
a.videoinfancy:hover {
	color:#c60000;
	text-decoration:underline;
}

/* ОПИСАНИЕ ТОВАРА */
.PrAreaMid {
	padding: 20px 0 0 0;
}
.PrAreaMid p {
	font-size: 14px; line-height:20px;
	margin-bottom: 26px;
	color: #222222;
}
.PrAreaMid ul {
	margin-bottom: 26px;
}
.PrAreaMid h2 {
	font-size: 18px; line-height:20px;
	color: #007F8B; font-weight: bold;
}
.PrAreaMid h3 {
	font-size: 16px; line-height:20px;
	color: #222222; font-weight: bold;
}
/*_ОПИСАНИЕ ТОВАРА */
/* ТАБЫ */
.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}
.tabs__caption {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative; top: 1px;
}

.tabs__caption span {
	display: inline-block;
	text-align: center;
	background-color:#F6F6F6;
	cursor:pointer;
	height: 40px; line-height:40px;
	border: 1px solid #D5D5D5; border-radius: 10px 10px 0 0;
	margin: 0 0 0 0; padding: 0 20px;
	text-transform:uppercase;
	font-size: 14px; font-weight: 500;
}
.tabs__caption span:hover {
	color:#af0060;
}
.tabs__caption span.active {
	background-color:#fff;
	border: 1px dashed #00a0af;
	border-bottom-style:none;
}
.tabs__caption span.active:hover {
	color:#222;
}
.tabs__caption span img {
	position: relative;
	top:5px;
}
@media screen and (max-width:600px) { 
.tabs__caption span {
	font-size: 13px;
}}
.lineUnderTabs {
	border-top: solid 1px #D5D5D5;
	margin-bottom: 20px;
}
.tabs__caption {
	display: grid; gap:20px;
	grid-template-columns: repeat(5, 1fr);	
}
.tabs__caption b {font-weight: 500;}
.tabs__caption img {display: none;}

@media screen and (max-width: 1024px) {
.tabs__caption {
grid-template-columns: repeat(4, 1fr) 80px; gap:10px;}
.sertTab b {display: none;}
.sertTab img {display: inline;}
}
@media screen and (max-width:900px) {
.tabs__caption {
grid-template-columns: 80px repeat(3, 1fr) 80px;}	
.descrTab b {display: none;}
.descrTab img {display: inline;}
}
@media screen and (max-width:770px) {
.tabs__caption {
grid-template-columns: 80px 80px repeat(2, 1fr) 80px;}
.sostavTab b {display: none;}
.sostavTab img {display: inline;}
}
@media screen and (max-width:670px) {
.tabs__caption {
grid-template-columns: repeat(2, 80px) 1fr repeat(2, 80px);}	
.rekomendTab b {display: none;}
.rekomendTab img {display: inline;}
}
@media screen and (max-width:580px) {
.tabs__caption {
grid-template-columns: repeat(5, 1fr); gap:3px;}
.primenTab b {display: none;}
.primenTab img {display: inline;}		
}
/*_ТАБЫ  */
.similarprodLine {
	height: 6px;
	background-color: #D8D8D8;
}
.similarprod {
	padding: 20px 0;
}
.similarprod h2 {
	font-weight: bold;
	color: #AA0D37;
}