/* Start:/local/templates/.default/components/bitrix/catalog/products/style.css?17682316853265*/
.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}

@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}

.sortline{
}

.sortline_box_title{
	-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
				 -moz-user-select: none; /* Old versions of Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
							user-select: none; /* Non-prefixed version, currently
																		supported by Chrome, Edge, Opera and Firefox */
	}
	
	.sortline_box_title span {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--color-black);
		font-size: 18px;
		font-weight: 400;
		line-height: 30px; /* 166.667% */
		width: 100%;
		min-width: 80px;
		cursor: pointer;
		gap: 12px;
	}
	
	.sortline_box_title span i{
		height: 24px;
		width: 24px;
		position: relative;
	}

	.sortline_box_title span i svg{
		position: absolute;
	}

	.sortline_box_title span i.fa-angle-up svg{
		transform: rotate(180deg);
	}

	.sortline_box_title span i::before{
		display: none;
	}
	
	.sortline_block{
		position: absolute;
		z-index: 8;
		border-radius: 4px;
		background: #FFF;
		box-shadow: 0px 18px 56px 0px rgba(0, 0, 0, 0.05), 0px 7.52px 23.395px 0px rgba(0, 0, 0, 0.01), 0px 4.021px 12.508px 0px rgba(0, 0, 0, 0.00), 0px 2.254px 7.012px 0px rgba(0, 0, 0, 0.00), 0px 1.197px 3.724px 0px rgba(0, 0, 0, 0.00), 0px 0.498px 1.55px 0px rgba(0, 0, 0, 0.00);
		padding: 16px;
		display: none;
		max-width: 268px;
		right: 0;
		z-index: 999;
	}
	
	.sortline_block_btn{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.sortline_block button{
		padding: 0;
		border: 0;
		outline: 0;
		background: none;
		white-space: nowrap;
		color:#767676;
		text-align: left;
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.sortline_block button span{
		display: block;
		min-width: 24px;
		height: 24px;
		border: 1px solid var(--color-green);
		border-radius: 100%;
		position: relative;
	}

	.sortline_block button span::before{
		content: '';
		display: block;
		min-width: 12px;
		width: 12px;
		height: 12px;
		border-radius: 100%;
		background: var(--color-green);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		opacity: 0;
	}
	
	/* .sortline_block button.selected span,
	.sortline_block button:hover span{
		border-color: var(--color-orange);
	} */

	.sortline_block button.selected span::before{
		opacity: 1;
	}

	.catalog-section{
		margin-top: 32px;
	}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/products/catalog_minimal.css?17724684298486*/
/**
 * Единый минималистичный стиль каталога: главная + все подстраницы.
 * Карточки одной высоты, одинаковый блок изображения (aspect-ratio), без растягивания.
 */

/* ---- Сетка только для карточек разделов: ровно 4 в строке (tabs-items не трогаем) ---- */
.row.md-4.catalog-sections-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}

.row.md-4.catalog-sections-grid > [class*="col-"] {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* ---- Карточка раздела (главная /catalog/) + лёгкая анимация ---- */
.section_item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.section_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.section_item_img {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  flex-shrink: 0;
  background: #f0f0f0;
}

.section_item_img a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.section_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  display: block;
  transition: transform 0.35s ease;
}

.section_item:hover .section_item_img img {
  transform: scale(1.03);
}

.section_item_img a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  transition: opacity 0.25s ease;
  opacity: 0;
  border-radius: 12px;
}

.section_item_img a:hover::before {
  opacity: 1;
}

