/* Start:/main/css/main.css?178895467631802*/
/* Главная страница. Разметка независима от блоков Aspro, шапка и подвал остаются шаблонными. */

/* Палитра на :root, а не на .mp: модальные окна выносятся скриптом в конец body
   и внутри .mp переменных уже не видят. */
:root {
    --mp-dark: #181818;
    --mp-dark-card: #222229;
    --mp-text: #121312;
    --mp-muted: #757575;
    --mp-muted-dark: #A3A3A3;
    --mp-grey: #F5F5F5;
    --mp-grey-2: #F0F0F0;
    --mp-border: #E2E2E2;
    --mp-border-dark: rgba(255, 255, 255, .16);
    --mp-gap: 24px;
    --mp-section: 100px;
}

.mp {
    color: var(--mp-text);
    font-size: 16px;
    line-height: 1.5;
}

.mp *, .mp-modal, .mp-modal * { box-sizing: border-box; }

/* заголовок страницы и хлебные крошки шаблона: на главной их и так нет, здесь мешают макету */
body:has(.mp) .page-top-info { display: none; }

.mp-container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 32px;
}

/* Секция во всю ширину окна независимо от контейнера шаблона.
   Смещение блока от края страницы и ширину полосы прокрутки подставляет main.js;
   без него секции просто останутся в границах контейнера. */
.mp-full {
    width: calc(100vw - var(--mp-sbw, 0px));
    margin-left: calc(-1 * var(--mp-off, 0px));
}

.mp-section { padding: var(--mp-section) 0; }
.mp-section--tight { padding: 72px 0; }

.mp-dark {
    background: var(--mp-dark);
    color: #fff;
}

.mp-grey-bg { background: var(--mp-grey); }

/* типографика */
.mp-eyebrow {
    font-size: 13px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mp-muted);
    margin-bottom: 18px;
}

.mp-dark .mp-eyebrow { color: var(--mp-muted-dark); }

/* color: inherit — тема красит теги заголовков своим цветом, из-за чего они гаснут на тёмном фоне */
.mp-h1 {
    font-size: clamp(34px, 3.2vw, 46px);
    line-height: 1.14;
    font-weight: 500;
    text-transform: uppercase;
    color: inherit;
    margin: 0 0 24px;
}

.mp-h2 {
    font-size: clamp(27px, 2.4vw, 36px);
    line-height: 1.2;
    font-weight: 500;
    color: inherit;
    margin: 0 0 20px;
}

.mp-h3 {
    font-size: 19px;
    line-height: 1.3;
    font-weight: 500;
    color: inherit;
    margin: 0 0 10px;
}

.mp-lead {
    font-size: 18px;
    line-height: 1.55;
    margin: 0;
}

.mp-muted { color: var(--mp-muted); }
.mp-dark .mp-muted { color: var(--mp-muted-dark); }

/* кнопки и ссылки */

/* тема подчёркивает все ссылки правилом a:not(...), перебиваем его по специфичности */
.mp a.mp-link,
.mp a.mp-btn,
.mp a.mp-eco__card,
.mp a.mp-tasks__card,
.mp a.mp-projects__card {
    text-decoration: none;
}

.mp-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    height: 56px;
    padding: 0 32px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    transition: opacity .2s, background-color .2s, color .2s;
}

.mp-btn:hover { text-decoration: none; opacity: .85; }
.mp-btn--light { background: #fff; color: var(--mp-text); }
.mp-btn--light:hover { color: var(--mp-text); }
.mp-btn--dark { background: #111; color: #fff; }
.mp-btn--dark:hover { color: #fff; }
.mp-btn--ghost { border-color: rgba(255, 255, 255, .55); color: #fff; }
.mp-btn--ghost:hover { background: rgba(255, 255, 255, .1); color: #fff; opacity: 1; }

.mp-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
    font-size: 16px;
}

.mp-link:hover { text-decoration: none; color: inherit; }
.mp-link:hover .mp-arrow { transform: translateX(4px); }
.mp-arrow { transition: transform .2s; flex: 0 0 auto; }

/* первый экран */
.mp-hero {
    position: relative;
    min-height: 700px;
    display: flex;
    align-items: center;
    background: #2a2a2a url(/main/img/hero.jpg) center / cover no-repeat;
    color: #fff;
}

.mp-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, .35) 100%);
}

/* padding-block, а не padding: иначе затираются горизонтальные поля контейнера */
.mp-hero__inner { position: relative; width: 100%; padding-block: 120px; }
.mp-hero__text { max-width: 620px; margin: 22px 0 40px; font-size: 19px; line-height: 1.5; }
.mp-hero__btns { display: flex; gap: 16px; flex-wrap: wrap; }

/* полоса цифр */
.mp-numbers {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-top: 1px solid var(--mp-border-dark);
    padding: 44px 0;
}

.mp-numbers__item { padding: 0 20px; text-align: center; }
.mp-numbers__item + .mp-numbers__item { border-left: 1px solid var(--mp-border-dark); }
.mp-numbers__value { font-size: clamp(28px, 2.5vw, 42px); line-height: 1.1; font-weight: 400; white-space: nowrap; }
.mp-numbers__value sup { font-size: .55em; vertical-align: super; }
.mp-numbers__label { margin-top: 10px; font-size: 15px; color: var(--mp-muted-dark); }

/* B2B-кабинет */
.mp-cabinet { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.mp-cabinet__text { max-width: 520px; margin: 20px 0 0; font-size: 18px; line-height: 1.55; }

.mp-cabinet__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px 32px;
    margin: 52px 0;
}

.mp-cabinet__item { display: flex; gap: 18px; }
.mp-cabinet__icon { flex: 0 0 auto; opacity: .85; }
.mp-cabinet__btns { display: flex; align-items: center; gap: 36px; flex-wrap: wrap; }

/* Ноутбук уходит за правый край окна: блок дотягивается до края, лишнее обрезается.
   32px — правое поле контейнера, дальше половина свободного места до края окна. */
.mp-cabinet__shot {
    margin-right: calc(-1 * (32px + max(0px, (100vw - var(--mp-sbw, 0px) - 1360px) / 2)));
    overflow: hidden;
}

.mp-cabinet__shot img { display: block; width: 150%; max-width: none; height: auto; margin-left: 5%; }

/* экосистема */
.mp-eco {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--mp-gap);
    margin-top: 48px;
}

