/* Фикс корзины */
.table-cart td:nth-child(4) { white-space: nowrap; }
.cart-dialog td:nth-child(4) { white-space: nowrap; }
.cart-dialog td:nth-child(3) { white-space: nowrap; margin-right: auto; }
.cart-dialog td:nth-child(2) { max-width: 50%; min-width: 50%; margin-right: auto; }
@media (min-width: 992px) {
  .header-cart #cart > button {
    margin-top: 12px;
    padding-right: 0;
    background-position: top 3px left;
  }

}
@media (max-width: 991px) {
  .header-mob-menu-vreditel-wrapper { text-align: center; }
}
@media (max-width: 767px) {
	.table-cart .text-right button span {
		display: none;
	}
	.table-cart td:first-child {
	    width: 50px;
	}
	.table-cart .cart-item-name {
		font-size: 11px;
		word-break: break-word;
	}
	.table-cart .amount input {
		padding: 5px;
	}
	.cart-dialog td:nth-child(2) { max-width: 40%; min-width: 40%; }
}
@media (max-width: 380px) {
  .header-mob-vreditel { font-size: 10px; }
  .header-mob-vreditel:after { margin-left: 5px; }
  .header-mob-catalog { font-size: 10px; }
}



/* Фикс попапа корзины и поиска */
#cModal table.table-striped,
#cModal .table-striped tbody {
	display: block;
}
#cModal .table-striped tr {
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
#cModal .table-striped tr td:first-child {
	margin-right: 10px;
}
#cModal button[onclick*='cart.remove'] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    padding: 0;
    background: none;
    color: #5f6669;
    margin-left: 10px;
    border: none;  
}
#cModal button[onclick*='cart.remove']  .fa { 	font-size: 16px; }
#cModal a.button[href*='checkout'] {
	display: block;
	text-align: center;
}


/* Фикс алерта */
.alert {
    padding-right: 40px;
	  position: relative;
    margin: 30px 0 10px 0;
    top: auto; left: auto; right:  auto;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: bold;  
}
.alert-danger {
  border: 1px solid red !important;
  color: red !important;
}
.alert button {
    position: absolute;
    top: 5px;
    right: 5px;
}

@media (max-width: 767px) {
	.alert {
		position: fixed;
		top: auto;
	    bottom: 10px;
	    right: 10px;
	    left: 10px;
	    z-index: 999999;   
      margin-bottom: 0;  
	}
}

/* Фикс товара */
#product-product .product-buy-button .boc_order_btn { 
  margin: 0;
  padding: 9px 2px;
  border: 1px solid #8ACC36;
  color: #5f6669;
  padding: 11px 30px;
  font-size: 15px;
  width: 100%;
  margin-top: 15px;  
}
#product-product .product-buy-button.outofstock .boc_order_btn { display: none; }
@media (max-width: 767px) {
	#product-product .product-buy-button .boc_order_btn {
		width: 50%;
    padding: 14px;
		margin: 0;
    font-size: 12px;
	}
}
.product-layout .image img,
#product-product .thumbnails .image-main img {
    max-width: 100%;
    aspect-ratio: 1;
    width: 100%;
    height: auto;
}
.product-layout.gift-icon .image { position: relative; }
.product-layout.gift-icon .image::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(../image/gift-icon.png) no-repeat center center;
  background-size: contain;
}
.product-layout .caption .h4 a { font-size: 13px; }
#content .swiper-viewport img.img-responsive { aspect-ratio: 2.41; }
.image-main.gift-icon {
  position: relative;
}
.image-main.gift-icon::before {
  content: "";
  position: absolute;
  top:  10px;
  right: 10px;
  width: 80px;
  height: 80px;
  background: url(../image/gift-icon.png) no-repeat center center;
  background-size: contain;
}
.text-gift {
  margin-bottom: 20px;
  font-size: 16px;
}


/* Фикс категории */
#product-category .description h2 font,
#product-category .description h3 font,
#product-category .description h4 font,
#product-category .description h5 font,
#product-category .description h6 font {
	color: #5f6669 !important;
}
@media (max-width: 767px) {
  .product-layout.col-6:nth-child(2n) {
    padding-left: 7px;
    margin-bottom: 14px;
  }
  .product-layout.col-6:nth-child(2n-1) {
    padding-right: 7px;
    margin-bottom: 14px;
  } 
  .product-layout .product-thumb { padding: 12px; }
}

