

/* Start:/local/templates/zavodlga/css/social-icons.css?178351766210805*/
.social__items {
    display: flex !important;
    flex-direction: row !important; 
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.social__item {
    display: flex !important;
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
}

.social__item:before {
    display: none;
}

.social__link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
    font-size: 0;
    color: transparent;
    transition: all 0.2s ease;
    text-decoration: none;
    width: 39px;
    height: 39px;
    margin: 0;
    background: #4f5a6b;
    background-image: url("/local/templates/zavodlga/css/../images/svg/social.svg?v=1.4.2");
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* Hover эффекты */
.social__link:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

@keyframes shareFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-5px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ===== Адаптация для мобильных ===== */
@media (max-width: 767.98px) {
    .social__link {
        width: 34px;
        height: 34px;
    }
    .social__items {
        gap: 3px;
    }
}

/* SOCIAL ICONS */
.social-icons ul {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 0;
}
.social-icons li,
.soc-avt .row a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  padding: 0px;
  margin: 0px;
}
.social-icons li a:not(:hover) svg path {
  fill: #666666;
}
.social-icons li:before {
  display: none;
}
.social-icons li a,
.soc-avt .row a {
  border-radius: 4px;
  display: block;
  width: 39px;
  height: 39px;
  margin: 4px 0px 4px 8px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  font-size: 0;
}
.soc-avt .row a i {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/local/templates/zavodlga/css/../images/svg/social.svg?v=1.4.2") -2px -190px no-repeat;
}

.soc-serv-accounts table tr .bx-ss-icons .icon i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/local/templates/zavodlga/css/../images/svg/social.svg?1.4.1) -2px -190px no-repeat;
}

.social-icons li a:hover,
.soc-avt .row a:hover {
  opacity: 0.8;
}
.soc-avt .row a {
  display: inline-block;
}

.social__item {
	--row-offset: 4;
	--row: 0;

	--column: 0;

	--skew: 5px;
	--sprite-gap: -4px;
	--size: calc(-43px + var(--sprite-gap));

	--item-size: 33px;

	&.social__item--image {
		a {
			display: block;
			border-radius: 4px;

			background-color: #4f5a6b;
			background-image: url("/local/templates/zavodlga/css/../images/svg/social.svg?v=1.4.2");
			background-position-x: calc(var(--size) * var(--column) - var(--skew));
			background-position-y: calc(var(--size) * (var(--row) + var(--row-offset)) - var(--skew));
			background-repeat: no-repeat;

			height: var(--item-size);
			width: var(--item-size);

			&:hover {
				opacity: .8;
				transition: opacity 0.3s ease-in-out;
			}
		}

		&.rutube {
			--column: 13;
		}
		&.fb {
			--column: 2;
		}
		&.tw {
			--row: 1;
		}
		&.inst {
			--column: 3;
			--row: 3;
		}
		&.tel {
			--column: 7;
			--row: 3;
		}
		&.yt {
			--column: 2;
			--row: 3;
		}
		&.ok {
			--column: 1;
		}
		&.ml {
			--column: 3;
			--row: 0;
		}
		&.vi {
			--column: 7;
		}
		&.wh {
			--column: 7;
			--row: 1;
		}
		&.pint {
			--column: 4;
		}
		&.zen {
			--column: 10;
			--row: 3;
		}
		&.tt {
			--column: 11;
			--row: 3;
		}
		&.sc {
			--column: 11;
			--row: 2;
		}
		&.li {
			--column: 2;
			--row: 2;
		}
    &.yandex-business {
			--column: 2;
			--row: 1;
		}
    &.max {
			--column: 13;
			--row: 1;
		}
	}
}

.social__items--size-large {
	.social__item {
		--item-size: 39px;
		--skew: 2px;
	}
}

.social-dark .social__items--size-large.social__items--type-icon .social__item {
	--row-offset: 8;
	a {
		background-color: #474747;
	}
}

.social-light .social__items--size-large.social__items--type-icon .social__item:not(:hover) {
	--row-offset: 12;
	a {
		background-color: transparent;
	}
}

.social-dark, .social-light {
	.social__items--size-large.social__items--type-icon .social__item:not(:hover) a {
		opacity: 0.5;
	}
}

