@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
		--fonts: 'Inter', sans-serif;
		--color_white: #ffffff;
		--color_black: #000000;
		--color_red: #D80101;
		--color_orange: #FF6A0E;
		--color_green: #27AE60;
		--color_blue_dark: #0F2449;
		--color_blue_dark_2: #0C3A6B;
		--color_soft_blue: #AAC0DD;
		--color_blue: #124E91;
		--color_blue_hover: #1062BC;
		--color_light_blue: #0086FF;
		--color_blue_light: #3692CB;
		--color_blue_text: #64607D;
		--color_blue_light_2: #DEE6F1;
		--color_blue_light_3: #F3F6F9;
		--color_grey_dark: #272E3B;
		--color_grey: #96999C;
		--color_grey_light: #B9BEC2;
		--color_grey_light_2: #DEE2E6;
		--color_grey_light_3: #F6F6F6;
		--color_body_bg: #F5F7FA;
		--gradient: linear-gradient(90deg, #0B3784 0%, #0086FF 100%);
		--gradient_hover_btn: linear-gradient(90deg, #0086FF 0%, #0086FF 100%);
		--font_h1: 36px;
		--font_h2: 26px;
		--font_h3: 20px;
		--font_h4: 16px;
		--font_text_L: 16px;
		--font_text_M: 14px;
		--font_text_S: 12px;
		--font_button: 16px;
		--lh_40: 40px;
		--lh_28: 28px;
		--lh_24: 24px;
		--lh_20: 20px;
		--lh_16: 16px;
}

html {scroll-behavior: smooth;}
*, *::before, *::after {box-sizing: border-box;}
* {box-sizing: border-box;margin: 0;padding: 0;}
body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {margin: 0;cursor: context-menu; font-size: var(--font_text_M); font-weight: 400; }
ul, ol {list-style: none;padding: 0;}
input, button, textarea, select {font: inherit;}
textarea:focus {outline:none;}
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;background: #F5F7FA;width: 100%;height: 100%; font-family: var(--fonts), sans-serif;}
img {max-width: 100%;display: block;}
a {color: #000000;text-decoration: none;}
a:hover {color: var(--color-blue);}
ul, li {list-style: none;padding: 0;}
button {background: none; border: none;cursor: pointer;}
button:focus {outline: none;box-shadow: inherit;}
section {position: relative;}
input:focus {outline: none;box-shadow: none;}

ol {margin-bottom: 32px;counter-reset: item;}
ol > li {font-weight: 300;font-size: 16px;line-height: 150%;color: var(--color_black);margin-bottom: 11px;position: relative;counter-increment: item;}
ol > li:before {content: counters(item, ".") ".";color: var(--brand);font-weight: 700;font-size: 16px;margin-right: 15px;}
ol > li ul {margin: 11px 0;padding-left: 30px;}
ol > li ul > li {font-weight: 300;font-size: 16px;line-height: 150%;color: var(--color_black);margin-bottom: 11px;}
ol > li ul > li:before {content: url(/img/dot.svg);height: 28px;margin-right: 15px;}
.cookie-notification-modal {display: flex;position: fixed;right: 0rem;bottom: 0rem;width: 100%;padding: 10px 20px;z-index: 100;background-color: #e6e6e6;box-shadow: 0 1px 20px #0000001a;justify-content: center;align-items: center;}
.cookies-accepted .cookie-notification-modal {display: none;}
.cookie-info img {width: 35px;}
.cookie-agree {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.cookie-info {display: flex;align-items: center; width: 80%; gap: 20px;}
.cookie-agree-text {font-size: var(--font_text_M);}
.cookie-agree-text a {color: var(--color_blue);}
.cookie-agree-text img {width: 25px;}
.cookie-agree-btn {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.cookie-agree-btn .cookie-accept {min-width: 130px;}

.sec-margin {padding: 40px 0;}
.normal-btn {position: relative; display: inline-flex;align-items: center;gap: 32px; color: var(--color_white);padding: 10px 8px 10px 32px; border-radius: 40px; transition: all .3s;}
.normal-btn:before {content: ""; display: block; position: absolute; background: var(--gradient); left: 0; top: 0; right: 0; bottom: 0; border-radius: 40px; z-index: -1;}
.normal-btn:hover {background: var(--color_light_blue); color: var(--color_white); border-radius: 40px;}
.normal-btn:focus {background: var(--gradient); color: var(--color_white); outline: 2px solid var(--color_light_blue); outline-offset: -2px;}
.disable {background: var(--color_grey);}
.input-group input, .input-group textarea {padding: 16px;width: 100%;display: block;background: #F5F7FA;font-weight: 400;font-size: 14px;line-height: 130%;border: 1px solid var(--color_grey_light_3);border-radius: 6px;resize: none; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1) inset;min-height: 60px;}
.brands-selector .select2-container--default .select2-selection--single .select2-selection__rendered,
.select-model .select2-container--default .select2-selection--single .select2-selection__rendered,
.modal-form-register .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 20px 16px;;width: 100%;display: block;background: #F5F7FA;font-weight: 400;font-size: 14px;line-height: 130%;border: 1px solid var(--color_grey_light_3);border-radius: 6px;resize: none; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1) inset;min-height: 60px;}
.modal .select2-container,
.contacts-city .select2-container,
.input-group .select2-container,
.select-model .select2-container,
.modal-form-register .select2-container {width: 100% !important;}
.brands-selector .select2-container,
.select-model .select2-container,
.modal-form-register .select2-container {width: 100% !important;}
.modal .select2-selection__arrow,
.contacts-city .select2-selection__arrow,
.select-model .select2-selection__arrow,
.modal-form-register .select2-selection__arrow {right: 25px !important;}
.brands-selector .select2-selection__arrow,
.select-model .select2-selection__arrow,
.modal-form-register .select2-selection__arrow {right: 25px !important;}
.select2-selection__arrow {top: 50% !important; transform: translateY(-50%) !important;right: 15px !important;}
.select2-container--default .select2-selection--single {border: none;height: auto;}
.select2-container--default .select2-selection--single {background-color: transparent;}
.checkout-warehouse .select2-container--default .select2-selection--single {background-color: var(--color-white);}
.select-lable {font-weight: 400;font-size: 12px;line-height: 16px;color: var(--color-white);white-space: nowrap;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding: 17px 16px;;width: 100%;display: block;background: #F5F7FA; color: #747474; font-weight: 400;font-size: 14px;line-height: 130%;border: 1px solid var(--color_grey_light_3);border-radius: 6px;resize: none; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1) inset;min-height: 55px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 17px;}
.select2-dropdown {background: var(--color_grey_light_3); border-radius: 6px; border: 0;top: 8px;padding: 8px; box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);}
.select2-selection__clear {display: none!important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--blue);}
.select2-results__option {padding: 10px 18px;font-size: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {background: url(/img/select-arrow.svg);width: 13px;height: 8px; transition: all .3s;}
.select2-container--open .select2-selection__arrow {transform: translateY(-50%) rotate(180deg) !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {color: var(--color_blue);background: var(--color_grey_light_3);border-radius: 6px;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: var(--color-white); color: var(--color-blue-main); font-weight: var(--semibold);}
.select2-results__option .wrap:before{content: '';display: inline-block;width: 22px;height: 22px;flex-shrink: 0;flex-grow: 0;border: 1px solid #E6E6E6;border-radius: 0.25em;margin-right: 0.5em;background: var(--color-white);background-repeat: no-repeat;background-position: center center;background-size: 80% 80%;}
.select2-results__option[aria-selected="true"] .wrap:before {border: 2px solid var(--color-blue-light);background-image: url("/img/check-dot.svg");background-size: 12px 12px;background-position: center center;}
.select2-results__option .wrap {display: flex;align-items: center;gap: 10px;}
.select2-container--default .select2-results>.select2-results__options {max-height: 240px;overflow-y: auto;}
input[type="checkbox"].switch{appearance: none;width: 3.5em;height: 1.5em;background: #ddd;border-radius: 3em;position: relative;cursor: pointer;outline: none;transition: all .2s ease-in-out;}
input[type="checkbox"].switch:checked{background: var(--color_blue);}
input[type="checkbox"].switch:after{position: absolute;content: "";width: 1.5em;height: 1.5em;border-radius: 50%;background: #fff;box-shadow: 0 0 .25em rgba(0,0,0,.3);transform: scale(.7);left: 0;transition: all .2s ease-in-out;}
input[type="checkbox"].switch:checked:after{left: calc(100% - 1.5em);}
.fancybox__backdrop {background: rgb(0 0 0 / 70%);}
.fancybox__content {border-radius: 10px; width: 1000px;padding: 30px;}
.custom-file-upload {display: flex;align-items: center;gap: 16px;cursor: pointer;transition: border-color 0.3s;position: relative; flex-direction: row-reverse;}
.custom-file-upload input[type="file"] {position: absolute;left: -9999px;}
.upload-icon-wrapper {display: flex;align-items: center;}
#file-name, #file-name-serial, #file-name-receipt {flex-grow: 1;text-align: left;background: #F5F7FA;font-size: 14px;line-height: 130%;border: 1px solid var(--color_grey_light_3); color: #747474; border-radius: 6px;padding: 19px 16px;resize: none;box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1) inset;min-height: 60px;}
.custom-file-upload img {display: block;width: 60px;height: 60px;}
.modal-form-register .cust-padding-dop {margin-top: 12px;}
.modal-privacy .custom-checkbox {max-width: 525px;}
.privacy .custom-checkbox {max-width:100%;}
.privacy .text-privacy {padding: 20px 20px;}
.fancybox__content .title {font-size: 20px; margin-bottom: 32px;}
.fancybox__content .form-blocks {margin-top: 0;}
.fancybox__content>.f-button.is-close-btn {top: -30px;right: -30px;opacity: 1;}
.f-button svg {stroke: rgb(255 255 255);stroke-width: 4;}
header {position: sticky;top: 0;width: 100%;background: var(--color_white); z-index: 999;}
.header-inner {display: flex;align-items: center;justify-content: space-between;}
.logo {padding: 15px 0;}
.logo img {height: 68px;}
.menu {display: flex; font-size: var(--font_text_M); list-style: none;margin: 0;padding: 0;}
.menu-item {margin: 0 15px;position: relative;}
.menu-item a {text-decoration: none;color: var(--color_black);padding: 8px;display: flex;gap: 8px;}
.dropdown:before {content: '';position: absolute;bottom: -12px;left: 0;width: 100%;height: 12px;background: transparent;z-index: 1;}
.menu-item a:hover {background: var(--color_grey_light_3); color: var(--color_blue); border-radius: 6px;}

/* --- Изменения для меню "Бренды --- */
/* Убираем подчеркивание и изменяем курсор у ссылки "Бренды", если у неё нет href */
.menu-item.dropdown > a:not([href]) {
		text-decoration: none;
		cursor: default;
}

/* На десктопе: показываем выпадающий список только при наведении */
.dropdown:hover .dropdown-content {
		display: block;
}

.dropdown-content {display: none;position: absolute;top: 100%; margin-top: 12px; left: 0;background: white;box-shadow: 0 8px 16px rgba(0,0,0,0.1);padding: 8px 16px;min-width: 600px; z-index: 999;}
.dropdown-columns {display: flex;gap: 16px;justify-content: space-between;align-items: flex-start;}
.dropdown-columns .column {min-width: 160px;}
.dropdown-columns .column a {font-size: var(--font_text_M); padding: 8px 0px 8px 8px;margin: 8px 0;}
.header-right {display: flex;align-items: center;gap: 20px;}
.phone a {display: flex; gap: 8px; text-decoration: none;color: var(--color_black);;white-space: nowrap;}
.burger {display: none;height: 50px;flex-direction: column;align-items: center;justify-content: center;}
.opened-burger div:nth-child(2) {opacity: 0;}
.opened-burger div:nth-child(1) {transform: rotate(45deg);margin: 0;position: absolute;}
.opened-burger div:nth-child(3) {transform: rotate(315deg);margin: 0;position: absolute;}
.breadcrumbs {position: relative;padding: 32px 0 32px 0;}
.breadcrumbs-block-inner {display: flex; align-items: center; font-size: 14px;}
.breadcrumbs-block-inner a {position: relative; display: flex;align-items: center;justify-content: center;white-space: nowrap;}
.breadcrumbs-block-inner a:hover {color: var(--color_blue);}
.breadcrumbs-block-inner span {font-weight: 600; color: var(--color_blue); position: relative; display: flex;align-items: center;justify-content: center;white-space: nowrap;}
.breadcrumbs-block-inner a::after {content: url(/img/chevron-right.svg); display: block; margin: 0 6px 0 6px;height: 17px;}
.breadcrumbs-title {margin: 0px 0 0px 0; display: flex;align-items: flex-end;justify-content: space-between;}
.breadcrumbs-title h2 {font-weight: var(--semibold); font-size: var(--h2); line-height: var(--lh50); color: var(--color-blue-main);margin: 32px 0 0 0;}
.hero-slider {position: relative;display: flex;justify-content: center;z-index: 3;padding-top: 0px;}
.swiper-button-prev {background-image: url(/img/arrow-left.svg); background-size: auto; left: 130px;right: auto;width: 65px;height: 65px;transition: all .3s;}
.swiper-button-next {background-image: url(/img/arrow-right.svg); background-size: auto; right: 130px;left: auto;width: 65px;height: 65px;transition: all .3s;}
.swiper-button-prev:hover {background-image: url(/img/arrow-left-white.svg);}
.swiper-button-next:hover {background-image: url(/img/arrow-right-white.svg);}
.gallery-top .swiper-wrapper {height: 100%;}
.slider-img {width: 85%;}
.slider-title {font-size: var(--sh1); color: var(--color_white); font-weight: var(--fw300); line-height: var(--lh100);}
.banner-1, .banner-2, .banner-3 {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.banner-1 {background-image: url('/img/banner-expert.jpg');}
.banner-2 {background-image: url('/img/banner-expert.jpg');}
.gallery-top {width: 1440px; height: 600px; margin: 0 auto;}
.gallery-thumbs {height: 50px;box-sizing: border-box;padding: 10px 0;position: absolute;bottom: 10px;max-width: 490px;}
.gallery-thumbs .swiper-slide {width: 80px;height: 100%;opacity: 0.5;border-bottom: 3px solid var(--color_white);}
.gallery-thumbs .swiper-wrapper {display: flex; align-items: flex-end;}
.gallery-thumbs .swiper-slide span {display:none;}
.gallery-thumbs .swiper-slide-active {width: 140px;opacity: 1;}
.gallery-thumbs .swiper-slide-active span {display:block;color: var(--color_white); text-align: center;}
.main-info {display: flex;justify-content: space-between;align-items: flex-start;}
.rectangle {position: relative; width: 250px; height: 250px; color: var(--color_blue);display: flex;flex-direction: column;align-items: center; text-align: center; background-image: url('/img/rectangle.svg');filter: drop-shadow(10px 15px 25px rgba(0, 0, 0, 0.04))}
.count {font-size: 55px;font-weight: 700;line-height: normal;margin: 30px 0;max-height: 53px;}
.count span {font-size: 20px;}
.count-text {max-width: 185px; font-size: 20px; font-weight: 600; line-height: var(--lh_24);}
.main-info-2 {display: flex;justify-content: space-between; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}
.about-main {background: var(--color_white);border-radius: 6px;padding: 32px;flex: 1}
.title {font-size: 26px;font-weight: 600; line-height: var(--lh_28); margin-bottom: 24px;}
.flex-title {display: flex;flex-direction: column;align-items: flex-start;}
.opyt-description p:first-child {padding-bottom: 21px;}
.blue-text {color: var(--color_blue); margin-bottom: 20px; font-weight: 600;}
.about-logo {width: 350px; background: var(--color_blue_light_2); display: flex;justify-content: center;align-items: center; background-image: url('/img/about-image.jpg');background-size: cover;}
.about-logo img {width: 356px;}
.about-button {position: relative; z-index: 1;margin-top: 16px;}
.uslugi-grid {display: flex;flex-wrap: wrap;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 16px;align-content: center;}
.uslugi-grid div {background: var(--color_white); display: flex;align-items: center;gap: 32px; padding: 24px; justify-content: flex-start;border-radius: 6px; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);transition: all .3s;}
.uslugi-grid div:hover {background: var(--color_blue_light_2);}
.uslugi-grid div span {max-width: 365px;font-size: 16px; color: var(--color_blue); font-weight: 600;}
.uslugi-grid .big-usluga span {max-width: 595px;}
.uslugi-grid div:nth-child(1),
.uslugi-grid div:nth-child(2),
.uslugi-grid div:nth-child(3) {flex: 1 0 calc((100% - 40px) / 3);}
.uslugi-grid div:nth-child(4),
.uslugi-grid div:nth-child(5) {flex: 1 0 calc((100% - 20px) / 2);}
.uslugi-grid div p {font-size: 64px;line-height: 100%;font-weight: 900;color: #DEE6F1;transition: all .3s;}
.uslugi-grid div:hover p {color: var(--color_white);}
.main-info-4 {display: flex; gap: 32px}
.opyt-images {width: 50%;}
.opyt-text {width: 50%;line-height: 20px;padding: 13px 0;}
.opyt-description ul {padding-left: 20px;line-height: 30px;}
.opyt-description ul li {list-style: disc;}
.tech-grid {display: flex;justify-content: space-between;align-items: stretch;gap: 16px;}
.tech-item {min-width: 330px;display: flex;flex-direction: column;justify-content: center; align-items: center; text-align: center; background: var(--color_white);border-radius: 6px; padding: 26px 16px; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}
.tech-item img {margin-bottom: 24px;}
.tech-desc {font-size: 14px;min-height: 63px;}
.main-info-6 {display: flex;flex-direction: column;}
.main-info-6::before {content: "";display: block;position: absolute;background-image: url(/img/line.svg);background-repeat: no-repeat;width: -webkit-fill-available;height: 100%;top: 40px;}
.top-position {max-width: 835px;}
.top-position p {color: #64607D;}
.top-desc {font-size: 14px; margin-bottom: 24px;}
.line-blocks {display: flex;justify-content: space-around;margin-top: 270px;margin-bottom: 50px;}
.line-item {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.line-item:nth-child(1) {width: 320px; left: 35px;}
.line-item:nth-child(2) {width: 350px;bottom: 80px; left: 140px;}
.line-item:nth-child(3) {width: 300px;bottom: 250px;left: 20px;}
.line-item img {margin-bottom: 24px;}
.line-title {font-size: 16px; font-weight: 600; margin-bottom: 11px;}
.line-desc {font-size: 14px; color: #64607D;}
.line-number {position: absolute;font-size: 204px;line-height: 100%;font-weight: 900;color: #e9ebed;z-index: -1;right: 0;bottom: -15px;}
.main-info-7 {background: var(--color_white); padding: 32px 22px; box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1); border-radius: 6px;}
.form-blocks {margin-top: 48px;}
.cust-padding {padding: 0 10px;}
.cust-padding-dop {margin-top: 40px; padding: 0 10px;}
.input-group {margin-bottom: 20px;}
.last-marg {margin-bottom: 0px;}
.btn-group {position: relative; z-index: 2; margin-bottom: 0;}
.par-textarea {height: 100%;}
textarea {height: 100%;}
.btn-group .normal-btn {width: 100%;justify-content: space-between;}
.text-privacy {display: flex;gap: 8px;font-size: 12px;padding: 10px 20px;align-items: center;}
.about-info-top {display: flex;align-items: flex-start; padding: 40px; border-radius: 20px; background: linear-gradient(90deg, #def1fd 1%, #adbed7 100%);box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}
.big-text {font-size: 36px;text-transform: uppercase;font-weight: 300; color: var(--color_blue); margin-top: 38px; margin-bottom: 30px;}
.big-text span {font-weight: 700;}
.small-text {font-size: 14px; font-weight: 300; font-style: italic; color: var(--color_blue);}
.about-info-bottom {margin-top: 32px;font-size: 14px;}
.about-info-bottom p {margin-bottom: 20px;}
.about-info-bottom p:last-child {margin-bottom: 0px; color: var(--color_blue); font-weight: 600;}
.a-left {width: 85%;}
.a-right img {filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));}
.contacts-and-select {margin-right: 24px; background: var(--color_white);border-radius: 6px;box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}
.contacts-and-select .input-group {margin-bottom: 24px;}
.select-block {padding: 24px;}
.contacts-shop-title {font-size: 20px; font-weight: 600; color: var(--color_blue); margin-bottom: 16px;}
.contacts-shop-address {display: flex;flex-direction: column;gap: 8px;}
.ico-text {display: flex;gap: 8px;justify-content: flex-start;align-items: center;}
.contacts-shop-new {margin: 32px 0;border-bottom: 1px solid var(--color_grey_light_2);}
.contacts-shop-address {padding-bottom: 32px;font-size: 14px;}
.select-bland {background: var(--color_white); padding: 40px; border-radius: 6px;position: relative; z-index: 2;box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}


.brand-row {position: relative;display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;}
.brand-shadow {display: none;}
.brand-item {width: 100%;max-height: 185px;position: relative;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;gap: 8px;background: #F5F7FA;border-radius: 6px;flex-direction: column;transition: all 0.3s ease;z-index: 2;border: 2px solid transparent;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.brand-item:hover {border-color: var(--color_blue);box-shadow: 0 4px 12px rgba(18, 78, 145, 0.15);}


.block-info-bottom-map {display: flex;justify-content: space-between;align-items: center; gap: 16px;}
.inform {background: var(--gradient);color: var(--color_white);width: 100%;text-align: center;padding: 32px;border-radius: 6px;font-size: 20px;font-weight: 600;}
.brand-item img {width: 200px; max-width: 200px;}
.brand-name {display: none;}
.info-star {position: absolute;top: 10%;right: 10%;}
.big-logo-brand {display: flex;align-items: center;justify-content: center;}
.big-logo-brand img {height: 165px;}
.double-text {display: flex;justify-content: space-between;align-items: stretch;gap: 32px;}
.about-list {line-height: 20px;color: var(--color_blue_text);padding-left: 20px;padding-bottom: 15px;}
.about-list li {list-style: disc;}
.text-50 {width: 50%; background: var(--color_white);padding: 24px;border-radius: 6px;box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}
.text-50 p {line-height: 20px;color: var(--color_blue_text);padding-bottom: 15px;}
.text-50 p:last-child {padding-bottom: 0;}
.text-50 .first-blue {color: var(--color_blue); font-weight: 600;}
.site-brand {width: 100%; z-index:2;}
.site-brand .normal-btn {width: 100%;justify-content: space-between;}
.select-docs {display: flex;justify-content: space-between;gap: 16px;}
#firstSelect {min-width: 560px;}
#secondSelect {min-width: 270px;}
#thirdSelect {min-width: 270px;}
#downloadBtn {position: relative; background: var(--color_white); margin: 2px; padding: 15px 32px;max-height: 60px; border-radius: 4px;transition: all .3s;}
#downloadBtn:hover {background: var(--gradient); color: var(--color_white);transition: all .3s;}
#downloadBtn::before {content: "";display: block;position: absolute;left: -2px;top: -2px;right: -2px;bottom: -2px;background: var(--gradient); z-index: -1;border-radius: 6px;transition: all .3s;}
.subtitle-brand {margin-bottom: 40px;}
.big-number-text {display: flex;align-items: flex-start;justify-content: flex-start;gap: 32px;}
.big-number-text span {font-size: 80px;line-height: 100%;font-weight: 900;color: #DEE6F1;}
.big-number-text div:first-child { font-weight: 600; color: var(--color_blue);}
.garant-text {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
.select2-container--disabled {filter: opacity(0.5);}
[disabled] {cursor: not-allowed;}
.gradient-layer {position: relative; z-index: 2;}
.brands-info-block {margin-top: 32px;}
.snoska {margin-bottom: 32px;}
.brands-bottom-page {display: flex !important;justify-content: flex-start;opacity: 0;visibility: hidden;transform: translateY(-10px); transition: opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease; pointer-events: none;}
.brands-bottom-page.visible {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}
.brand-item.disabled {filter: grayscale(100%);opacity: 0.2;pointer-events: none;cursor: default;}
.select2-container--default .select2-results__option--disabled {display: none;}

.faq-section {padding: 40px 0px;border-radius: 6px;}
.faq-title {font-size: 26px;font-weight: 600;line-height: var(--lh_28);margin-bottom: 36px; text-align: center;}
.faq-columns {display: flex;gap: 20px;justify-content: space-between;}
.faq-column {flex: 1;display: flex;flex-direction: column;gap: 20px;}
.faq-item {border-radius: 10px;overflow: hidden;transition: all 0.3s ease;}
.faq-question {padding: 20px;background: var(--color_white);display: flex;justify-content: space-between;align-items: center;cursor: pointer;transition: all 0.3s ease;}
.faq-question:hover {background: var(--color_blue_light_2);}
.faq-question span {font-weight: 400;color: var(--color_black);font-size: var(--font_text_M);}
.faq-icon {position: relative;width: 14px;height: 14px;flex-shrink: 0;transition: all 0.3s ease;}
.faq-icon::before,
.faq-icon::after {content: '';position: absolute;background-color: var(--color_black);transition: all 0.3s ease;border-radius: 1px;}
.faq-icon::before {width: 100%;height: 2px;top: 50%;left: 0;transform: translateY(-50%);}
.faq-icon::after {width: 2px;height: 100%;top: 0;left: 50%;transform: translateX(-50%);}
.faq-item.active .faq-icon::before {transform: translateY(-50%) rotate(45deg);}
.faq-item.active .faq-icon::after {transform: translateX(-50%) rotate(45deg);}
.faq-answer {padding: 0;max-height: 0;overflow: hidden;transition: all 0.3s ease;background: var(--color_white);}
.faq-answer p {padding: 0 20px 20px;margin: 0;color: var(--color_blue_text);line-height: var(--lh_20);}
.faq-item.active .faq-question {background: var(--color_white);}
.faq-item.active .faq-icon {transform: rotate(45deg);}
.faq-item.active .faq-answer {max-height: 200px;padding-top: 0;}

/* Стили для новой секции с логотипом и категориями */
.brand-logo-content-wrapper {display: flex;justify-content: space-between;align-items: flex-start;gap: 100px;}
.brand-logo-left {flex: 0 0 508px;display: flex;flex-direction: column;align-items: center;gap: 16px;}
.brand-categories-right {flex: 1;}
.categories-block {display: flex;flex-direction: column;gap: 24px;}
.categories-title {font-size: var(--font_h3);font-weight: 600;color: var(--color_blue);line-height: var(--lh_28);margin: 0;}
.categories-list-columns {display: flex;gap: 48px;}
.categories-column {flex: 1;}
.categories-list {list-style: none;padding: 0;margin: 0;}
.categories-list li {font-size: var(--font_text_L);line-height: var(--lh_24);color: var(--color_blue);padding: 8px 0;position: relative;padding-left: 16px;}
.categories-list li:before {content: "•";color: var(--color_blue);font-size: 20px;position: absolute;left: 0;top: 8px;
}

/* Стили для секции с выбором серии */
.series-registration-block {background: var(--color_white);padding: 32px;border-radius: 6px;box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1);}
.series-header {display: flex;flex-direction: column;gap: 24px;}
.series-title {font-size: var(--font_h3);font-weight: 600;color: var(--color_blue);line-height: var(--lh_28);margin: 0;}
.series-select-wrapper {display: flex;gap: 16px;align-items: center;}


.autocomplete-wrapper {position: relative;width: 100%;}
.autocomplete-input {width: 100%;padding: 16px 40px 16px 16px;background: #F5F7FA;font-weight: 400;font-size: 14px;line-height: 130%;border: 1px solid var(--color_grey_light_3);border-radius: 6px;box-shadow: 0px 4px 4px 0px rgba(234, 234, 239, 1) inset;min-height: 60px;box-sizing: border-box;transition: all 0.3s ease;}
.autocomplete-input:focus {outline: none;border-color: var(--color_blue);box-shadow: 0 0 0 2px rgba(18, 78, 145, 0.1);}
.autocomplete-dropdown {position: absolute;top: 100%;left: 0;right: 0;background: var(--color_white);border: 1px solid var(--color_grey_light_2);border-top: none;border-radius: 0 0 6px 6px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);max-height: 300px;overflow-y: auto;z-index: 1000;display: none;}
.autocomplete-dropdown.visible {display: block;}
.autocomplete-item {padding: 12px 16px;cursor: pointer;transition: all 0.2s ease;border-bottom: 1px solid var(--color_grey_light_3);font-size: 14px;}
.autocomplete-item:last-child {border-bottom: none;}
.autocomplete-item:hover,
.autocomplete-item.selected {background-color: var(--color_blue_light_2);}
.highlight {color: var(--color_blue);font-weight: 600;}
.suffix {color: var(--color_grey);}
.autocomplete-input.has-selection {color: var(--color_blue);font-weight: 500;}
.no-results {color: var(--color_grey);font-style: italic;cursor: default;}
.no-results:hover {background-color: transparent;}


.series-select-wrapper .input-group {flex: 1;margin: 0;}
.register-equipment-btn {position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 8px;color: var(--color_white);padding: 10px 32px;border-radius: 6px;transition: all .3s;white-space: nowrap;min-width: 200px;height: 55px;font-size: var(--font_button);text-decoration: none;border: none;cursor: pointer;z-index: 2;}
.register-equipment-btn:before {content: "";display: block;position: absolute;background: var(--gradient);left: 0;top: 0;right: 0;bottom: 0;border-radius: 6px;z-index: -1;}
.register-equipment-btn:hover {color: var(--color_white);background: var(--color_light_blue);}
.register-equipment-btn:hover:before {background: var(--gradient_hover_btn);}
.register-equipment-btn:focus {color: var(--color_white);outline: 2px solid var(--color_light_blue);outline-offset: -2px;}

/* Стили для подсказок с вопросиком */
.input-group.with-tooltip {position: relative;}
.tooltip-wrapper {position: absolute;right: 16px;top: 50%;transform: translateY(-50%);z-index: 10;}
.tooltip-icon {display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: #B9BEC2;color: var(--color_white);border-radius: 50%;font-size: 14px;font-weight: 600;cursor: help;transition: background-color 0.3s;}
.tooltip-icon:hover {background: var(--color_blue);}
.tooltip-content {position: absolute;bottom: 100%;right: -10px;margin-bottom: 10px;background: #fff;color: #6D6E71;padding: 12px 16px;border-radius: 6px;font-size: var(--font_text_S);line-height: var(--lh_16);width: 280px;opacity: 0;visibility: hidden; transition: all 0.3s;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.tooltip-arrow {position: absolute;top: 100%;right: 20px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;}
.tooltip-wrapper:hover .tooltip-content {opacity: 1;visibility: visible;}

footer {background-color: #00223F;position: relative;bottom: 0px;z-index: 1;font-size: 14px;}
.logo-footer-menu {display: flex;align-items: center;gap: 100px;padding: 40px 0px 76px 0;}
.footer-copy {display: flex;justify-content: space-between;color: var(--color_white);padding: 15px 0 40px;border-top: 1px solid var(--color_white);}
.footer-copy p {font-size: var(--font_text_M);}
.footer-nav {display: flex;flex-wrap: wrap;}
.footer-nav a {color: var(--color_white);}
.footer-right {margin-left: auto;display: flex;flex-direction: column-reverse;align-items: flex-end;gap: 8px;}
.footer-right .svg-fed {width: 150px;}
.double-col-footer {display: flex;align-items: center;gap: 16px;padding-bottom: 16px;}
.footer-half {display: flex;flex-direction: column;gap: 16px;min-width: 200px; font-size: var(--font_text_L);}
.footer-ico-mes {max-width: 35px;}
.dt-block {color: var(--color_white);font-weight: 600;font-size: 16px;}
.footer-copy a {color: var(--color_white);}
.footer-logo {padding-top: 32px;height: 96px;}
.footer-block {padding-top: 32px;}
.snoska-footer {color: var(--color_white);margin-bottom: 24px;}

@media (max-width: 990px) {
		.container {padding-right: 16px;padding-left: 16px;}
		.header-inner {flex-direction: row-reverse;}
		.header-nav {position: fixed;opacity: 1;box-shadow: 0px 4px 2px rgb(0 0 0 / 25%);top: 98px;left: 0;right: 0;bottom: 0;transform: translateX(100%);flex-direction: column;align-items: center;justify-content: flex-start;transition: all .3s;z-index: 99;}
		header .nav-open {background: var(--color_white); transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);}
		.header-right {display: none;}
		.burger {display: flex;}
		.burger div {width: 40px;height: 3px;margin: 0 0 7px 0; background: var(--color_blue);transition: all .3s;}
		.burger div:last-child {margin: 0 0 0px 0;}
		.menu {flex-direction: column;}
		.menu-item {margin: 0 16px;border-bottom: 1px solid #D4D4D4;padding-left: 27px;}
		.dropdown {padding-left: 0;}
		.menu-item a {padding: 16px 8px;}
		.dropdown-content {display: none;}
		.dropdown:hover .dropdown-content {display: none;}
		.dropdown.active .dropdown-content {display: block;position: static;box-shadow: none;padding: 8px 0;min-width: auto;background: var(--color_grey_light_3);border-radius: 6px;margin-top: 8px;}
		.dropdown-columns {display: flex;flex-direction: column;gap: 0;}
		.dropdown-columns .column {min-width: 100%;padding: 0px 0;}
		.dropdown-columns .column a {display: block;padding: 8px 16px;text-decoration: none;color: var(--color_black);font-size: var(--font_text_M);}
		.dropdown-columns .column a:hover {background: var(--color_grey_light_2);}
		.menu-item.dropdown.active > a {background: var(--color_grey_light_3);color: var(--color_blue);border-radius: 6px;}
		.menu-item a:hover {background: none;color: var(--color_black);}
		.hero-slider {margin-bottom: 16px;}
		.gallery-top {width: 100%;}
		.gallery-thumbs {max-width: 100%;}
		.sec-margin {margin: 16px 0; padding: 16px 0;}
		.main-info-4 {display: flex;gap: 16px;flex-direction: column;}
		.main-info {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;}
		.rectangle {background-image: none; background-color: var(--color_white);height: auto;min-height: 94px;margin: 0 !important;width: 100%; align-items: flex-start;justify-content: center;padding: 0 16px;}
		.rectangle:last-child {grid-column: 1 / -1;}
		.count {font-size: 26px;margin: 8px 0;}
		.count-text {font-size: 12px;}
		.main-info-2 {display: flex;justify-content: space-between;flex-direction: column-reverse;}
		.about-logo {width: 100%;}
		.about-main {padding: 16px;}
		.title {font-size: 20px;}
		.flex-title {display: block;}
		.normal-btn {width: 100%;justify-content: space-between;font-size: 14px;}
		.normal-btn img {width: 30px; height: 30px;}
		.uslugi-grid div:nth-child(1),
		.uslugi-grid div:nth-child(2),
		.uslugi-grid div:nth-child(3) {flex: 100%;}
		.uslugi-grid div:nth-child(4),
		.uslugi-grid div:nth-child(5) {flex: 100%;}
		.tech-item {display: flex;flex-direction: row;gap: 16px;text-align: left;padding: 16px 16px;}
		.tech-item img {margin-bottom: 0;}
		.tech-desc {min-height: auto;}
		.top-position .normal-btn {display: none;}
		.main-info-6::before {display: none; background-image: none;}
		.line-item:nth-child(1) {width: 100%;left: auto;}
		.line-item:nth-child(2) {width: 100%;bottom: auto;left: auto;}
		.line-item:nth-child(3) {width: 100%;bottom: auto;left: auto;}
		.opyt-images {width: 100%;}
		.opyt-text {width: 100%;}
		.tech-grid {flex-direction: column;}
		.input-group input, .input-group textarea {padding: 9px;min-height: 40px;}
		.fancybox__content {padding: 16px;}
		.brands-selector .select2-container--default .select2-selection--single .select2-selection__rendered, .select-model .select2-container--default .select2-selection--single .select2-selection__rendered, .modal-form-register .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 9px 8px;min-height: 40px;}
		.brands-selector .select2-selection__arrow, .select-model .select2-selection__arrow, .modal-form-register .select2-selection__arrow {right: 8px !important;}

		.brand-logo-content-wrapper {flex-direction: column;padding: 16px;gap: 16px;}
		.brand-logo-left {flex: 0 0 auto;width: 100%;}
		.big-logo-brand img {height: 100px;}
		.categories-list-columns {flex-direction: column;gap: 0;}
		.categories-title {font-size: 18px;}
		.series-registration-block {padding: 16px;}
		.series-select-wrapper {flex-direction: column;gap: 16px;}
		.register-equipment-btn {width: 100%;}
		.series-title {font-size: 18px;}
		.autocomplete-input {padding: 16px 40px 16px 16px;min-height: 56px;font-size: 16px;}
		.autocomplete-dropdown {position: absolute;top: auto;max-height: 50vh;border-radius: 10px 10px 0 0;border: 1px solid var(--color_grey_light_2);box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);}
		.autocomplete-item {padding: 16px;font-size: 16px;}
		.series-select-wrapper .input-group {width: 100%;}

		.text-privacy {padding: 10px 0px;}
		input[type="checkbox"].switch {width: 7.5em;}
		.cust-padding {padding: 0 0px;}
		.cust-padding-dop {padding: 0 0px;margin: 0;}
		.last-marg {margin-bottom: 20px;}
		.main-info-7 {padding: 16px;}
		.line-item {position: relative;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;gap: 16px;}
		.line-blocks {display: flex;justify-content: space-around;margin-top: 0;flex-direction: column;gap: 24px;padding-top: 24px;margin-bottom: 0px;}
		.line-number {position: relative;font-size: 32px;line-height: 100%;font-weight: 900;color: var(--color_blue_light);background: #fff; min-width: 40px; min-height: 40px; width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 6px; bottom: 0;}
		.mob-line-item {width: 100%;}
		.line-title {font-weight: 600;margin-bottom: 6px;}
		#file-name, #file-name-serial, #file-name-receipt {padding: 9px;min-height: 40px;}
		.custom-file-upload img {display: block;width: 40px;height: 40px;}
		.big-logo-brand {padding-bottom: 32px;}
		.double-text {display: flex;justify-content: space-between;align-items: stretch;gap: 0px;flex-direction: column;}
		.text-50 {width: 100%;}
		.site-brand {padding-top: 16px;}
		.select-docs {display: flex;justify-content: space-between;gap: 16px;flex-direction: column;}
		#firstSelect {min-width: 100%;}
		#secondSelect {min-width: 100%;}
		#thirdSelect {min-width: 100%;}
		#downloadBtn {width: 100%;padding: 9px 32px;max-height: 40px;}
		.select2-container--default .select2-selection--single .select2-selection__rendered {padding: 9px 16px;min-height: 40px;}
		.select-bland {padding: 16px;}
		.faq-item.active .faq-answer {max-height: max-content;}
		.brand-row {position: relative;display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}
		.snoska {display: none;}
		.brand-item img {width: 130px;max-width: 130px;}
		.contacts-and-select {margin-right: 0px;}
		.about-info-top {padding: 16px;}
		.a-left {width: 100%;}
		.a-left img {display: none;}
		.a-right {display: none;}
		#contacts-map {display: none;}
		.block-info-bottom-map {flex-direction: column;}
		.inform {padding: 16px; text-align: left; font-size: 16px;}
		.faq-section {padding: 20px;}
		.faq-columns {flex-direction: column;gap: 16px;} 
		.faq-question {padding: 16px;}
		.faq-question span {font-size: var(--font_text_M);}
		.faq-answer p {padding: 0 16px 16px;}
		.logo-footer-menu {gap: 30px;padding: 40px 0px 30px 0;flex-direction: column;}
		.footer-nav {display: flex;flex-wrap: wrap;flex-direction: column;gap: 16px;}
		.footer-half {display: flex;flex-direction: column;gap: 16px;min-width: 200px;font-size: var(--font_text_M);align-items: center;}
		.footer-copy {display: flex;justify-content: space-between;color: var(--color_white);padding: 0px 0 64px;border-top: 0;flex-direction: column;gap: 8px;align-items: center;}
		.footer-right {margin-left: initial;align-items: center;}
		.snoska-footer {text-align: center;}
		.footer-ico-mes {max-width: 25px;}
}

input[type="date"]::before {
    content: attr(data-placeholder);
    color: #96999C;
    width: 100%;
}

input[type="date"]:focus::before,
input[type="date"].has-value::before {
    content: '' !important;
}

/* Скрываем дефолтную иконку календаря когда пусто */
input[type="date"]:not(.has-value)::-webkit-calendar-picker-indicator {
    opacity: 0.5;
}

.input-group.has-error input,
.input-group.has-error select,
.input-group.has-error .custom-file-upload {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.error-form, .success-form {
    padding: 15px;
    margin: 15px 0;
    border-radius: 4px;
    display: none;
}

.error-form {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.success-form {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.simple-text {
    font-size: 16px;
    line-height: 1.5;
}

.simple-text p {
    font-size: inherit;
    margin-bottom: 1em;
}