/* Фикс ocFilter popup */
.ocfilter .popover {
    top: -70px !important;
    left: auto !important;
    right: 130px !important;
}
.collapse-value > button, .collapse-value > button:focus, .collapse-value > button:active, .collapse-value > button:active:focus {
	color: #5f6669;
}
@media (max-width: 767px) {
	.ocfilter .popover {
		display: none !important;
	}
  #ocfilter-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
  }
}

/* Корзина и чекаут */
.cart-total-table {
	font-weight: bold;
	color:  #000;
}
.simplecheckout-cart-total {
	font-weight: bold;
	color:  #000;
}
.simplecheckout-cart tbody .total {
    font-weight: normal !important;
}
.simplecheckout-cart .quantity button[data-onclick="removeProduct"] {
    border: none;
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}
.simplecheckout-cart .quantity button[data-onclick="removeProduct"]:hover { color: #8ACC36; }


.header-user .icon {
    margin-top: 0;
    margin-left: 0;
}
.header-user .icon.icon-user {
	width: 25px;
}
.header-user > a {
    min-width: 40px;
    max-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    margin-top: 16px;
}
.header-user .user-title {
    padding-left: 0;
    text-align: center;
    padding-top: 3px;    
}
.icon-compare {
  display: block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;  
  background-image: url(../image/compare-icon5.svg);
}
.header-compare { margin-right: 10px; }

#simplecheckout_payment_form { display: none; } /* скрываем блок с информацией об оплате (показываем позже в сенкюпейдж) */
.simplecheckout-button-block input[type="button"],
.simplecheckout-button-block .button { font-size: 20px; }

@media (max-width:  992px) {
  .header-user { padding-right: 0; }  
  .header-user > a { margin-top: 0; }
  .header-mob-catalog-wrapper { flex: 0 0 26%; max-width: 26%; }
  .header-mob-menu-vreditel-wrapper { flex: 0 0 48%; max-width: 48%; }
  .header-cart-wrapper { flex: 0 0 14%; max-width: 14%; }
  .header-compare-wrapper { order: 65; flex: 0 0 12%; max-width: 12%; display: flex; justify-content: center; }
    .header-compare { margin-right: 0; }
  .icon-compare {
    width: 22px;
    height: 23px;
    background-image: url(../image/compare-icon5-m.svg);
  }
}

/* Правка меню категорий */
#catalog-menu ul a {
    padding: 10px 20px 10px 38px;
}

/* Кнопка Вверх */
#go-to-up { display: none; }
@media (min-width:  768px) {
  #go-to-up { display: none !important; }
}
@media (max-width:  767px) {
	#go-to-up {		
		position: fixed;
	    right: 10px;
	    bottom: 10px;
	    width: 40px;
	    height: 40px;
	    backdrop-filter: blur(7px);
	    border: 2px solid #8ACC36;
	    color: #8ACC36;
	    border-radius: 2px;
	    cursor: pointer;
	    box-shadow: 0px 0px 15px 0px #e6e6e6;
	}
	#go-to-up div {
		position: relative;
		height: 100%;
		display: flex;
    	justify-content: center;
    	align-items: center;		
	}
}

/* FAQ toggle */
.toggle-faq {
	cursor:  pointer;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #edf2f4;
	border-left: 1px solid #edf2f4;
	border-right: 1px solid #edf2f4;
}
.toggle-faq:first-of-type {
	border-top: 1px solid #edf2f4;
}
.toggle-faq h2 {
	display: block;
	position: relative;
	padding-right: 40px;
	margin: 0;
}
.toggle-faq h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	background: url(../image/right-arrow.png) no-repeat 16px center;
	transform: rotate(90deg);
	transition: all 0.3s;
}
.toggle-faq .toggle-faq-text {
	display: none;
	margin-top: 20px;
}
.toggle-faq.opened h2:after {
	transform: rotate(-90deg);
}

/* Таблица с ценами */
.table-prosucts-prices {
	margin-bottom: 40px;
	width: 100%;
}
.table-prosucts-prices thead td { font-weight: bold; }
.table-prosucts-prices td {
	border: 1px solid #edf2f4;
	padding: 3px 10px;
}
@media (max-width: 767px) {
	.table-prosucts-prices td:nth-of-type(2) { width: 25%; text-align: center; }
}