/* social bg */
.social__items.social__items--type-image-bg {
  margin: 0px;
  width: 100%;
}
.social__items--type-image-bg .social__link {
  display: block;
  width: 100%;
  background-color: #4a76a8;
  border-radius: 4px;
  min-width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social__items--type-image-bg .social__item {
  padding: 0px;
}
.social__items--type-image-bg .social__link:before {
  content: "";
  width: 21px;
  height: 20px;
  display: block !important;
  position: relative;
  background: url("/local/templates/zavodlga/css/../images/svg/social.svg?v=1.4.2") -11px -388px no-repeat;
}
.social__items--type-image-bg .mymailru .social__link {
  background-color: #168de2;
}
.social__items--type-image-bg .mymailru .social__link:before {
  background-position-x: -152px;
}
.social__items--type-image-bg .openid .social__link {
  background-color: #f17d13;
}
.social__items--type-image-bg .openid .social__link:before {
  background-position-y: -528px;
}
.social__items--type-image-bg .liveinternet .social__link {
  background-color: #f3f3f3;
}
.social__items--type-image-bg .liveinternet .social__link:before {
  background-position: -434px -623px;
}
.social__items--type-image-bg .blogger .social__link {
  background-color: #ff4500;
}
.social__items--type-image-bg .blogger .social__link:before {
  background-position: -59px -482px;
}
.social__items--type-image-bg .livejournal .social__link {
  background-color: #00688a;
}
.social__items--type-image-bg .livejournal .social__link:before {
  background-position: -152px -434px;
}
.social__items--type-image-bg .twitter .social__link {
  background-color: #1da1f2;
}
.social__items--type-image-bg .twitter .social__link:before {
  background-position-y: -434px;
}
.social__items--type-image-bg .yandex .social__link {
  background-color: #ffdb4c;
}
.social__items--type-image-bg .yandex .social__link:before {
  background-position: -575px -434px;
}
.social__items--type-image-bg .facebook .social__link {
  background-color: #3b5998;
}
.social__items--type-image-bg .facebook .social__link:before {
  background-position-x: -105px;
}
.social__items--type-image-bg .office365 .social__link {
  background-color: #ea3c00;
}
.social__items--type-image-bg .office365 .social__link:before {
  background-position: -434px -481px;
}
.social__items--type-image-bg .odnoklassniki .social__link {
  background-color: #ff9205;
}
.social__items--type-image-bg .odnoklassniki .social__link:before {
  background-position-x: -58px;
}
.social__items--type-image-bg .dropbox .social__link {
  background-color: #007ee5;
}
.social__items--type-image-bg .dropbox .social__link:before {
  background-position: -387px -528px;
}
.social__items--type-image-bg .bitrix24 .social__link {
  background-color: #3ebdf4;
}
.social__items--type-image-bg .bitrix24 .social__link:before {
  background-position: -387px -482px;
}
.social__items--type-image-bg .liveid .social__link {
  background-color: #46aade;
}
.social__items--type-image-bg .liveid .social__link:before {
  background-position: -152px -482px;
}
.social__items--type-image-bg .box .social__link {
  background-color: #22a7f0;
}
.social__items--type-image-bg .box .social__link:before {
  background-position-x: -434px;
}
.social__items--type-image-bg .google .social__link {
  background-color: #f3f3f3;
}
.social__items--type-image-bg .google .social__link:before {
  background-position: -575px -482px;
}
.social__items--type-image-bg .google-plus .social__link {
  background-color: #db4437;
}
.social__items--type-image-bg .google-plus .social__link:before {
  background-position: -58px -528px;
}
.social__items--type-image-bg .mailru2 .social__link {
  background-color: #168de2;
}
.social__items--type-image-bg .mailru2 .social__link:before {
  background-position: -482px -482px;
}
.social__items--type-image-bg .openid-mail-ru .social__link {
  background-color: #ffbc3b;
}
.social__items--type-image-bg .openid-mail-ru .social__link:before {
  background-position: -387px -434px;
}

.social__item span {
  display: none;
}
#main .social .social__items.social__items--grid {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  grid-gap: 8px;
  display: grid;
}

#bx_auth_servform .form-control {
  margin: 10px 0px;
}