.section_item_name {
  color: var(--color-black, #1a1a1a);
  font-family: var(--second-family);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}

.section_item_name a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.section_item_name a:hover {
  color: var(--color-orange);
}

/* ---- Подстраницы: единый стиль карточек (сетка остаётся Bootstrap row/col) ---- */
.catalog-section .product-item-small-card,
.catalog-section .col-sm-6.col-md-4.col-lg-3,
.catalog-section .col-12.col-sm-6.col-lg-3 {
  margin-bottom: 1.5rem;
}

/* Малые карточки: изображение строго 16/9 (прямоугольное) */
.catalog-section .product-item-small-card .product-item-image-wrapper {
  aspect-ratio: 16 / 9;
}

.catalog-section .product-item-small-card .product-item-image-original img,
.catalog-section .product-item-small-card .product-item-image-alternative img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.catalog-section .product-item-small-card .product-item-image-slide {
  aspect-ratio: 16 / 9;
}

/* ---- Карточка товара (products_item) в каталоге: цена, кнопки, избранное видны ---- */
.catalog-section .product-item-container {
  position: relative;
  width: 100%;
  margin: 0;
  height: 100%;
}

.catalog-section .product-item {
  position: relative;
  width: 100%;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.catalog-section .product-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* В каталоге кнопки и блоки всегда видны (не только по hover) */
.catalog-section .product-item-info-container.product-item-hidden,
.catalog-section .product-item-container .product-item-info-container.product-item-hidden {
  display: block !important;
  opacity: 1 !important;
}

/* Избранное: иконка в правом верхнем углу картинки */
.catalog-section .product_item_wish {
  position: absolute;
  z-index: 15;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.catalog-section .product_item_wish:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

/* Цена в карточке каталога */
.catalog-section .product-item-price-container {
  margin: 0 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
}

.catalog-section .product-item-price-current {
  color: var(--color-green, #81a813);
  font-family: var(--second-family);
  font-size: 1.125rem;
  font-weight: 700;
}

.catalog-section .product-item-price-old {
  color: #999;
  text-decoration: line-through;
  font-size: 0.875rem;
}

/* Кнопки «Посмотреть», «В корзину» */
.catalog-section .product-item-button-container {
  margin-top: 0.5rem;
}

.catalog-section .product-more,
.catalog-section .btn.btn-link,
.catalog-section .btn.btn-primary {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.catalog-section .product-item-image-wrapper {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 32 / 27;
  flex-shrink: 0;
  background: #f0f0f0;
  min-height: 0;
  display: block;
}

.catalog-section .product-item-image-original,
.catalog-section .product-item-image-alternative {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.catalog-section .product-item-image-original img,
.catalog-section .product-item-image-alternative img {
  height: 100%;
  object-fit: contain;
  max-width: none;
  max-height: none;
}

.catalog-section .product-item:hover .product-item-image-original img,
.catalog-section .product-item:hover .product-item-image-alternative img {
  /* Без scale — апскейл даёт пикселизацию */
}

.catalog-section .product-item-image-slide {
  width: 100%;
  aspect-ratio: 32 / 27;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog-section .product-item-title {
  color: var(--color-black, #1a1a1a);
  font-family: var(--second-family);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  min-height: 0;
}

.catalog-section .product-item-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.catalog-section .product-item-title a:hover {
  color: var(--color-orange);
}

/* ---- Карточка в стиле projects_item внутри каталога ---- */
.catalog-section .projects_item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
  height: 100%;
}

.catalog-section .projects_item_img {
  width: 100%;
  aspect-ratio: 32 / 27;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f0f0f0;
}

.catalog-section .projects_item_img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.catalog-section .projects_item {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.catalog-section .projects_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.catalog-section .projects_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  display: block;
}

.catalog-section .projects_item_img a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  transition: opacity 0.25s ease;
  opacity: 0;
}

.catalog-section .projects_item_img a:hover::before {
  opacity: 1;
}

.catalog-section .projects_item_name {
  color: var(--color-black, #1a1a1a);
  font-family: var(--second-family);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}

.catalog-section .projects_item_name a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.catalog-section .projects_item_name a:hover {
  color: var(--color-orange);
}

.catalog-section .projects_item_desc {
  font-size: 0.875rem;
  color: #666;
  line-height: 1.45;
}

/* Адаптация сетки разделов: только .catalog-sections-grid, вкладки не трогаем */
@media (max-width: 1199px) {
  .row.md-4.catalog-sections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .row.md-4.catalog-sections-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section.list/products/style.css?17720390073329*/
/* Карточки разделов (.section_item) стилизуются в catalog_minimal.css — единый стиль каталога */

/* СТИЛИ ДЛЯ ВКЛАДОК — не переопределять в catalog_minimal.css */
.tab-item_name a{
    text-decoration: none;
    color: inherit; /* Наследуем цвет от родителя */
    font-family: var(--second-family);
    font-size: 20px;
    font-weight: 500;
    transition: color 0.3s ease; /* Плавный переход цвета */
}

.tab-item {
    position: relative;
    color: rgb(102, 98, 98);
    font-family: var(--second-family);
    padding: 1px 5px;
    border-radius: 10px;
    border: 1.5px solid #9c9c9cdd;
    text-align: center;
    box-sizing: border-box;
    background-color: rgb(230, 227, 227);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: max-content;
    transition: all 0.3s ease;
    cursor: pointer;
}

.tab-item_link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important; /* Добавляем !important */
    color: inherit !important; /* Добавляем !important */
    padding: 10px 15px;
}

/* Убедитесь, что эти стили переопределяют стандартные */
.tab-item_link,
.tab-item_link:hover,
.tab-item_link:focus,
.tab-item_link:active {
    text-decoration: none !important;
    color: inherit !important;
    outline: none;
}

.tab-item_name a {
    text-decoration: none !important;
    color: inherit !important;
    font-family: var(--second-family);
    font-size: 20px;
    font-weight: 500;
}

.tab-item:hover {
    background-color: #81a813;
    color: white;
    border-color: #81a813;
}

.tab-item:hover .tab-item_link,
.tab-item:hover .tab-item_name a {
    color: white !important;
    text-decoration: none !important;
}

.activ_tab {
    background-color: #81a813;
    color: white;
    border-color: #81a813;
}

.activ_tab .tab-item_link,
.activ_tab .tab-item_name a {
    color: white !important;
    text-decoration: none !important;
}

.tabs-items {
    margin: 10px;
}

/* СТИЛИ ДЛЯ КАРТОЧЕК ТОВАРОВ */
.product-item-list-col-4 {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.product-item-small-card {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.product-item-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
}

.product-item-image-wrapper {
    flex-shrink: 0;
}

.product-item-title {
    flex-grow: 1;
    margin: 10px 0;
    min-height: 48px;
    display: flex;
    align-items: center;
}

.product-item-title a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-item-price-container {
    flex-shrink: 0;
    margin: 10px 0;
}

.product-item-hidden {
    flex-shrink: 0;
    margin-top: auto;
}
.more_text {
  font-family: var(--second-family);
    font-size: 15px;
    font-weight: 400;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?17440128462839*/
.bx-pagination {
	margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative; 
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	 -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	background: #fff;
	padding: 0 8px;
	display: block;
	height: 32px;
	width: 32px;
	line-height: 32px;
	color: #444;
	font-size: 14px;
	border-radius: 4px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	border-radius: 4px; 
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	background: #81A813;
	color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	/* border: 2px solid #eff0f1; */
	line-height: 28px;
	/* padding: 0 18px; */
	color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #aab1b4;
	background: #fff;
	/* border: 2px solid #eff0f1; */
	line-height: 28px;
	/* padding: 0 18px; */
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
}

/*color schemes*/
.bx-pagination.bx-green  .bx-pagination-container ul li.bx-active span{
	background: #3bc915;
	color: #fff;
}
.bx-pagination.bx-yellow  .bx-pagination-container ul li.bx-active span{
	background: #F9A91D;
	color: #fff;
}
.bx-pagination.bx-red  .bx-pagination-container ul li.bx-active span{
	background: #E22B2B;
	color: #fff;
}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section/products_section/style.css?1772039021159*/
/* Стили карточек в каталоге задаются в catalog_minimal.css (единый стиль главной и подстраниц) */

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.item/products_item/style.css?177245283124996*/
.product-item-container { position: relative; }

.product-item-container.hover { z-index: 17; }

.product-item {
	display: block;
	max-width: 285px;
	margin: 0 auto 30px;
	position: relative;
}

/*Image*/
.product-item-image-wrapper {
	position: relative;
	display: block;
	min-height: 200px;
	margin-bottom: 16px;
	border-radius: 35px;
	overflow: hidden;
}

.product-item-image-wrapper:hover { }

.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; }

.product-item-image-original,
.product-item-image-alternative {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;

	align-items: center;
	justify-content: center;
	border-radius: 35px;
	overflow: hidden;
}

.product-item-image-original { z-index: 11; }

.product-item-image-alternative {
	z-index: 13;
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }

.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }

.product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }

/*Image Slider*/
.product-item-image-slider-slide-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: opacity 300ms ease;
}

.product-item-image-slide {
	position: relative;
	display: none;
	height: 100%;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: .6s ease-in-out left;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.product-item-image-slide {
		transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	.product-item-image-slide.next,
	.product-item-image-slide.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	.product-item-image-slide.prev,
	.product-item-image-slide.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.product-item-image-slide.next.left,
	.product-item-image-slide.prev.right,
	.product-item-image-slide.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev { display: block; }

.product-item-image-slider-slide-container > .active { left: 0; }

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.product-item-image-slider-slide-container > .next { left: 100%; }

.product-item-image-slider-slide-container > .prev { left: -100%; }

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right { left: 0; }

.product-item-image-slider-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
}

.product-item-image-slider-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	background-color: var(--theme-color-primary);
	opacity: .8;
}

.product-item-image-slider-control-container {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: block;
	padding: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }

.product-item-image-slider-control,
.product-item-image-slider-control.active {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(128, 128, 128, .8);
	opacity: .6;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover { cursor: pointer; }

.product-item-image-slider-control.active,
.product-item-image-slider-control:hover { background-color: var(--primary); }

/*Label*/
.label_sale{
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 11;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.product-item-label-text,
.product-item-label-ring {
	position: relative;
}

.product-item-label-text{
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.product-item-label-text span,
.product-item-label-ring span{
	padding: 4px 12px;
	color: var(--color-white);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 16px;
	display: inline-block;
}

.product-item-label-ring span{
	background: #F32929;
}

.product-item-label-text span.atr_hit{
	background: #F36D29;
}

.product-item-label-text span.atr_new{
	background: var(--color-green);
}


.product_item_wish{
	position: absolute;
	z-index: 12;
	top: 8px;
	right: 8px;
	cursor: pointer;
}
.product_item_wish svg path.active{
	display: none;
}

.product_item_wish._active svg path{
	display: none;
}

.product_item_wish._active svg path.active{
	display: block;
}

/*Title*/
.product-item-title {
	margin: 0;
	padding: 0;
	color: var(--color-black);
	font-family: var(--second-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 12px;
	min-height: 46px;
}

.product-item-title a {
	color: var(--color-black);
	text-decoration: none;
}

.product-item-line-card .product-item-title {
	white-space: normal;
	text-align: left;
}

.product-item-title a:hover {
	color: var(--color-orange);
	text-decoration: none;
}

/*Price*/
.product-item-price-container{
	margin-bottom: 14px;
	display: flex;
	gap: 10px;
}

.product-item-price-current {
	color: var(--color-green,);
	font-family: var(--second-family);
	font-size: 20px;
	font-weight: 700;
	line-height: 15.475px;
	
}

.product-item-price-old {
	color: #a5a5a5;
	text-decoration: line-through;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-big-card .product-item-price-current,
.product-item-big-card .product-item-price-old {
	vertical-align: middle;
	line-height: 20px;
}

.product-item-big-card .product-item-price-container { margin: 0 0 10px; }

.product-item-big-card .product-item-price-current { font-size: 18px; }

.product-item-big-card .product-item-price-old { font-size: 15px; }

/*Info*/
.product-item-info-container {
	clear: both;
}

.product-item-info-container-title { font-size: 12px; }

/* .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
	display: none;
	opacity: 0;
	transition: opacity 300ms ease;
} */

/* .bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important }

.bx-touch .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,
.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
	display: block;
	opacity: 1;
} */

/*Amount*/
/* .product-item-amount {
	padding: 0 0 2px;
	text-align: center;
} */

/* .product-item-amount-field-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	max-width: 150px;
	margin: 0 auto 15px;
} */


/* .product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
	position: relative;
	display: block;
	min-width: 22px;
	height: 22px;
	border-radius: 2px;
	background-color: #f2f2f2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
	opacity: .3 !important;
	cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
	background-color: #f2f2f2;
}

.product-item-amount-field-btn-plus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after { opacity: 1; } */

/* .product-item-amount-field-block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-item-amount-field {
	display: block;
	padding: 0;
	width: 100%;
	height: 22px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent !important;
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus { outline: none !important; }

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none
} */

.product-item-amount-description-container {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	color: #a5a5a5;
	white-space: nowrap;
	font-size: 12px;
}

/*.product-item-big-card .product-item-amount-field-container { text-align: left; }*/

.product-item-amount-description-container strong {
	color: #333;
	white-space: nowrap;
}

.product-item-amount-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 12px;
}

/**/
.product-item-quantity { font-size: 12px; }

/*region Properties */
.product-item-properties {
	display: block;
	margin: 0;
}

.product-item-properties dl { clear: both; }

.product-item-properties dt {
	float: left;
	clear: both;
	font-weight: normal;
	font-size: 12px;
}

.product-item-properties dd {
	float: right;
	margin-bottom: 3px;
	margin-left: 5px;
	font-size: 12px;
}

/*endregion*/

/*Compare*/
.product-item-compare-container {
	position: relative;
	display: none;
	margin: 0 -15px;
	padding: 4px 15px;
	min-height: 30px;
	border-top: 1px solid #e6e6e6;
	background: #f3f3f3;
	box-shadow: inset 0 1px 1px 0 #eee;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
}

.product-item-line-card .product-item-compare-container {
	margin: 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
	text-align: center;
}

.bx-touch .product-item-compare-container { display: none; }

.product-item-line-card .product-item-compare-container,
.product-item-container.hover .product-item-compare-container { display: block; }

.product-item-compare .checkbox {
	margin: 0;
	padding: 0;
}



/*Description*/

.product-item-description-container p {
	color: #575757;
	font-size: 13px;
}

/*Buttons*/
.product-item-button-container .product-more{
	display: inline-block;
	padding: 7px 16px;
	border-radius: 4px;
	background: var(--color-green);
	color: var(--color-white);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
	outline: 0;
	transition: all .3s linear;
	border: 0;
}

.product-item-button-container .product-more:hover{
	background: var(--color-green-hover);
	text-decoration: none;
}

/* Стили для кнопки "Подробнее" в избранном */
.product-item-button-container .product-more[style*="background: transparent"] {
	background: transparent !important;
	color: var(--color-green) !important;
	border: 1px solid var(--color-green) !important;
}

.product-item-button-container .product-more[style*="background: transparent"]:hover {
	background: var(--color-green) !important;
	color: var(--color-white) !important;
	border-color: var(--color-green) !important;
}

/* Стили для кнопок в избранном - одинаковая ширина */
.product-item-button-container.favorites-characteristics-button,
.product-item-button-container.favorites-basket-button {
	width: 100%;
}

.product-item-button-container.favorites-characteristics-button .product-more,
.product-item-button-container.favorites-basket-button .product-more {
	width: 100%;
	text-align: center;
}

/*Stickers*/
.product-item-sticker,
.product-item-sticker-round { display: none; }

/*More*/
.product-item-more-container {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 15px 15px 5px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all 300ms ease;
}

.product-item-more-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 116%;
	width: 100%;
}

.product-item-more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;
	background-size: 50%;
	opacity: .7;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-more,
.product-item-container.hover .product-item-more { opacity: 1; }

.product-item-more-title {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='number'] { -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }

/* Стили для характеристик в избранном */
.sku_block {
    margin-bottom: 16px;
    padding: 12px 16px;
    background: #F8F9FA;
    border-radius: 8px;
    border: 1px solid #E9ECEF;
}

.product-item-scu-container {
    margin: 0;
}

.product-item-scu-container-title {
    font-family: var(--second-family);
    font-size: 14px;
    font-weight: 600;
    color: var(--color-black);
    margin-bottom: 8px;
    line-height: 1.4;
}

.product-item-scu-block {
    margin: 0;
}

.product-item-scu-list {
    margin: 0;
    padding: 0;
}

.product-item-scu-item-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.product-item-scu-item-text-container {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background: var(--color-white);
    border: 1px solid #DEE2E6;
    border-radius: 6px;
    font-size: 14px;
    color: var(--color-black);
    transition: all 0.2s ease;
    cursor: default;
    min-height: 36px;
}

.product-item-scu-item-text-container:hover {
    border-color: var(--color-green);
    background: #F0F7E8;
}

.product-item-scu-item-text-container span {
    display: none;
}

.product-item-scu-item-text-container div {
    font-family: var(--first-family);
    font-size: 14px;
    font-weight: 400;
    color: var(--color-black);
    line-height: 1.4;
}

/* Стили для кнопки добавления в корзину из избранного */
.favorites-add-to-basket {
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.favorites-add-to-basket:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Адаптивные стили для характеристик в избранном */
@media (max-width: 768px) {
    .sku_block {
        padding: 10px 12px;
        margin-bottom: 12px;
    }
    
    .product-item-scu-container-title {
        font-size: 13px;
        margin-bottom: 6px;
    }
    
    .product-item-scu-item-text-container {
        padding: 6px 12px;
        font-size: 13px;
        min-height: 32px;
    }
    
    .product-item-scu-item-text-container div {
        font-size: 13px;
    }
}

/* Стили для попапа с характеристиками */
.favorites-characteristics-popup-content {
    max-width: 100%;
    box-sizing: border-box;
}

.favorites-characteristics-popup-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Адаптивные стили для попапа на мобильных устройствах */
@media (max-width: 768px) {
    /* Попап на всю ширину с отступами */
    .favorites-popup-mobile,
    .bx-popup-window.favorites-popup-mobile {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        margin: 10px !important;
        left: 0 !important;
        right: 0 !important;
    }
    
    .favorites-characteristics-popup-content {
        padding: 15px !important;
        max-width: 100% !important;
    }
    
    .favorites-characteristics-popup-title {
        font-size: 18px !important;
        margin-bottom: 15px !important;
        padding-right: 30px; /* Место для кнопки закрытия */
    }
    
    /* Характеристики в попапе */
    .favorites-characteristics-popup-content .sku_block {
        padding: 12px 10px !important;
        margin-bottom: 15px !important;
    }
    
    .favorites-characteristics-popup-content .product-item-scu-container-title {
        font-size: 14px !important;
        margin-bottom: 8px !important;
        line-height: 1.4;
    }
    
    .favorites-characteristics-popup-content .product-item-scu-item-text-container {
        padding: 8px 12px !important;
        font-size: 14px !important;
        min-height: auto !important;
    }
    
    .favorites-characteristics-popup-content .product-item-scu-item-text-container div {
        font-size: 14px !important;
        line-height: 1.5;
    }
    
    /* Кнопка закрытия на мобильных */
    .bx-popup-window.favorites-popup-mobile .bx-popup-close {
        width: 30px !important;
        height: 30px !important;
        top: 5px !important;
        right: 5px !important;
    }
    
    /* Максимальная высота попапа на мобильных */
    .favorites-popup-mobile .bx-popup-content {
        max-height: calc(100vh - 40px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {
    .favorites-characteristics-popup-content {
        padding: 12px !important;
    }
    
    .favorites-characteristics-popup-title {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }
    
    .favorites-characteristics-popup-content .sku_block {
        padding: 10px 8px !important;
        margin-bottom: 12px !important;
    }
    
    .favorites-characteristics-popup-content .product-item-scu-container-title {
        font-size: 13px !important;
    }
    
    .favorites-characteristics-popup-content .product-item-scu-item-text-container {
        padding: 6px 10px !important;
        font-size: 13px !important;
    }
    
    .favorites-characteristics-popup-content .product-item-scu-item-text-container div {
        font-size: 13px !important;
    }
}

[data-page="favorites"] .product-item-image-original img,
[data-page="favorites"] .product-item-image-alternative img {
    width: 285px;
    height: 160px;
    min-width: 285px;
    min-height: 160px;
    max-width: 285px;
    max-height: 160px;
    object-fit: cover;
    object-position: center;
}

[data-page="favorites"] .product-item-image-slide {
    width: 285px;
    height: 160px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/* End */


/* Start:/local/templates/.default/components/altasib/feedback.form/forms_catalog/form_style.css?177872584247611*/
.modal_form{
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:60px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_feed_back .modal_form_title{
        color: var(--color-black);
        font-family: var(--second-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 130%!important; /* 31.2px */
        text-transform: uppercase!important;
        margin-bottom: 16px;
        
}

.alx_feed_back .modal_form_subtitle{
        color: #808080;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px!important; /* 166.667% */
        margin-bottom: 35px;
        
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:var(--color-black);
        opacity:0.4;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}
.afbf_success_block{
        height:140px;
        display:table;
        vertical-align:middle;
        width:100%;
        margin-bottom:20px;
}
.afbf_success_block._without-popup{
        height:100px;
}
.afbf_success_block._without-popup .afbf_mess_ok{
        text-align:left;
        line-height:50px;
}
.afbf_success_block._without-popup .afbf_mess_ok .mess{
        margin-left:60px;
}
.afbf_success_block._without-popup .afbf_ok_icon{
        display:inline-block;
        width:auto;
        min-width:50px;
        float:left;
        margin-bottom:0;
}
.afbf_mess_ok{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* animation loading */

@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */

.alx_feed_back{
        padding:0px;
        margin:0px;
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
}
.alx_feed_back *{
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx_feed_back form{
        padding:0px;
        margin:0px;
}
.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
/* .alx-feedb-error{
        margin-top:20px;
} */
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}
.modal_form .afbf_feedback_poles{
        padding:0px;
        margin:11px 0px 0px 0px;
}
.afbf_item_pole{
        padding:0px;
        margin:0px 0px 16px;
        position:relative;
}
*html .afbf_item_pole{
        position:relative;
        z-index:1;
        zoom:1;
}
.afbf_item_pole .afbf_name{
        padding:0px;
        margin:0px 0px 6px 0px;
}


.afbf_item_pole .afbf_select,
.afbf_item_pole .afbf_textarea,
.afbf_item_pole .afbf_inputtext{
        height:50px;
        width:100%;
        padding:18px 35px !important;
        font-size:14px;
        outline:none;
        border-radius: 30px;
        border: 2px solid #C5C5C5;
}

.afbf_item_pole.error_pole .afbf_textarea,
.afbf_item_pole.error_pole .afbf_inputtext{
        border-color: red;
}

/* Стили для ошибок валидации */
.afbf_inputtext.phone-error,
.afbf_inputtext.name-error,
.afbf_inputtext.city-error,
.afbf_inputtext.country-error {
        border-color: #f80000 !important;
        box-shadow: 0 0 0 2px rgba(248, 0, 0, 0.1);
}

/* Стили для placeholder телефона */
input[name*="PHONE"]::placeholder,
input[name*="[PHONE]"]::placeholder,
input[name^="FIELDS["][name*="PHONE"]::placeholder {
        color: #999;
        opacity: 1;
        font-size: 14px;
}

input[name*="PHONE"]:focus::placeholder,
input[name*="[PHONE]"]:focus::placeholder,
input[name^="FIELDS["][name*="PHONE"]:focus::placeholder {
        color: #bbb;
}

.afbf_item_pole.item_pole__captcha .afbf_inputtext{
        box-sizing:content-box;
        padding:7px 0px !important;
}
.afbf_item_pole select.afbf_inputtext.afbf_select_sect{
        height:auto;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:75px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:75px;
        min-width:100%;
}
.afbf_submit_block{
        margin:0px 0px 0px 0px;
        padding:0px;
        display:block;
        text-align:right !important;
}
.afbf_btn{
        display: inline-block;
        outline: 0;
        border: 0;
        border-radius: 4px;
        background: var(--color-green);
        color: var(--color-white);
        line-height: 26px;
        padding: 10px 20px;
        text-decoration: none;
        transition: all .3s linear;
        line-height: 26px!important;
        transition: all .3s linear;
}
.alx_feed_back .afbf_feedback_poles .afbf_btn:hover{
        background: var(--color-green-hover);
}
.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:relative;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        border:none;
        position:relative;
        line-height:normal;
        background:#fff url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */
.afbf_send_another_message
{
	text-align: center;
	margin-top: 20px;	
}

@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* End */


/* Start:/local/templates/.default/components/altasib/feedback.form/forms_catalog/bitrix/main.userconsent.request/altasib_fb/user_consent.css?17787894804914*/
.main-user-consent-request a {
	cursor: pointer;
	color: #90968C!important;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px!important;
}

.modal_form .main-user-consent-request a{
	font-size: 14px;
}


.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request{
	display: flex;
	align-items: center;
	gap: 20px;
}



.main-user-consent-request input[type="checkbox"]{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	display: block;
	width: 100%;
	max-width: 36px;
	height: 36px;
	border: 2px solid #C5C5C5;
	border-radius: 5px;
	cursor: pointer;
}

.main-user-consent-request input[type="checkbox"]:checked{
	border-color: var(--color-green)
}

.main-user-consent-request input[type="checkbox"]:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(/local/templates/.default/images/check_agreement.svg) no-repeat center;
	opacity: 0;

}

.main-user-consent-request input[type="checkbox"]:checked:before {
	opacity: 1;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	max-width: 555px;
	max-height: 447px;
	/*min-height: 372px;*/ /* loader magic */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 555px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 30px 0;
	font: normal 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	font-family: var(--first-family);
}

.main-user-consent-request-popup-textarea-block {
	display: none;
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-buttons .main-user-consent-request-popup-button {
	display: inline-block;
	height: 46px;
	margin: 0 10px 5px 0;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	font: normal 12px/39px "Open Sans", Helvetica, Arial, sans-serif;
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
	line-height: 26px;
	font-size: 16px;
}

.main-user-consent-request-popup-buttons .main-user-consent-request-popup-button-acc {
    background: var(--color-green);
    color: var(--color-white);
    transition: all .3s 
linear;

}

.main-user-consent-request-popup-buttons .main-user-consent-request-popup-button-acc:hover {
	background: var(--color-green-hover);
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
}

.main-user-consent-request-popup-button-rej:hover {
	background: #cfd4d8;
}

.main-user-consent-request-popup-text {
	padding: 5px 10px;
	width: 100%;
	height: 242px;
	border: 1px solid #999;
	background: #fff;
	box-sizing: border-box;
	outline: none;
	-moz-appearance: none;
	overflow: auto;
}


/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

/* End */
/* /local/templates/.default/components/bitrix/catalog/products/style.css?17682316853265 */
/* /local/templates/.default/components/bitrix/catalog/products/catalog_minimal.css?17724684298486 */
/* /local/templates/.default/components/bitrix/catalog.section.list/products/style.css?17720390073329 */
/* /local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?17440128462839 */
/* /local/templates/.default/components/bitrix/catalog.section/products_section/style.css?1772039021159 */
/* /local/templates/.default/components/bitrix/catalog.item/products_item/style.css?177245283124996 */
/* /local/templates/.default/components/altasib/feedback.form/forms_catalog/form_style.css?177872584247611 */
/* /local/templates/.default/components/altasib/feedback.form/forms_catalog/bitrix/main.userconsent.request/altasib_fb/user_consent.css?17787894804914 */