/* Start:/local/templates/4k-monitors/components/bitrix/sale.basket.basket/basket/style.css?175103850018210*/
@font-face {
    font-family: 'CeraPRO';
    src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

a.active svg {
  fill: #ff2e38;
  color: #ff2e38;
}

a.is-added svg {
  fill: #ff2e38;
  color: #ff2e38;
}

.line {
      width: 100%;
      height: 1px;
      left: 20px;
      top: 159px;
      background: #EEEEEE;
    }

.h-icon-favorite-cart {
       fill: #BFBFBF !important;
   }

.cart--row * {
	font-family: 'CeraPro';
	font-weight: 400;
}
.cart--col {
	width: auto !important;
	
}

/* Подсобираем корзину */
.cart--services {
    margin-top: 40px;
    font-size: 14px;
    width: 100%;
}

.service {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-bottom: 15px;
}

.service label {
	display: flex;
}

.cart--services-title {
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
}

.cart--services label {
    display: flex;
    margin-bottom: 5px;
    cursor: pointer;
    color: rgba(98, 99, 106, 1);
}

.cart--services input.selected + div {
  color: rgba(0, 0, 0, 1);
}

.cart--services input[type="radio"] {
	flex-shrink: 0;
	min-width: 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border: 1px solid #D3D3D3; /* Цвет границы неактивной кнопки */
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    vertical-align: middle;
    box-sizing: border-box;
    margin-top: 2px;
}

.cart--services input[type="radio"]:checked {
    border-color: #FF2E38; /* Цвет рамки активной кнопки */
}

.cart--services input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Размер внутреннего круга */
    height: 10px;
    background-color: #FF2E38; /* Цвет внутреннего круга */
    border-radius: 50%;
}
.cart--title {
	white-space: pre-wrap;
}
.cart--title:hover {
	color: #FF2E38;
}


	.cart .cart--row{
		padding: 40px 70px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.is_favorites .cart--row{
		padding: 77px 70px;
		padding-bottom: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cart .cart--col{
		position: relative;
	}
	
	.cart--col-non-dop {
		display: flex;
		align-items: center;
	}
	
	.cart--col-non-dop .cart--count-cont {
		height: auto;
	}

 
/* Элемент .card--photo */ 
.card--photo {  
    margin: 0;  
    display: flex;  
    width: auto;  
    min-width: 125px; /* Увеличиваем минимальную ширину */  
    height: auto;  
    min-height: 125px; /* Увеличиваем минимальную высоту контейнера */  
    align-items: flex-start; /* Ставим содержимое (включая картинку) наверх */  
    justify-content: flex-start; /* Выравнивание по верхней части */  
    flex-direction: column; /* Изображение сверху, остальной контент под ним */  
} 
 
/* Стиль для изображения */ 
.card--photo img { 
	transform: translate(-50%, -50%) !important;
	max-width: 100% !important; 
    display: block;  
    width: 100%; /* Изображение растягивается на всю ширину контейнера */  
    height: auto; /* Сохраняет пропорции изображения */  
    position: relative;  
    object-fit: cover; /* Увеличиваем изображение и обрезаем лишнее, если не помещается */  
}
.cart--photo a { 
	 height: auto !important; 
}
.cart--head {
	display: flex;
	padding: 0px 70px !important;
}


	.cart .cart--info { 
    padding: 20px 0 0px; /* Оставляем отступы, если они нужны */
    padding-top: 0px;
    padding-left: 35px; 
    min-height: unset; /* Отключаем фиксированную минимальную высоту, если не нужна */
    position: relative; /* Удаляем дублирование */
    height: auto; /* Лучше использовать auto вместо фиксированной высоты */
    display: flex; 
    align-items: flex-start; /* Исправлено значение */
    flex-direction: column; 
    max-width: 478px;
}

	.cart .cart--links-fav {
		
	     box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	   
	}
.cart .cart--links-fav a {
	    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    box-sizing: border-box;
    font-family: 'CeraPro';
    font-weight: 400;
    color: #ff2e38;
    text-decoration: none;
    margin: 0 30px 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    transition: 200ms all ease;
	   
	}
	
	.card--box-links__fav svg use, .basket-remove svg use {
	    fill: #BFBFBF;
	    transition: stroke 0.3s ease;
	    cursor: pointer;
	}
	
	.card--box-links__fav:hover svg use {
	    fill: #2B2036;
	}
	
	.h-icon-favorite g path {
	    stroke: #BFBFBF !important; /* Проверка приоритетов */
	}

	
	.h-icon-favorite:hover g path {
	    stroke: #2B2036; /* Конкретная обводка */
	}
	
	/* Базовый цвет */
.h-icon-favorite {
    color: #BFBFBF;
}

/* Цвет при наведении */
.h-icon-favorite:hover {
    color: #2B2036;
}

	
	.cart .cart--count,
	.cart .cart--sale {
	    padding: 20px 0 40px;
	    font-size: 14px;
	    line-height: normal;
	    display: flex;
	    align-items: flex-start;
	    text-align: center;
	    justify-content: flex-end;
	}
	.cart .cart--count{
		padding-left: 35px;
		padding-bottom: 0px;
		padding-top: 0px;
		height: 55px;
		align-items: center;
	}
	.cart .cart--total,
	.cart .cart--proto {
		padding: 20px 0 40px;
	    font-size: 14px;
	    line-height: normal;
	    display: flex;
	    align-items: flex-start;
	    text-align: center;
	    justify-content: flex-end;
	}
	.cart .cart--total {
		gap: 15px;
		justify-content: flex-start;
		align-items: center;
		height: 55px;
		padding: 0;
	}
	.cart .cart--price {
		padding: 0px 0 0px;
		margin-left: 70px;
	    font-size: 18px;
		font-weight: 500;
	    line-height: normal;
	    height: 100%;
	    min-width: 110px;
	    display: flex;
	    align-items: flex-end;
	    text-align: right;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.item-total-price {
		display: flex;
		align-items: center;
		height: 55px;
	}
	.cart--count-cont {
		display: flex;
	    align-items: flex-end;
	    text-align: right;
	    flex-direction: column;
	    justify-content: space-between;
	    height: 100%;
	}
	.cart .cart--price span {
		font-weight: 500;
	}
	.cart--services label {
    align-items: flex-start; 
    
    flex: 1; 
}

.cart--services label p {
    max-width: 100%;
}

.btn-svg {
	padding-top: 6.5px;
}

.dop {
	padding-bottom: 11px;
    
    font-size: 16px !important;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 25px;
}
.dop-count {
	padding-bottom: 11px;
    
    font-size: 14px !important;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 25px;
}
.dop-prices {
	margin-left: auto; /* Отодвигает цену вправо */
    display: flex;
    align-items: center;
    gap: 8px; /* добавим расстояние между ценами */
}

.dop-has-promo{
	font-size: 12px !important;
    font-weight: 400;
    color: #9D9D9F;
    text-decoration: line-through;
}
.dops {
	display: flex;
	flex-direction: column;
	text-align: right;
}
.dop-mb {
	display: none;
}

.pr-mb {
		display: none;
	}






/* Изменения кол-ва товаров */
.s4k-cart-count-setter__wrp {
	margin-left: 15px !important;
  display: flex;
   flex-shrink: 0; 
  align-items: center;
  justify-content: space-between;
  font-family: Arial, sans-serif;
}

.s4k-cart-count-setter {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 60px;
  height: 36px;
  overflow: hidden;
  width: 110px;
}

.s4k-cart-count-setter__btn { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  width: 45px !important; 
  height: 30px; 
  background-color: #fff; 
  color: #62636A; 
  border: none; 
  font-size: 24px; 
  line-height: 1; 
  cursor: pointer; 
  user-select: none; 
  padding: 0px; 
  font-family: "Arial Rounded MT "; 
}

.s4k-cart-count-setter__btn:hover { 
  color: #2B2036; 
}



.s4k-cart-count-setter__btn._dec{
	color: #A5A5A5;
  text-decoration: none;
}

.s4k-cart-count-setter__btn._inc{
	
  text-decoration: none;
  font-family: "Arial Rounded MT" !important; 
}

.s4k-cart-count-setter__inp {
	font-family: "Arial";
  text-align: center;
  border: none !important;
  font-size: 16px !important;
  font-weight: 400;
  width: 20px !important;
  outline: none;
  background-color: #fff;
  -moz-appearance: textfield;
  margin: 0 !important; /* Убираем возможные отступы */
  padding: 0 !important; /* Убираем любые внутренние отступы */
}

.s4k-cart-count-setter__inp--monitor {
  /* Add specific styles for monitor class if needed */
}

/* Убираем стрелки у числового инпута */
.s4k-cart-count-setter__inp::-webkit-outer-spin-button,
.s4k-cart-count-setter__inp::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Скрытие попапа по умолчанию */
.popup-overlay-ser1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.popup-overlay-ser2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.popup-overlay-ser3 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

/* Контейнер для попапа */
.popup-content-ser1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 70px 40px 40px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
    z-index: 10000;
    max-width: 580px;
    width: 100%;
}

/* Кнопка закрытия */
.popup-close-ser1 {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 35px;
    cursor: pointer;
    color: #BFBFBF;
}

.popup-close-ser2 {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 35px;
    cursor: pointer;
    color: #BFBFBF;
}

.popup-close-ser3 {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 35px;
    cursor: pointer;
    color: #BFBFBF;
}

/* Заголовок, текст и цена */
.popup-content-ser1 h2 {
	text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 31.2px;
    margin-bottom: 10px;
    text-align: left;
}

.popup-content-ser1 p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
     text-align: left;
     line-height: 25.2px;
}

.popup-price-ser1,
.popup-price-ser2,
.popup-price-ser3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* Кнопка добавления услуги */
.popup-add-service-ser1 {
    background: #FFF1F2;
    border: none;
    color: #FF2E38;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: stroke 0.3s ease;
}
.popup-add-service-ser2 {
    background: #FFF1F2;
    border: none;
    color: #FF2E38;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: stroke 0.3s ease;
}
.popup-add-service-ser3 {
    background: #FFF1F2;
    border: none;
    color: #FF2E38;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: stroke 0.3s ease;
}

.popup-add-service-ser1-del,
.popup-add-service-ser2-del,
.popup-add-service-ser3-del {
	background: #F1F1F1;
    border: none;
    color: #2B2036;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: stroke 0.3s ease;
}

.popup-add-service-ser1-del:hover,
.popup-add-service-ser2-del:hover,
.popup-add-service-ser3-del:hover {
	background: #FF2E38;
	color: #FFFFFF;
}

.popup-add-service-ser1:hover,
.popup-add-service-ser2:hover,
.popup-add-service-ser3:hover {
	background: #FF2E38;
	color: #FFFFFF;
}


.product-info-price__credit__icon {
  cursor: pointer;
}

.product-info-price__credit__icon:hover {
  color: #FFFFFF;
  background-color: #FF2E38;
}

.card--box-links__fav:hover{
	fill: black;
}

.product-info-price__credit__icon.active {
  color: red;
}

.add-service-btn {
  background-color: #f5f5f5;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.count-tablet {
	  display: none;
  }

.recomended-in-cart .history-slider, .recomended-in-cart .history-slider--in, .recomended-in-cart .slick-slider, .recomended-in-cart .slick-list, .recomended-in-cart, .recomended-in-cart .inner-page--section {
	height: 100%;
}
@media (max-width: 1260px) {
	.cart .cart--row{
		padding: 27px 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cart .cart--info {
	    padding: 30px 0 0px; 
	    height: auto;
	    min-height: 0;
	}
	.cart .cart--col:nth-child(2) {
	    height: auto;
	}	
	

}

@media (max-width: 1160px) {
	.cart .cart--count{
		padding-left: 5px;
	}
	.cart .cart--price {
		margin-left: 5px;
		}
}
@media (max-width: 1079px) {
	.cart .cart--info {
	    padding: 0px;
	    padding-top: 30px;
	    height: auto;
	    min-height: 0;
	}
	.dops-count {
		display: none;
	}
	.item-name {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.count-tablet {
	  display: block;
  }
  .cart--count {
	  display: none !important;
  }
  .cart--services {
	  flex:2;
  }
  .cart .cart--price {
		padding-top: 145px;
		}
		.cart .cart--total {
		padding-top: 140px;
		}
}
@media (max-width: 767px){
	.dop-prices {
		margin-left: 26px;
	}
	.dop-count-mb {
		padding-right: 20px;
	}
	.cart--services label {
		margin-bottom: 0px;
	}
	.cart .cart--info {
	    padding: 30px;
	    height: auto;
	    min-height: 0;
	}
	.count-tablet {
	  display: none;
  }
	.cart--services {
		width: 100%;
    margin-top: 30px;
    font-size: 14px;
}
	.cart--col {
		 display: flex; 
		 flex-direction: column;
		align-items: center; /* Ставим содержимое (включая картинку) наверх */  
	    justify-content: center; /* Выравнивание по верхней части */  
	}
	.cart .cart--row{
		flex-direction: column;
		padding: 15px 20px;
	}
	.cart--photo {  
		margin: 20px 10px !important;
		margin-top: 160px;
		height: 100%;
	    align-items: center; /* Ставим содержимое (включая картинку) наверх */  
	    justify-content: center; /* Выравнивание по верхней части */  
	} 
	.card--photo img {
		position: relative;
}
	.cart .cart--price {
		flex-direction:row;
	}
	.cart .cart--info {
		width: 100%;
	    padding: 20px 0 45px;
	    align-items: center; /* Ставим содержимое (включая картинку) наверх */  
	    justify-content: center; /* Выравнивание по верхней части */
	}
	.cart .cart--total, 
	.cart .cart--count, 
	.cart .cart--price, 
	.cart .cart--sale {
	    padding: 7px 0 !important;
	    height: auto;
	    text-align: left;
	    justify-content: flex-start;
	    line-height: 30px;
	    margin-left: 0; 
	}
	.dops {
		display: none;
	}
	.service{
		padding-bottom: 5px;
	}
	.dop-mb {
		display: block;
		padding-bottom: 15px;
	}
	.pr-mb {
		width: 100%;
		justify-content: space-between;
		padding-top: 20px;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	    text-align: center;
	}
	.actions {
		display: flex;
		flex-direction: row;
	}
	.pr-mb span{
		font-size: 18px;
	}
	.cart--price,
	.cart--total,
	.cart--count {
		display: none !important;
	}
	
	.cart--info {
		padding: 0 !important;
	}
	
	.s4k-cart-count-setter__wrp{
		margin-left: 0 !important;
	}
}
/* End */
/* /local/templates/4k-monitors/components/bitrix/sale.basket.basket/basket/style.css?175103850018210 */