.soc-avt a i.openid-mail-ru,
.soc-serv-accounts table tr .bx-ss-icons .icon i.openid-mail-ru {
  background-position: -472px -284px;
}
.soc-avt a i.mailru2,
.soc-serv-accounts table tr .bx-ss-icons .icon i.mailru2 {
  background-position: -378px -237px;
}
.soc-avt a i.livejournal,
.soc-serv-accounts table tr .bx-ss-icons .icon i.livejournal {
  background-position: -143px -237px;
}
.soc-avt a i.liveinternet,
.soc-serv-accounts table tr .bx-ss-icons .icon i.liveinternet {
  background-position: -425px -237px;
}
.soc-avt a i.openid,
.soc-serv-accounts table tr .bx-ss-icons .icon i.openid {
  background-position: -2px -331px;
}
.soc-avt a i.bitrix24,
.soc-serv-accounts table tr .bx-ss-icons .icon i.bitrix24 {
  background-position: -378px -284px;
}
.soc-avt a i.box,
.soc-serv-accounts table tr .bx-ss-icons .icon i.box {
  background-position: -425px -190px;
}
.soc-avt a i.dropbox,
.soc-serv-accounts table tr .bx-ss-icons .icon i.dropbox {
  background-position: -378px -331px;
}
.soc-avt a i.google,
.soc-serv-accounts table tr .bx-ss-icons .icon i.google {
  background-position: -49px -237px;
}
.soc-avt a i.google-plus,
.soc-serv-accounts table tr .bx-ss-icons .icon i.google-plus {
  background-position: -49px -331px;
}
.soc-avt a i.liveid,
.soc-serv-accounts table tr .bx-ss-icons .icon i.liveid {
  background-position: -143px -284px;
}
.soc-avt a i.office365,
.soc-serv-accounts table tr .bx-ss-icons .icon i.office365 {
  background-position: -426px -284px;
}
.soc-avt a i.odnoklassniki,
.soc-serv-accounts table tr .bx-ss-icons .icon i.odnoklassniki {
  background-position: -49px -190px;
}
.soc-avt a i.yandex,
.soc-serv-accounts table tr .bx-ss-icons .icon i.yandex {
  background-position: -97px -237px;
}
.soc-avt a i.blogger,
.soc-serv-accounts table tr .bx-ss-icons .icon i.blogger {
  background-position: -49px -284px;
}
.soc-avt a i.facebook,
.soc-serv-accounts table tr .bx-ss-icons .icon i.facebook {
  background-position: -96px -190px;
}
.soc-avt a i.twitter,
.soc-serv-accounts table tr .bx-ss-icons .icon i.twitter {
  background-position: -2px -237px;
}
.soc-avt a i.mymailru,
.soc-serv-accounts table tr .bx-ss-icons .icon i.mymailru {
  background-position: -143px -190px;
}


/* End */


/* Start:/local/templates/zavodlga/components/bitrix/search.title/header/style.css?17809921372936*/
/* === Выпадающий список поиска (товары с картинкой и ценой) === */
.form__search {
    position: relative; /* обязательно для позиционирования выпадашки */
}

.search-suggest {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: var(--color-whte);
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    max-height: 500px;
    overflow-y: auto;
    z-index: var(--index-3);
    padding: 8px 0;
}

.search-suggest__item {
    border-bottom: 1px solid var(--color-bg-secondary);
    transition: background 0.2s;
}
.search-suggest__item:last-child {
    border-bottom: none;
}

.search-suggest__link {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 20px;
    text-decoration: none;
    transition: background 0.2s;
}
.search-suggest__link:hover {
    background: var(--color-bg-secondary);
}

/* Изображение товара */
.search-suggest__image {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
}
.search-suggest__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Блок с названием и ценой */
.search-suggest__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: hidden;
}

.search-suggest__name {
    font-weight: 500;
    font-size: 14px;
    color: var(--color-blck);
    line-height: 1.3;
    transition: color 0.2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.search-suggest__link:hover .search-suggest__name {
    color: var(--color-alt);
}
.search-suggest__name b {
    color: var(--color-alt);
    font-weight: 700;
}

/* Цены */
.search-suggest__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.search-suggest__price-current {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-blck);
}
.search-suggest__price-old {
    font-size: 13px;
    color: #b0b0b0;
    text-decoration: line-through;
}