.mp-eco__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 340px;
    padding: 26px 24px 24px;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.mp-eco__card:hover { color: #fff; text-decoration: none; }

.mp-eco__card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s;
}

.mp-eco__card:hover img { transform: scale(1.04); }

.mp-eco__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, .88) 100%);
}

/* z-index обязателен: псевдоэлемент с затемнением идёт последним и иначе перекрывает текст */
.mp-eco__body { position: relative; z-index: 1; }
.mp-eco__title { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
.mp-eco__desc { font-size: 14px; line-height: 1.45; color: rgba(255, 255, 255, .82); }

.mp-eco__foot {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-top: 26px;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(255, 255, 255, .75);
}

/* полоса логотипов брендов */
.mp-brands {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 38px 0;
}

.mp-brands img {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    max-height: 26px;
    width: auto;
    object-fit: contain;
    opacity: .9;
}
.mp-brands-link { margin-top: 22px; display: flex; justify-content: flex-end; }

/* условия */
.mp-terms {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 48px;
}

.mp-terms__item { padding: 0 28px; }
.mp-terms__item:first-child { padding-left: 0; }
.mp-terms__item + .mp-terms__item { border-left: 1px solid var(--mp-border); }
.mp-terms__num { font-size: 40px; line-height: 1; color: #D9D9D9; margin-bottom: 22px; }
.mp-terms__desc { font-size: 15px; line-height: 1.5; color: var(--mp-muted); }

/* решения для профессионалов */
.mp-solutions {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-top: 44px;
}

.mp-solutions__card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mp-border);
    border-radius: 12px;
    overflow: hidden;
}

.mp-solutions__head {
    background: var(--mp-grey);
    padding: 26px 24px 24px;
    border-bottom: 1px solid var(--mp-border);
    min-height: 168px;
}

.mp-solutions__head img { display: block; width: 34px; height: 34px; margin-bottom: 26px; }
.mp-solutions__title { font-size: 17px; line-height: 1.3; }
.mp-solutions__body { padding: 24px; display: flex; flex-direction: column; flex: 1 1 auto; }
.mp-solutions__desc { font-size: 15px; line-height: 1.5; margin-bottom: 22px; }
.mp-solutions__list { list-style: none; margin: 0 0 24px; padding: 0; }

.mp-solutions__list li {
    display: flex;
    gap: 12px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--mp-muted);
    margin: 0 0 14px;
}

/* тема вешает на пункты списка кружок-маркер через ul > li::before */
.mp-solutions__list li::before { content: none; }

.mp-solutions__list svg { flex: 0 0 auto; margin-top: 2px; }
.mp-solutions__more { margin-top: auto; }

/* товары */
.mp-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--mp-gap);
    margin-top: 44px;
}

.mp-products__card {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mp-border);
    border-radius: 12px;
    padding: 24px;
}

.mp-products__fav {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #C5C5C5;
    line-height: 0;
}

.mp-products__pic {
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 26px 0 22px;
}

.mp-products__pic a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.mp-products__pic img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mp-products__brand { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--mp-muted); }

/* название товара приходит из каталога целиком, поэтому режем по двум строкам */
.mp-products__name {
    font-size: 18px;
    margin: 8px 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 52px;
}

.mp .mp-products__name a,
.mp .mp-products__pic a {
    color: inherit;
    text-decoration: none;
    border-bottom: none;
}

/* высота под две строки, иначе карточки с длинным описанием сбивают общую линию */
.mp-products__type { font-size: 15px; color: var(--mp-muted); min-height: 46px; }

.mp-products__stock {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 20px 0 22px;
}

.mp-products__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid var(--mp-muted);
}

.mp-products__price-label { font-size: 15px; }
.mp-products__price { font-size: 15px; color: var(--mp-muted); margin-top: 4px; }

.mp-products__benefit {
    margin: 18px 0;
    padding: 13px;
    border-radius: 8px;
    background: var(--mp-grey);
    text-align: center;
    font-size: 15px;
}

.mp-products__more { margin-top: auto; }

/* регистрация */
.mp-register {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 60px;
    padding: 64px;
    border-radius: 12px;
    background: var(--mp-grey);
}

.mp-register__btn { margin: 40px 0 18px; }
.mp-register__login { font-size: 15px; }
.mp-register__login a { color: inherit; text-decoration: underline; }
.mp-register__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; align-content: center; }
.mp-register__icon { margin-bottom: 22px; opacity: .9; }
.mp-register__desc { font-size: 15px; line-height: 1.5; color: var(--mp-muted); }

/* подбор решения */
.mp-tasks { display: grid; grid-template-columns: minmax(320px, 0.55fr) 1.45fr; gap: 48px; align-items: center; }
.mp-tasks__text { margin: 22px 0 40px; font-size: 18px; line-height: 1.55; max-width: 460px; }
.mp-tasks__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.mp-tasks__card {
    position: relative;
    display: flex;
    align-items: flex-end;
    aspect-ratio: 250 / 374;
    padding: 22px;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.mp-tasks__card:hover { color: #fff; text-decoration: none; }
.mp-tasks__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.mp-tasks__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .92) 100%);
}