/* Переключатель языков в меню на моб */
#form-language .dropdown-menu li>button img { display: none; }
@media (max-width: 974px) {
  /*
  #menu #form-language .dropdown-menu {
    display: block;
    position: relative;
    box-shadow: none;
    padding: 0;
  }
  #menu #form-language button.dropdown-toggle {
    display: none;
  }
  #menu #form-language .dropdown-menu li {
    display: block;
    border-bottom: 1px solid #d6dfe4;
    padding: 16px 0;  
  }
  #menu #form-language .dropdown-menu li>button {
    width: 100%;
    text-align: left;
    padding-left: 0;  
  }
  */

  .header-user-wrapper .header-user .user-title {
    display: none;
  }
  .header-user-wrapper {
    order: 40;
    flex: 0 0 17%;
    max-width: 17%;
  }
  .language-wrapper {
    display: block;
    order: 41;
    flex: 0 0 17%;
    max-width: 17%;    
  }
  .language-wrapper .pull-left { float: right; }
  .header-user > a {
    min-width: 35px;
    max-width: 35px;
  }
  .header-mob-menus-wrapper { flex: 0 0 17%; max-width: 17%; }
  .header-mob-search-wrapper { flex: 0 0 17%; max-width: 17%; }
  #logo { flex: 0 0 32%; max-width: 32%; }

  #menu .header-user {
    float: none;
    padding: 0;
  }
  #menu .header-user .dropdown-toggle {
    max-width: none;
  }
  #menu .header-user .dropdown-toggle .user-title {
    color: #5f6669;
    font-size: 14px;
    padding: 0;
  }  
  #menu .header-user .dropdown-toggle i { 
    display: none; 
    padding: 16px 0;
  }
 #menu .header-user .dropdown-menu {
    position: relative;
    box-shadow: none;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #d6dfe4;
  }

}

/* Сравнение товаров */
.table-compare {
  overflow-x: auto;
}
.table-compare .fa-stack {
  width: 1em;
}
.table-compare .fa-stack-2x {
  font-size: 1em;
}
.table-compare a.btn,
.table-compare input.btn {
  display: block;
  margin: 5px 0;
  line-height: 1.5;
  font-size: 14px;
  width: 100%;
  text-align: center;
}


/* Правки стилей статей */
#blog-article .content ol, .description .content ol,
#blog-article .content ul, .description .content ul { padding-left: 20px; }
#blog-article .content ol li, .description ol li {
  list-style-type: decimal;
  margin-bottom: 4px;
}
#blog-article .content ul li, .description ul li  {
  list-style-type: disc;
  margin-bottom: 4px;
}

/* Описание товара */
.product-description ul,
.product-description ol {
  padding-left: 20px;
}
.product-description ul { list-style-type: disc; }


@media (min-width: 992px) {
  .contact-icon { transition: all 0.3s; }
  a:hover .contact-icon { transform: rotate(360deg); }
}


/* Разметка статей */
.faq-list {
  width: 100%;
  margin: 10px auto;
}
.faq-list .h3 {
  text-align: left;
  margin-bottom:20px;
}
.faq-list .tab input, .faq-list .tab-content { display: none; }
.faq-list .tab {
  border: 1px solid #e9eaec;
  border-radius: 3px;
  margin-bottom: 10px;
  text-align: left;
}
.faq-list .tab-title {
  padding: 10px !important;
  margin:0;
  display: block !important;
  text-transform: uppercase;
  font-weight: bold;
}
.faq-list .tab-title::after {
  content: '+';
  float: right;
}
.faq-list .tab-content {
  padding: 10px 20px;
}
.faq-list .tab-content p {
  margin:0;
  padding:0;
}
.faq-list .tab-content ul, ol {
  margin:5px 0 5px 30px;
  padding:0;
}
.faq-list .tab :checked + .tab-title {
  background-color: #8ACC36;
  border-radius: 3px 3px 0 0;
  color: #fff !important;
  transition: none;
  -webkit-transition:none;
}
.faq-list .tab :checked + .tab-title::after {
  content: '−';
}
.faq-list .tab :checked ~ .tab-content {
  display: block;
}
.faq-list .pages li {
  list-style:disc;
}
.faq-list .pages ul, ol {
  margin:10px 0 10px 40px;
}