/* Скролл для длинного списка */
.search-suggest::-webkit-scrollbar {
    width: 4px;
}
.search-suggest::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.search-suggest::-webkit-scrollbar-thumb {
    background: var(--color-alt);
    border-radius: 10px;
}

/* Адаптация для мобильных */
@media (max-width: 767.98px) {
    .search-suggest {
        max-height: 400px;
        margin-top: 0;
        border-radius: 12px;
    }
    .search-suggest__link {
        padding: 10px 15px;
        gap: 10px;
    }
    .search-suggest__image {
        width: 40px;
        height: 40px;
    }
    .search-suggest__price-current {
        font-size: 14px;
    }
}
/* End */


/* Start:/local/templates/zavodlga/template_styles.css?17836066924452*/
#cookieBanner {
    display: none;
    gap: 5px;
    align-items: center;
    justify-content: center;
    position: fixed;
    max-width: 900px;
    z-index: 10;
    bottom: 15px;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookieBanner.show {
    display: flex;
}

#cookieBanner p {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1.2;
    text-align: left;
    color: black;
}

#cookieBanner > button {
    width: 270px;
    font-size: 10px;
    line-height: 25px;
    color: white;
    background: var(--color-alt);
    padding: 5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: none;
	border-radius: 8px;
}

#cookieBanner > button:hover {
    background-color: #FF3D00;
}

#favorite-popup .popup__wrapper {
    width: max-content;
}

#favorite-popup.popup_show {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.popup_show .popup__content {
    display: flex;
}

.popup_show .popup__text {
	padding: 1rem;
}

.popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10;
}

/* Создаём две линии крестика через псевдоэлементы */
.popup__close::before,
.popup__close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #333;
    transition: background-color 0.2s;
}

.popup__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Эффекты при наведении/клике */
.popup__close:hover::before,
.popup__close:hover::after {
    background-color: #ff0000;
}

.popup__close:active {
    transform: scale(0.95);
}
/* Перекрашивание текущей иконки Избранное */
.production__constructor-btn.active:before {
	background: #e74c3c !important;
}
.er-404 {
	text-align: center; 
	max-width: 700px; 
	margin: 0 auto; 
	position: relative; 
	z-index: 2;
}
.er-404 h1 {
	color: var(--color-blck); 
	text-transform: none;
}

.er-404 .intro__slide-links {
	justify-content: center; 
	margin-top: 10px;
}
.bg-er-404 {
	font-size: 120px; 
	font-weight: 800; 
	line-height: 1; 
	color: var(--color-alt); 
	opacity: 0.15; 
	position: absolute; 
	top: -20px; 
	left: 50%; 
	transform: translateX(-50%); 
	pointer-events: none; 
	user-select: none;
}
.pt-0 {
	padding-top: 0 !important;
}
.communications__content-category {
    color: black;
}

/* Набор стилей для подсказок */
/* ===== УНИВЕРСАЛЬНЫЙ ТУЛТИП ===== */
.tooltip-container {
    position: relative;
    cursor: help;
}

.tooltip-container .tooltip-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 16px;
    min-width: 200px;
    max-width: 320px;
    width: max-content;
    background: #2b2b2b;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 8px;
    text-align: left;
    transition: all 0.3s ease;
    white-space: normal;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.tooltip-container .tooltip-text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #2b2b2b;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Для коротких подсказок - центрирование */
.tooltip-container .tooltip-text:not(:has(br)) {
    text-align: center;
}

/* Для длинных подсказок - выравнивание по левому краю */
.tooltip-container .tooltip-text:has(br) {
    text-align: left;
}

.top-footer__social.tg {
	--icon:url('/local/templates/zavodlga/img/icons/01.svg');
}

.top-footer__social.wa {
	--icon:url('/local/templates/zavodlga/img/icons/02.svg');
}

.top-footer__social.vk {
	--icon:url('/local/templates/zavodlga/img/icons/03.svg');
}

.top-footer__social.fb {
	--icon:url('/local/templates/zavodlga/img/icons/04.svg');
}
/* End */
/* /local/templates/zavodlga/css/social-icons.css?178351766210805 */
/* /local/templates/zavodlga/components/bitrix/search.title/header/style.css?17809921372936 */
/* /local/templates/zavodlga/template_styles.css?17836066924452 */