.mp-tasks__body { position: relative; z-index: 1; }
.mp-tasks__title { font-size: 17px; margin-bottom: 6px; }
.mp-tasks__desc { font-size: 13px; line-height: 1.4; color: rgba(255, 255, 255, .85); }

.mp-tasks__badge {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    padding: 7px 14px;
    border-radius: 20px;
    background: #fff;
    color: var(--mp-text);
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* как начать работать */
.mp-start { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 60px; align-items: start; }
.mp-start__text { margin-top: 22px; font-size: 18px; line-height: 1.55; }

.mp-start__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px;
    border: 1px solid var(--mp-border);
    border-radius: 12px;
}

.mp-start__card-head { display: flex; align-items: center; gap: 22px; text-align: left; }
.mp-start__card-title { font-size: 19px; line-height: 1.35; }
.mp-start__card .mp-btn { margin: 30px 0 16px; padding: 0 24px; white-space: nowrap; }
.mp-start__card-login { font-size: 14px; }
.mp-start__card-login a { color: inherit; text-decoration: underline; }

.mp-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 64px; }
.mp-steps__num { font-size: 40px; line-height: 1; color: #D9D9D9; margin-bottom: 20px; }
.mp-steps__desc { font-size: 15px; line-height: 1.5; color: var(--mp-muted); }

/* шоурумы */
.mp-showrooms { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mp-gap); margin-top: 52px; }

.mp-showrooms__card {
    background: #fff;
    color: var(--mp-text);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mp-showrooms__pic { height: 240px; }
.mp-showrooms__pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mp-showrooms__body { padding: 28px; flex: 1 1 auto; }
.mp-showrooms__title { font-size: 20px; margin-bottom: 24px; }
.mp-showrooms__row { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; font-size: 15px; line-height: 1.45; }

.mp-showrooms__ico {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: var(--mp-grey);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mp-showrooms__foot { border-top: 1px solid var(--mp-border); padding: 22px 28px; text-align: center; }

/* проекты */
.mp-projects { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--mp-gap); margin-top: 44px; }

.mp-projects__card {
    border: 1px solid var(--mp-border);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: block;
}

.mp-projects__card:hover { color: inherit; text-decoration: none; }
.mp-projects__pic { height: 260px; overflow: hidden; }
.mp-projects__pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.mp-projects__card:hover img { transform: scale(1.04); }
.mp-projects__body { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 20px 24px 22px; }
.mp-projects__title { font-size: 16px; }
.mp-projects__meta { font-size: 14px; color: var(--mp-muted); margin-top: 4px; }
.mp-projects__brand { font-size: 14px; color: var(--mp-muted); white-space: nowrap; }

/* партнёры */
.mp-partners {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 56px;
    flex-wrap: wrap;
}

.mp-partners img { max-height: 62px; width: auto; }

/* отзывы */
.mp-reviews { padding: 80px 0; }

.mp-reviews__track {
    display: flex;
    gap: var(--mp-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-bottom: 8px;
    scrollbar-width: none;
}

.mp-reviews__track::-webkit-scrollbar { display: none; }

.mp-reviews__card {
    flex: 0 0 420px;
    scroll-snap-align: start;
    background: #fff;
    border-radius: 12px;
    padding: 36px 34px 32px;
    display: flex;
    flex-direction: column;
}

.mp-reviews__quote { font-size: 46px; line-height: .8; color: #D9D9D9; margin-bottom: 18px; }
.mp-reviews__text { font-size: 16px; line-height: 1.55; margin-bottom: 32px; }
.mp-reviews__company { margin-top: auto; font-size: 15px; }
.mp-reviews__author { font-size: 14px; color: var(--mp-muted); margin-top: 6px; }
.mp-reviews__nav { display: flex; justify-content: flex-end; gap: 14px; margin-top: 32px; }

.mp-reviews__btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--mp-border);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s;
}

.mp-reviews__btn:hover { background: var(--mp-grey); }

/* финальный блок */
.mp-cta {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    background: #101010 url(/main/img/cta-final.jpg) center / cover no-repeat;
    color: #fff;
}

.mp-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .25) 100%);
}

.mp-cta__inner { position: relative; width: 100%; padding-block: 110px; }
.mp-cta__text { max-width: 560px; margin: 22px 0 40px; font-size: 18px; line-height: 1.55; }

/* модальные формы */

/* Не flex-центрирование: у контейнера со скроллом центрированный блок обрезается сверху
   и «отрезанное» не прокручивается. Отступ сверху — под фиксированную шапку, её высоту
   замеряет main.js и кладёт в --mp-header-h. */
.mp-modal {
    position: fixed;
    inset: 0;
    z-index: 900;
    padding: calc(var(--mp-header-h, 79px) + 24px) 16px 40px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mp-modal[hidden] { display: none; }
.mp-modal__overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); }

.mp-modal__window {
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 44px;
    background: #fff;
    border-radius: 12px;
    color: var(--mp-text);
}

.mp-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--mp-muted);
    transition: background-color .2s, color .2s;
}

.mp-modal__close:hover { background: var(--mp-grey); color: var(--mp-text); }

.mp-modal__head { margin-bottom: 28px; padding-right: 40px; }
.mp-modal__title { font-size: 28px; line-height: 1.2; font-weight: 500; color: inherit; margin: 0 0 12px; }
.mp-modal__lead { margin: 0; font-size: 15px; line-height: 1.5; color: var(--mp-muted); }

.mp-modal__tag {
    display: inline-block;
    margin-top: 16px;
    padding: 8px 14px;
    border-radius: 6px;
    background: var(--mp-grey);
    font-size: 14px;
}

/* класс с display перебивает атрибут hidden, поэтому скрываем явно */
.mp-modal__tag[hidden], .mp-modal__done[hidden] { display: none; }

.mp-modal__done { text-align: center; padding: 20px 0 8px; }
.mp-modal__done-title { font-size: 22px; font-weight: 500; margin-bottom: 12px; }
.mp-modal__done-text { margin: 0 0 28px; color: var(--mp-muted); }

/* поля */
.mp-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.mp-field { display: block; margin-bottom: 20px; padding: 0; border: 0; }
.mp-field__label { display: block; margin-bottom: 8px; font-size: 14px; color: var(--mp-muted); }
.mp-field__label b { color: #c0392b; font-weight: 400; }

.mp-field__input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid var(--mp-border);
    border-radius: 6px;
    background: #fff;
    color: var(--mp-text);
    font-family: inherit;
    font-size: 16px;
    transition: border-color .2s;
}

.mp-field__input:focus { outline: none; border-color: var(--mp-text); }
.mp-field__input--area { height: auto; padding: 14px 16px; line-height: 1.5; resize: vertical; }

.mp-field__error { display: none; margin-top: 6px; font-size: 13px; color: #c0392b; }
.mp-field--invalid .mp-field__input { border-color: #c0392b; }
.mp-field--invalid .mp-field__error { display: block; }

/* чекбоксы «Что нужно подобрать» */
.mp-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; margin-top: 4px; }
.mp-check { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.mp-check input { position: absolute; opacity: 0; width: 0; height: 0; }

.mp-check__box {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mp-border);
    border-radius: 4px;
    color: transparent;
    transition: border-color .2s, background-color .2s, color .2s;
}

.mp-check input:checked + .mp-check__box { background: var(--mp-text); border-color: var(--mp-text); color: #fff; }
.mp-check input:focus-visible + .mp-check__box { border-color: var(--mp-text); }
.mp-check__text { font-size: 15px; }

.mp-form__submit { width: 100%; justify-content: center; margin-top: 4px; }
.mp-form__submit[disabled] { opacity: .6; pointer-events: none; }

.mp-form__note { margin: 16px 0 0; font-size: 13px; line-height: 1.45; color: var(--mp-muted); text-align: center; }
.mp .mp-form__note a { color: var(--mp-muted); text-decoration: underline; }

/* кнопка, оформленная как ссылка со стрелкой */
.mp-link--btn { padding: 0; border: 0; background: transparent; font-family: inherit; cursor: pointer; }


/* ноутбуки */
@media (max-width: 1400px) {
    .mp { --mp-section: 84px; }
    .mp-solutions { gap: 16px; }
    .mp-reviews__card { flex-basis: 380px; }
}

@media (max-width: 1200px) {
    .mp-numbers { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
    .mp-numbers__item:nth-child(3n+1) { border-left: 0; }
    .mp-eco, .mp-products, .mp-projects { grid-template-columns: repeat(2, 1fr); }
    .mp-solutions, .mp-terms { grid-template-columns: repeat(3, 1fr); row-gap: 32px; }
    .mp-terms__item:nth-child(3n+1) { border-left: 0; padding-left: 0; }
    .mp-cabinet, .mp-tasks, .mp-start, .mp-register { grid-template-columns: 1fr; gap: 44px; }
    .mp-register { padding: 44px; }
    .mp-register__items { grid-template-columns: repeat(3, 1fr); }
    .mp-showrooms { grid-template-columns: 1fr; }
    .mp-steps { grid-template-columns: repeat(2, 1fr); }
    /* в одну колонку ноутбук показываем целиком */
    .mp-cabinet__shot { margin-right: 0; }
    .mp-cabinet__shot img { width: 100%; margin-left: 0; }
    .mp-solutions__head { min-height: 150px; }
}

/* планшет */
@media (max-width: 992px) {
    .mp { --mp-section: 64px; --mp-gap: 16px; }
    .mp-section--tight { padding: 56px 0; }
    .mp-container { padding: 0 24px; }

    .mp-hero { min-height: 560px; }
    .mp-hero__inner { padding-block: 80px; }
    .mp-hero__text { font-size: 17px; margin: 18px 0 32px; }

    .mp-numbers { padding: 36px 0; }
    .mp-cabinet__list { gap: 28px 24px; margin: 40px 0; }
    .mp-cabinet__btns { gap: 24px; }

    .mp-solutions { grid-template-columns: repeat(2, 1fr); }
    .mp-terms { grid-template-columns: repeat(2, 1fr); }
    .mp-terms__item { padding: 0 20px; }
    .mp-terms__item:nth-child(3n+1) { border-left: 1px solid var(--mp-border); padding-left: 20px; }
    .mp-terms__item:nth-child(2n+1) { border-left: 0; padding-left: 0; }

    .mp-showrooms { grid-template-columns: repeat(2, 1fr); }
    .mp-tasks__grid { grid-template-columns: repeat(2, 1fr); }

    /* девять логотипов в один ряд на планшете мельчают до нечитаемого */
    .mp-brands {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        justify-items: center;
        align-items: center;
        gap: 26px 18px;
        padding: 32px 0;
    }
    .mp-brands img { max-height: 24px; }
    .mp-reviews__card { flex-basis: 340px; padding: 30px 26px 26px; }
    .mp-cta { min-height: 460px; }
    .mp-cta__inner { padding-block: 80px; }
}

/* телефон */
@media (max-width: 767px) {
    .mp { --mp-section: 48px; }
    .mp-section--tight { padding: 40px 0; }
    .mp-container { padding: 0 16px; }

    .mp-h1 { font-size: 28px; margin-bottom: 18px; }
    .mp-h2 { font-size: 24px; margin-bottom: 16px; }
    .mp-h3 { font-size: 17px; }
    .mp-lead { font-size: 16px; }
    .mp-eyebrow { font-size: 12px; margin-bottom: 14px; }

    .mp-hero { min-height: 480px; }
    .mp-hero__inner { padding-block: 56px; }
    .mp-hero__text { font-size: 16px; margin: 16px 0 28px; }
    .mp-hero__btns { flex-direction: column; align-items: stretch; gap: 12px; }
    .mp-btn { height: 52px; justify-content: center; }

    /* формы: одна колонка, окно во всю ширину и по высоте содержимого */
    .mp-modal { padding: calc(var(--mp-header-h, 60px) + 12px) 0 24px; }
    .mp-modal__window { max-width: none; padding: 44px 20px 28px; border-radius: 0; }
    .mp-modal__title { font-size: 24px; }
    .mp-modal__close { top: 10px; right: 10px; }
    .mp-form__grid, .mp-check-grid { grid-template-columns: 1fr; }
    .mp-check-grid { gap: 14px; }

    /* полоса цифр в две колонки */
    .mp-numbers { grid-template-columns: repeat(2, 1fr); row-gap: 28px; padding: 32px 0; }
    .mp-numbers__item { padding: 0 12px; }
    .mp-numbers__item:nth-child(3n+1) { border-left: 1px solid var(--mp-border-dark); }
    .mp-numbers__item:nth-child(2n+1) { border-left: 0; }
    .mp-numbers__label { font-size: 14px; }

    .mp-cabinet__text { font-size: 16px; }
    .mp-cabinet__list { grid-template-columns: 1fr; gap: 24px; margin: 32px 0; }
    .mp-cabinet__btns { flex-direction: column; align-items: stretch; gap: 20px; }
    .mp-cabinet__btns .mp-link { justify-content: center; }
    .mp-cabinet__shot { border-radius: 12px; }

    .mp-eco { grid-template-columns: 1fr; margin-top: 32px; }
    .mp-eco__card { min-height: 260px; }

    /* логотипы брендов сеткой: в один ряд на телефоне они превращаются в точки */
    .mp-brands {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        align-items: center;
        gap: 26px 16px;
        padding: 28px 0;
    }
    .mp-brands img { max-height: 22px; }
    .mp-brands-link { justify-content: center; margin-top: 18px; }

    .mp-terms { grid-template-columns: 1fr; row-gap: 28px; margin-top: 32px; }
    .mp-terms__item { padding: 0; border-left: 0; }
    .mp-terms__item:nth-child(3n+1) { border-left: 0; padding-left: 0; }
    .mp-terms__num { font-size: 32px; margin-bottom: 12px; }

    .mp-solutions { grid-template-columns: 1fr; margin-top: 32px; }
    .mp-solutions__head { min-height: 0; padding: 22px 20px; }
    .mp-solutions__head img { margin-bottom: 16px; }
    .mp-solutions__body { padding: 20px; }

    .mp-products { grid-template-columns: 1fr; margin-top: 32px; }
    .mp-products__type { min-height: 0; }
    .mp-products__pic { height: 240px; }

    .mp-register { padding: 28px 20px; }
    .mp-register__items { grid-template-columns: 1fr; gap: 24px; }
    .mp-register__btn { margin: 28px 0 14px; }
    .mp-register__icon { margin-bottom: 14px; }

    /* задачи прокруткой: вытянутые карточки в сетке 2x2 становятся слишком узкими */
    .mp-tasks__grid {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .mp-tasks__grid::-webkit-scrollbar { display: none; }
    .mp-tasks__card { flex: 0 0 68%; scroll-snap-align: start; }
    .mp-tasks__text { font-size: 16px; margin: 16px 0 28px; }

    .mp-start__card { padding: 24px 20px; }
    .mp-start__card-head { flex-direction: column; text-align: center; gap: 14px; }
    .mp-start__text { font-size: 16px; }
    .mp-steps { grid-template-columns: 1fr; gap: 28px; margin-top: 40px; }
    .mp-steps__num { font-size: 32px; margin-bottom: 12px; }

    .mp-showrooms { grid-template-columns: 1fr; margin-top: 32px; }
    .mp-showrooms__pic { height: 200px; }
    .mp-showrooms__body { padding: 22px 20px; }
    .mp-showrooms__foot { padding: 18px 20px; }

    .mp-projects { grid-template-columns: 1fr; margin-top: 32px; }
    .mp-projects__pic { height: 220px; }

    .mp-partners { gap: 28px; margin-top: 32px; justify-content: space-around; }
    .mp-partners img { max-height: 44px; }

    .mp-reviews { padding: 48px 0; }
    .mp-reviews__card { flex-basis: 86%; padding: 26px 22px 24px; }
    .mp-reviews__text { font-size: 15px; margin-bottom: 24px; }
    .mp-reviews__nav { justify-content: center; margin-top: 24px; }

    .mp-cta { min-height: 380px; }
    .mp-cta__inner { padding-block: 56px; }
    .mp-cta__text { font-size: 16px; margin: 16px 0 28px; }
}

/* узкие телефоны */
@media (max-width: 480px) {
    .mp-h1 { font-size: 25px; }
    .mp-h2 { font-size: 22px; }
    .mp-numbers__value { font-size: 26px; }
    .mp-brands { grid-template-columns: repeat(2, 1fr); }
    .mp-tasks__card { flex-basis: 78%; }
    .mp-reviews__card { flex-basis: 90%; }
    .mp-products__pic { height: 200px; }
}

/* End */


/* Start:/main/css/projects.css?179076023911210*/
/* Раздел «Проекты». Токены, контейнер, кнопки и карточки — из main.css. */

.hp { color: #fff; }

/* тёмная секция раздела доходит до подвала */
body:has(.hp) .body:not(.index) > .main { padding-bottom: 0; }
.hp .mp-full.mp-dark { background: var(--mp-dark); }

.hp-list { padding: 56px 0 120px; }
.hp .mp-eyebrow { color: var(--mp-muted-dark); }
.hp-title { color: #fff; margin: 0 0 56px; text-transform: none; font-weight: 400; }

.hp-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 56px; }
.hp-tabs { display: flex; gap: 60px; overflow-x: auto; scrollbar-width: none; }
.hp-tabs::-webkit-scrollbar { display: none; }
.hp-tabs__item { flex: none; padding-bottom: 8px; font-size: 22px; font-weight: 300; color: var(--mp-muted-dark); border-bottom: 1px solid transparent; text-decoration: none; transition: color .2s; }
.hp-tabs__item:hover, .hp-tabs__item.is-active { color: #fff; text-decoration: none; }
.hp-tabs__item.is-active { border-bottom-color: #fff; }

.hp-search { flex: none; display: flex; align-items: center; gap: 10px; width: 240px; color: var(--mp-muted-dark); border-bottom: 1px solid var(--mp-border-dark); padding-bottom: 6px; }
.hp-search input { flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: #fff; font: inherit; font-size: 16px; }
.hp-search input::placeholder { color: var(--mp-muted-dark); }
.hp-search:focus-within { border-bottom-color: #fff; }

.hp-list__body { transition: opacity .2s; }
.hp-list__body.is-loading { opacity: .4; pointer-events: none; }

.hp .mp-projects { margin-top: 0; row-gap: 80px; }
.hp .mp-projects__card { background: var(--mp-dark); border: 1px solid var(--mp-border-dark); border-radius: 8px; overflow: hidden; color: #fff; }
.hp .mp-projects__meta { color: var(--mp-muted-dark); }
.hp .mp-projects__brand { color: var(--mp-muted-dark); }

.hp-empty { padding: 40px 0; font-size: 18px; color: var(--mp-muted-dark); }
.hp-empty .mp-link { color: #fff; }

.hp-pager { display: flex; align-items: center; gap: 28px; margin-top: 120px; font-size: 20px; }
.hp-pager__num { color: var(--mp-muted-dark); text-decoration: none; padding: 0 6px 6px; border-bottom: 1px solid transparent; }
.hp-pager__num:hover { color: #fff; text-decoration: none; }
.hp-pager__num.is-active { color: #fff; border-bottom-color: #fff; }
.hp-pager__arrow { display: inline-flex; color: #fff; }

@media (max-width: 1200px) {
    .hp .mp-projects { grid-template-columns: repeat(3, 1fr); row-gap: 48px; }
    .hp-tabs { gap: 36px; }
    .hp-tabs__item { font-size: 18px; }
}

@media (max-width: 992px) {
    .hp-toolbar { flex-direction: column-reverse; align-items: stretch; gap: 28px; }
    .hp-search { width: 100%; }
    .hp .mp-projects { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .hp-list { padding: 32px 0 72px; }
    .hp-title { margin-bottom: 32px; }
    .hp-toolbar { margin-bottom: 32px; }
    .hp-tabs { gap: 24px; margin: 0 -16px; padding: 0 16px; }
    .hp-tabs__item { font-size: 16px; }
    .hp-pager { margin-top: 56px; gap: 18px; font-size: 18px; }
}

@media (max-width: 480px) {
    .hp .mp-projects { grid-template-columns: 1fr; row-gap: 24px; }
}

/* доступность */
.hp a:focus-visible, .hp button:focus-visible, .hp-search:focus-within { outline: 2px solid #fff; outline-offset: 4px; }
.hp-search:focus-within { outline: 0; }
.hp-pager__arrow { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }

@media (prefers-reduced-motion: reduce) {
    .hp-track { scroll-behavior: auto; }
    .hp .mp-projects__card:hover img, .hp-gallery__item:hover img { transform: none; }
    .hp-list__body { transition: none; }
}

/* детальная */
.hp-back-row { padding: 56px 0 72px; }
.hp-back { display: inline-flex; align-items: center; gap: 16px; font-size: 18px; color: #fff; text-decoration: none; }
.hp-back:hover { color: var(--mp-muted-dark); text-decoration: none; }

.hp-hero { position: relative; height: min(1110px, 58vw); min-height: 520px; overflow: hidden; background: var(--mp-dark); color: #fff; }
.hp-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hp-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(24,24,24,0) 55%, rgba(24,24,24,.85) 88%, var(--mp-dark) 100%); }
.hp-hero__text { position: absolute; left: 0; right: 0; bottom: 64px; z-index: 1; }
.hp-hero__eyebrow { font-size: 28px; font-weight: 300; text-transform: uppercase; margin-bottom: 40px; padding-top: 40px; border-top: 1px solid var(--mp-border-dark); }
.hp-hero__title { font-size: 42px; font-weight: 400; line-height: 1.2; margin: 0 0 8px; color: #fff; }
.hp-hero__meta { font-size: 20px; color: var(--mp-muted-dark); }

.hp-gallery { padding: 88px 0 72px; border-top: 1px solid var(--mp-border-dark); }
.hp-track { display: grid; grid-auto-flow: column; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.hp-track::-webkit-scrollbar { display: none; }
.hp-track > * { scroll-snap-align: start; }
.hp-gallery__track { grid-auto-columns: calc((100% - 60px) / 4); }
.hp-gallery__item { display: block; aspect-ratio: 423 / 335; border-radius: 8px; overflow: hidden; }
.hp-gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.hp-gallery__item:hover img { transform: scale(1.04); }

.hp-nav { display: flex; align-items: center; gap: 8px; margin-top: 72px; color: #fff; font-size: 20px; }
.hp-nav--head { margin-top: 0; margin-right: -16px; }
.hp-gallery .hp-nav { margin-left: -16px; }
.hp-nav__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0; background: none; border: 0; color: inherit; cursor: pointer; }
.hp-nav__btn:disabled { opacity: .35; cursor: default; }

.hp-about { padding: 120px 0; border-top: 1px solid var(--mp-border-dark); }
.hp-about__grid { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; }
.hp-about__slogan { font-size: 40px; font-weight: 400; line-height: 1.4; margin: 60px 0 60px; color: #fff; }
.hp-about__desc { font-size: 24px; font-weight: 300; line-height: 1.45; color: #fff; max-width: 540px; }
.hp-facts { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
.hp-facts__item { display: flex; align-items: flex-start; gap: 28px; padding: 20px 0 56px; }
.hp-facts__item:nth-child(odd) { border-right: 1px solid var(--mp-border-dark); padding-right: 24px; }
.hp-facts__item:nth-child(even) { padding-left: 56px; }
.hp-facts__icon { flex: none; width: 52px; height: 52px; color: #fff; }
.hp-facts dt { font-size: 20px; font-weight: 300; line-height: 1.3; color: #fff; margin-bottom: 8px; }
.hp-facts dd { font-size: 20px; font-weight: 500; margin: 0; color: #fff; }

.hp-equipment { padding: 40px 0 120px; }
.hp-equipment__box { border: 1px solid var(--mp-border-dark); border-radius: 8px; padding: 48px 80px 56px 36px; }
.hp-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 56px; }
.hp-h2 { font-size: 40px; font-weight: 400; margin: 0; color: #fff; }
.hp-equipment__track { grid-auto-columns: calc((100% - 40px) / 3); padding-left: 84px; }
.hp-equipment__item { display: block; color: #fff; text-decoration: none; }
a.hp-equipment__item:hover { color: #fff; text-decoration: none; }
.hp-equipment__pic { aspect-ratio: 430 / 320; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.hp-equipment__pic img { max-width: 100%; max-height: 100%; object-fit: contain; }
.hp-equipment__type { font-size: 20px; font-weight: 300; text-transform: uppercase; margin-bottom: 8px; }
.hp-equipment__name { font-size: 22px; font-weight: 500; }

.hp-cta-row { padding-bottom: 120px; }
.hp-cta { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 380px; padding: 60px 120px; background: var(--mp-dark-card) center / cover no-repeat; overflow: hidden; }
.hp-cta::before { content: ""; position: absolute; inset: 0; background: rgba(24,24,24,.7); }
.hp-cta > * { position: relative; }
.hp-cta__text { flex: 1; min-width: 0; }
.hp-cta__title { font-size: 40px; font-weight: 400; margin: 0 0 32px; color: #fff; }
.hp-cta__lead { font-size: 24px; font-weight: 300; margin: 0; color: #fff; }
.hp-cta__btn { flex: none; min-width: 258px; justify-content: center; text-align: center; }

.hp-similar { padding: 0 0 160px; }
.hp-similar__track { grid-auto-columns: calc((100% - 3 * var(--mp-gap)) / 4); gap: var(--mp-gap); }

@media (max-width: 1400px) {
    .hp-facts__item:nth-child(even) { padding-left: 40px; }
    .hp-cta { padding: 56px 64px; }
}

@media (max-width: 1200px) {
    .hp-about__grid { grid-template-columns: 1fr; gap: 56px; }
    .hp-about__slogan { margin-top: 0; }
    .hp-equipment__box { padding: 40px 32px; }
    .hp-equipment__track { padding-left: 0; }
    .hp-similar__track { grid-auto-columns: calc((100% - 2 * var(--mp-gap)) / 3); }
}

@media (max-width: 992px) {
    .hp-gallery__track { grid-auto-columns: calc((100% - 20px) / 2); }
    .hp-equipment__track { grid-auto-columns: calc((100% - 20px) / 2); }
    .hp-similar__track { grid-auto-columns: calc((100% - var(--mp-gap)) / 2); }
    .hp-cta { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 767px) {
    .hp-back-row { padding: 24px 0 32px; }
    .hp-back { font-size: 16px; }
    .hp-hero { height: calc(100svh - 120px); min-height: 460px; }
    .hp-hero__text { bottom: 32px; }
    .hp-hero__eyebrow { font-size: 16px; margin-bottom: 20px; padding-top: 20px; }
    .hp-hero__title { font-size: 28px; }
    .hp-hero__meta { font-size: 16px; }
    .hp-gallery { padding: 40px 0; }
    .hp-gallery__track, .hp-equipment__track, .hp-similar__track { grid-auto-columns: 85%; }
    .hp-nav { margin-top: 24px; font-size: 16px; }
    .hp-nav--head { display: none; }
    .hp-about { padding: 56px 0; }
    .hp-about__slogan { font-size: 26px; margin-bottom: 28px; }
    .hp-about__desc { font-size: 18px; }
    .hp-h2, .hp-cta__title { font-size: 26px; }
    .hp-head { margin-bottom: 28px; }
    .hp-facts__item { gap: 20px; padding: 16px 0 28px; }
    .hp-facts__item:nth-child(even) { padding-left: 20px; }
    .hp-facts__icon { width: 40px; height: 40px; }
    .hp-facts dt { font-size: 16px; }
    .hp-facts dd { font-size: 18px; }
    .hp-equipment { padding: 0 0 56px; }
    .hp-equipment__box { padding: 28px 20px; border-radius: 6px; }
    .hp-equipment__pic { margin-bottom: 20px; }
    .hp-equipment__type { font-size: 14px; }
    .hp-equipment__name { font-size: 16px; }
    .hp-cta-row { padding-bottom: 56px; }
    .hp-cta { padding: 40px 24px; min-height: 0; }
    .hp-cta__lead { font-size: 16px; }
    .hp-cta__btn { width: 100%; min-width: 0; }
    .hp-similar { padding-bottom: 72px; }
}

@media (max-width: 480px) {
    .hp-facts { grid-template-columns: 1fr; }
    .hp-facts__item:nth-child(odd) { border-right: 0; padding-right: 0; }
    .hp-facts__item:nth-child(even) { padding-left: 0; }
}

/* End */


/* Start:/local/templates/b2b/css/jquery.fancybox.min.css?176600884313058*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/b2b/css/fancybox-gallery.min.css?17660088433658*/
.fancybox-active{height:auto;}.fancybox-container .fancybox-bg,.fancybox-container .fancybox-button{background:#fff;background:var(--card_bg_black);opacity:1;}.fancybox-button.fancybox-button--play,.fancybox-button.fancybox-button--thumbs{}.fancybox-container svg path{fill:#999;}.fancybox-inner .fancy{display:flex!important;align-items:center;justify-content:center;padding:0;height:100%;}.fancybox-slide:before{display:none;}.fancybox-lock .fancybox-overlay{overflow:hidden;}.fancybox-overlay{background:#fff;opacity:0;}.fancybox-inner video{display:block;max-height:100%;max-width:100%;margin:auto;}.fancybox-inner .fancybox-content{padding:0;}.fancybox-container .fancybox-infobar{color:#999;mix-blend-mode:normal;}.fancybox-slide--iframe{padding:0;}.fancybox-slide iframe{padding:0;height:100%;width:100%;}.fancybox-caption{background:transparent;color:#222;}.fancy-js{cursor:pointer;display:block;}.fancybox-toolbar .fancybox-button:not(.fancybox-button--close){display:none!important;}.fancybox-button[disabled]{pointer-events:none;}.fancybox-inner{--button-size-large:100px;--arrow-size-large:72px;}.fancybox-navigation .fancybox-button{align-items:center;background-color:transparent;display:flex;height:var(--arrow-size-large);top:calc(50% - 19px);width:var(--arrow-size-large);}.fancybox-navigation .fancybox-button--arrow_left{padding:0 0 0 6px;justify-content:flex-start;}.fancybox-navigation .fancybox-button--arrow_right{padding:0 6px 0 0;justify-content:flex-end;}@media screen and (min-width:992px){.fancybox-navigation .fancybox-button{height:calc(100% - var(--button-size-large));top:var(--button-size-large);width:33%}.fancybox-button div{height:var(--arrow-size-large);width:var(--arrow-size-large)}}@media screen and (min-width:768px){.fancybox-button--close{height:var(--button-size-large);padding:calc(var(--button-size-large)/4);width:var(--button-size-large)}}.fancybox-container.with-slider{--thumbs-width:64px;}.fancybox-thumbs.with-slider{background:transparent;display:flex;justify-content:center;left:0;padding:calc(var(--thumbs-width) / 2);position:absolute;right:auto;width:auto;}.fancybox-thumbs.with-slider img{display:inline-block;margin:0 auto;max-height:100%;max-width:100%;}.fancybox-show-thumbs .fancybox-inner.with-slider{left:calc(var(--thumbs-width) * 2);right:var(--thumbs-width);}.fancybox-thumbs__wrapper.gallery-slider-thumb__container{flex-direction:column;max-width:var(--thumbs-width);width:100%;}.fancybox-thumbs.with-slider .slider-solution{max-height:calc((var(--thumbs-width) + 16px) * 5 - 16px);width:100%;}.fancybox-thumbs.with-slider .fancybox-thumbs-active{border-color:var(--white_text_black);}.fancybox-thumb__list--slider-wrapper{overflow:initial;}.fancybox-thumb__list--slider-wrapper a.gallery__item{background-color:unset;height:auto;margin:0;max-height:unset;max-width:var(--thumbs-width);padding:4px;}.fancybox-thumb__list--slider-wrapper .gallery__item::before{display:none;}@media screen and (min-width:601px){.fancybox-inner.with-slider .fancybox-infobar{left:calc(var(--thumbs-width) * -2)}.fancybox-container.with-slider .fancybox-toolbar{right:calc(var(--thumbs-width) * -1)}}@media screen and (max-width:600px){.fancybox-thumbs.with-slider{bottom:0;height:auto;padding:calc(var(--thumbs-width) / 2) calc(var(--thumbs-width) / 8);right:0;top:auto}.fancybox-thumbs.with-slider .slider-solution{max-height:none;width:calc(100% - 72px)}.fancybox-show-thumbs .fancybox-inner.with-slider{bottom:calc(var(--thumbs-width) * 2);left:0;right:0}.detail-gallery-big--vertical .gallery-slider-thumb__container.fancybox-thumbs__wrapper{flex-direction:row;height:var(--thumbs-width);max-width:none}}
/* End */
/* /main/css/main.css?178895467631802 */
/* /main/css/projects.css?179076023911210 */
/* /local/templates/b2b/css/jquery.fancybox.min.css?176600884313058 */
/* /local/templates/b2b/css/fancybox-gallery.min.css?17660088433658 */