/* ==========================================================================
   ENDPOINT THEME STYLES
   (Bootstrap подключается раньше; эти стили уже поверх)
   ========================================================================== */

/* -------------------- Переменные и база -------------------- */
:root{
  --ep-container-max: 1320px;
  --ep-gray: #f5f7fa;
  --ep-shadow: 0 10px 30px rgba(0,0,0,.08);
}

html, body{
  overflow-x: hidden;
}

/* общие утилиты локально */
.small-hidden{ display:block; }
.large-hidden-icon{ display:none; }
@media (max-width: 767.98px){
  .small-hidden{ display:none !important; }
  .large-hidden-icon{ display:block !important; }
}

/* -------------------- TOPBAR (только десктоп) -------------------- */
.ep-topbar{
  background:#f7f8fa;
  border-bottom:1px solid rgba(0,0,0,.06);
  font-size:14px;
}
.ep-topbar .container{
  display:flex; justify-content:space-between; align-items:center;
  padding:6px 12px;
}
.ep-topbar .menu{
  margin:0; padding:0; list-style:none; display:flex; gap:16px;
}
.ep-topbar a{ color:#343a40; text-decoration:none; }
.ep-topbar a:hover{ color:#0d6efd; text-decoration:none; }
@media (max-width:991.98px){ .ep-topbar{ display:none; } }

/* -------------------- HEADER / NAVBAR -------------------- */
.ep-sticky-wrap{ position: fixed; top:0; left:0; right:0; z-index:1040; }
.site-header{
  position: relative; z-index: 1040;
  background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06);
}
.site-header .ep-row{
  width:auto;
  max-width:var(--ep-container-max);
  margin-left:auto; margin-right:auto;
  padding:10px 18px;
}
.navbar{ box-shadow:none; padding-top:0; padding-bottom:0; margin-bottom:0; }
.navbar .navbar-toggler{ border:0; padding:.35rem .6rem; margin-right:6px !important; }
.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,0,.72)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.ep-tagline{
  font-weight:600; letter-spacing:.2px; line-height:1.25; color:#212529; font-size:20px;
}

/* -------------------- DRAWER -------------------- */
.ep-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45);
  opacity:0; visibility:hidden;
  transition:opacity .24s ease, visibility .24s ease;
  z-index:1029;
}
.ep-backdrop.is-open{ opacity:1; visibility:visible; }

.ep-drawer{
  position:fixed; inset:0 auto 0 0; width:min(86vw,360px);
  background:rgba(255,255,255,.98);
  backdrop-filter:saturate(160%) blur(4px);
  transform:translateX(-100%); transition:transform .28s ease;
  box-shadow:var(--ep-shadow); z-index:1031; overflow-y:auto;
}
.ep-drawer.is-open{ transform:translateX(0); }
.ep-drawer .ep-dw-header{
  display:flex; align-items:center; justify-content:flex-end;
  padding:14px 16px; border-bottom:1px solid rgba(0,0,0,.06);
}
.ep-drawer .ep-dw-close{
  position:relative; width:36px; height:36px; border:0; border-radius:999px;
  background:transparent; cursor:pointer;
}
.ep-drawer .ep-dw-close::before,
.ep-drawer .ep-dw-close::after{
  content:""; position:absolute; left:9px; right:9px; top:17px; height:2px;
  background:#111; border-radius:2px;
}
.ep-drawer .ep-dw-close::before{ transform:rotate(45deg); }
.ep-drawer .ep-dw-close::after{ transform:rotate(-45deg); }
.ep-drawer .ep-dw-close:hover{ background:rgba(0,0,0,.06); }

.ep-drawer .ep-dw-body{ padding:14px 18px 22px; }
.ep-drawer .menu{ list-style:none; padding:0; margin:6px 0 18px; }
.ep-drawer .menu a{
  display:block; padding:.6rem 0; color:#0d6efd; text-decoration:none; font-weight:700;
}
.ep-drawer .menu .sub-menu{ padding-left:14px; margin:.25rem 0; }
.ep-dw-cta .btn{ width:100%; }
body.ep-drawer-open{ overflow:hidden; }

/* -------------------- СЛАЙДЕР -------------------- */
/* контейнер слайдера не должен срезать абсолютные элементы */
.text-center.container{ overflow:visible !important; }

/* сам слайдер */
.ep-swiper{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  position:relative !important;
  z-index:0 !important;
}
.ep-swiper .swiper-slide{
  position:relative; min-height:clamp(360px,50vw,740px); overflow:hidden;
}

/* фон слайда через CSS-переменную */
.ep-slide{
  position:relative; min-height:inherit;
  background-image:var(--bg);
  background-size:cover; background-position:center; background-repeat:no-repeat;
}

/* затемнение сверху (градиент) */
.ep-swiper .swiper-slide::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.25));
  z-index:1;
}

/* текстовый блок внутри слайда */
.ep-swiper .ep-inner{
  position:absolute; z-index:2; bottom:24px; left:24px; color:#fff;
}

/* CTA-кнопки на слайде (дублирует inline-стили из footer-скрипта на всякий) */
.hero-cta[data-ep]{
  position:absolute; left:24px; bottom:24px; z-index:6;
  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
}
.hero-cta[data-ep].hero-cta--right{ left:auto; right:24px; }
@media (max-width: 991.98px){
  .hero-cta[data-ep]{ left:50%; transform:translateX(-50%); bottom:16px; justify-content:center; }
  .hero-cta[data-ep] .btn-lg{ padding:.5rem 1rem; font-size:1rem; }
}
a[data-ep-slide-link]{ position:absolute; inset:0; z-index:2; }

/* стрелки/пагинация — можно тонко поправить при желании
   .swiper-button-next, .swiper-button-prev { filter: drop-shadow(0 2px 8px rgba(0,0,0,.25)); }
*/

/* -------------------- БЛОК “РЕШЕНИЯ / КАРТОЧКИ” -------------------- */
.album-tonk{
  background:var(--ep-gray) !important;
  padding:24px 0 36px;
}
.card-link{ display:block; text-decoration:none !important; }
.product-card.card{
  background:#fff !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:var(--ep-shadow) !important;
  padding:10px;
}
.product-card .card-image-main img{
  display:block; width:100%; height:auto; border-radius:12px;
}
.card-text{ color:#111; padding-left:10px; padding-right:10px; font-size:15px; }
.head_block{ display:block; font-weight:700; margin-bottom:6px; }

/* старые утилиты, встречаются в шаблоне */
.sol{ margin-top:20px; margin-bottom:70px !important; }
.solutions{ font-size:2.3rem; }

/* -------------------- FOOTER -------------------- */
.footer .container.gray-container{ background:var(--ep-gray) !important; }
.footer .footer-copy{ border-top:1px solid rgba(0,0,0,.08) !important; }

/* дополнительные элементы футера */
.footer .topmenu.footer-icons{
  display:flex; align-items:center; gap:12px; list-style:none; padding:0; margin:8px 0 0;
}
.footer .topmenu.footer-icons li{ display:inline-flex; align-items:center; }
.footer .topmenu.footer-icons a{ text-decoration:none; }

/* логотип в футере, если используется */
.logo-image{ max-width: 100%; height:auto; display:block; }

/* -------------------- МЕЛОЧИ/ОБЩИЕ ФИКСЫ -------------------- */
/* ничего не ломаем вокруг .container с text-center — уже выше учтено */
/* оставлено место под прицельные правки при необходимости */

/* === EP: базовые цвета и типографика === */
:root{
  --ep-text:#111;            /* основной текст */
  --ep-muted:#5b6168;        /* вторичный текст */
  --ep-link:#0d6efd;         /* акцент на ховере */
  --ep-gray:#f5f7fa;         /* фон подложек */
  --ep-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* Текст везде тёмный */
html, body { color:var(--ep-text); }

/* Ссылки — обычные, подчёркивание убрали, при ховере синий */
a{ color:inherit; text-decoration:none; }
a:hover{ color:var(--ep-link); }

/* Меню (топбар, шапка, подвал) наследуют тёмный цвет */
.ep-topbar a, .site-header a, .footer a, 
.navbar .nav-link, .menu a { color:inherit; }
.ep-topbar a:hover, .site-header a:hover, .footer a:hover, 
.navbar .nav-link:hover, .menu a:hover { color:var(--ep-link); }

/* Вторичный текст (bootstrap .text-body-secondary делает серым) */
.text-body-secondary { color:var(--ep-muted) !important; }

/* === EP: карточки === */
.album-tonk{ background:var(--ep-gray) !important; padding:24px 0 36px; }

.card-link{ display:block; text-decoration:none !important; }
.card-link-col{ display:flex; }                /* колонки одинаковой высоты */
.card-link-col .card{
  display:flex; flex-direction:column;
  background:#fff !important; border:0 !important;
  border-radius:16px !important; box-shadow:var(--ep-shadow) !important;
}
.card-body-main{ display:flex; flex-direction:column; gap:12px; flex:1; }
.product-card .card-image-main{ padding:12px; }
.product-card .card-image-main img{
  display:block; width:100%; height:auto; border-radius:12px;
}
.card-text{ color:#111; flex:1; font-size:15px; }
.head_block{ display:block; font-weight:700; margin-bottom:6px; }

/* === EP: подвал === */
.footer{ background:var(--ep-gray); }
.footer .container.gray-container{ background:transparent !important; }
.footer .footer-copy{ border-top:1px solid rgba(0,0,0,.08) !important; color:#666; }

/* Контакты: телефон строкой, под ним почта, рядом иконки */
.footer .footer-icons{ 
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding-left:0;
}
.footer .footer-icons li{ list-style:none; }
.footer .footer-icons br{ display:none; } /* тот <br> после телефона прячем */
.footer .footer-icons li:nth-child(1) a{ font-weight:800; font-size:16px; white-space:nowrap; }
.footer .footer-icons li:nth-child(2) a{ display:block; white-space:nowrap; }
.footer .footer-icons img{ height:22px; width:auto; vertical-align:middle; }

/* === EP: белая бумага для внутренних === */
.ep-paper{
  background:#fff; border-radius:16px; box-shadow:var(--ep-shadow);
  padding:24px; margin:24px auto;
}
@media (min-width:992px){ .ep-paper{ padding:32px; } }

/* контейнер слайдера — во всю ширину экрана */
.text-center.container[style]{ max-width:100% !important; padding:0 !important; }
.ep-swiper{ width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }

/* слайд как фоновая картинка */
.ep-swiper .swiper-slide{ position:relative; min-height:clamp(360px,50vw,740px); overflow:hidden; }
.ep-slide{ position:relative; inset:0; width:100%; height:100%;
  background-image:var(--bg); background-size:cover; background-position:center;
}
.ep-swiper .swiper-slide::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.25));
  z-index:1;
}
.ep-swiper .ep-inner{ position:absolute; z-index:2; bottom:24px; left:24px; color:#fff; }

/* === EP: фикс-шапка === */
.ep-sticky-wrap{ position:sticky; position:-webkit-sticky; top:0; z-index:1040; }
.site-header{ background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06); z-index:1040; }

/* Карточки: базовое */
.product-card.card{
  background:#fff !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:var(--ep-shadow) !important;
  overflow:hidden; /* ничего не вываливается за карточку */
}
.product-card .card-body-main{ display:flex; flex-direction:column; height:100%; gap:12px; }
.card-image-catalog{ height:210px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.card-image-catalog img{ max-width:100%; max-height:100%; width:auto; height:auto; display:block; }
.card-text h3{ margin:0 0 8px; font-weight:800; color:#111; }
.card-text p{ margin:0; color:#111; }
.card-text ul{ margin:.5rem 0 0; padding-left:18px; }
.card-text li{ list-style:disc; }

/* Для старой .card-link — больше не нужна, но на всякий случай */
.card-link{ text-decoration:none !important; color:inherit; }

/* Наведение — еле заметный подъём */
.product-card.card:hover{ transform:translateY(-2px); transition:transform .15s ease; }

/* Секция с карточками — серый фон и дыхание */
.business{ background:var(--ep-gray); }
.business .album{ padding:8px 0 24px; }

/* Серый фон подвала + отступ сверху от контента */
section.footer{ background:var(--ep-gray); }

/* Тонкая полоса-разделитель перед подвалом */
section.footer .container.gray-container{
  background:transparent !important;
  padding-top:24px; padding-bottom:8px;
  margin-top:24px;
  position:relative;
}
section.footer .container.gray-container::before{
  content:"";
  position:absolute; left:12px; right:12px; top:0;
  height:1px; background:rgba(0,0,0,.08);
  border-radius:1px;
}

/* Колонки меню внизу */
.footer .footer-menu .nav-link{
  color:#212529 !important; text-decoration:none;
}
.footer .footer-menu .nav-link:hover{
  color:#0d6efd !important; text-decoration:none;
}

/* Блок с телефоном/почтой/иконками — аккуратные отступы */
.footer .footer-icons{
  display:flex; align-items:center; gap:10px 14px;
  list-style:none; margin:8px 0 0; padding:0;
  flex-wrap:wrap;
}
.footer .footer-icons li{ margin:0; }
.footer .footer-icons a{ color:#212529; text-decoration:none; display:inline-flex; align-items:center; }
.footer .footer-icons a:hover{ color:#0d6efd; }
.footer .footer-icons img{ display:block; }

/* Телефон/почта читаемее */
.footer .footer-icons li:first-child a{ font-weight:800; font-size:18px; }
.footer .footer-icons li:nth-child(3) a{ font-weight:600; }

/* Общий стиль ссылок по сайту (кроме кнопок) */
a:not(.btn){ color:#212529; text-decoration:none; }
a:not(.btn):hover{ color:#0d6efd; text-decoration:none; }

/* Дроуер/выпадающее меню */
.ep-drawer .menu a{ color:#212529; font-weight:700; }
.ep-drawer .menu a:hover{ color:#0d6efd; }
.ep-drawer .menu .sub-menu a{ color:#212529; font-weight:600; }
.ep-drawer .menu .current-menu-item > a{ color:#0d6efd; }

/* Если используешь bootstrap dropdown где-то на десктопе */
.dropdown-menu a{ color:#212529 !important; }
.dropdown-menu a:hover{ color:#0d6efd !important; background:transparent !important; }

/* ---- Базовые переменные ---- */
:root{
  --ep-gray:#f5f7fa;
  --ep-blue:#0d6efd;
  --ep-text:#1f2328;
  --ep-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* ---- 1) Фиксированная шапка ---- */
.ep-sticky-wrap{ position:fixed; top:0; left:0; right:0; z-index:1040; }
.ep-header-spacer{ height:var(--ep-header-h,88px); } /* создадим ниже скриптом */

/* ---- 2) Слайдер: отступ снизу, чтобы не сливался ---- */
.ep-swiper-wrap{ margin-bottom:28px; }
.text-center.container{ padding-bottom:28px !important; }

/* ---- 3) Серая подложка под карточками даже если забыли класс ---- */
.business .album{ background:var(--ep-gray); padding:24px 0 36px; }

/* ---- 4) Карточки: держим всё внутри «плитки» ---- */
.card-link{ display:block; text-decoration:none; }
.product-card.card{
  background:#fff; border:0; border-radius:16px;
  box-shadow:var(--ep-shadow); overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.product-card .card-body-main{ padding:18px 16px; }
.product-card .card-image-catalog, .product-card .card-image-main{ padding:16px; }
.product-card:hover{ transform:translateY(-2px); box-shadow:0 14px 40px rgba(0,0,0,.12); }
.product-card h3{ font-weight:800; color:var(--ep-text); }
.product-card .card-text, .product-card .card-text p{ color:var(--ep-text); }
.product-card .card-text a{ color:inherit; }
.card-link-col{ display:flex; }            /* колонка целиком кликабельной карточки */
.card-link-col .card{ flex:1 1 auto; }     /* карта растягивается по высоте */

/* ---- 5) Единый стиль ссылок везде ---- */
a{ color:var(--ep-text); }
a:hover{ color:var(--ep-blue); text-decoration:none; }
.ep-topbar a, .ep-drawer .menu a, .footer .footer-menu a{ color:var(--ep-text); }
.ep-topbar a:hover, .ep-drawer .menu a:hover, .footer .footer-menu a:hover{ color:var(--ep-blue); }

/* Перебиваем bootstrap-серость в подвале */
.footer .nav-link.text-body-secondary{ color:var(--ep-text) !important; }

/* ---- 6) Подвал: разделитель и аккуратные иконки/контакты ---- */
.footer .container.gray-container{ background:var(--ep-gray); }
.footer .footer-copy{ border-top:1px solid rgba(0,0,0,.08) !important; margin-top:12px; }
.footer .topmenu.footer-icons{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.footer .topmenu.footer-icons li{ list-style:none; }

/* ---- 7) Хлебные крошки по стилю ссылок ---- */
.breadcrumbs a{ color:var(--ep-text); text-decoration:none; }
.breadcrumbs a:hover{ color:var(--ep-blue); }

/* один аккуратный разделитель только у .site-header */
.ep-topbar{ border-bottom:0; }                  /* убрать дублирование линии */
.site-header{
  box-shadow:none;
  border-bottom:1px solid rgba(0,0,0,0.06);
}

/* поправить некорректные rgba в переменных и тенях */
:root{
  --ep-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
/* и везде по файлу заменить rgba(0,0,0,06) -> rgba(0,0,0,0.06) */

.album-tonk{ background:#f5f7fa !important; padding:24px 0 36px; }
.business{ background:#f5f7fa; } /* на случай, если альбом внутри секции */

.ep-swiper{ margin-bottom:24px; } /* вместо паддинга на .container */

.card-image-main img{ width:100%; height:auto; display:block; border-radius:12px; }

/* CTA-кнопка как в подвале */
:root{
  --ep-cta:#066aab;         /* как у кнопки формы */
  --ep-cta-hover:#055c95;
}

.btn-cta{
  background:var(--ep-cta) !important;
  border:0 !important;
  color:#fff !important;
  font-weight:700;
  border-radius:10px;
  padding:12px 18px;
  line-height:1.2;
  box-shadow:0 4px 14px rgba(6,106,171,.28);
  transition:transform .08s ease, box-shadow .2s ease;
}
.btn-cta:hover,
.btn-cta:focus{
  background:var(--ep-cta-hover) !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(6,106,171,.35);
}

/* Единая «подложка» для страницы */
:root{ --ep-gray:#f5f7fa; }
html, body{ background:var(--ep-gray); }

/* Секция с карточками и футер на той же подложке */
.business, .album-tonk, .footer .container.gray-container, .ep-header-spacer{
  background:var(--ep-gray) !important;
}

/* Убираем белые «рваные» полоски от отступов и full-bleed */
.text-center.container{ padding:0 !important; }
.ep-swiper-wrap{ margin-bottom:24px; } /* отступ под слайдером */
.site-header{ margin-bottom:0; border-bottom:0; }

/* Подложка вокруг карточек */
.album-tonk{ padding:24px 0 40px !important; }

/* Страховка от микрогепов: картинки и SVG блочные */
img, svg{ display:block; }

/* Ритм и сетка футера */
.footer .container.gray-container{ padding-top:32px; padding-bottom:32px; }
.footer .row{ row-gap:18px; }
.footer .footer-menu li{ margin-bottom:8px; }

/* Линия и отступы нижней плашки */
.footer .footer-copy{
  border-top:1px solid rgba(0,0,0,.08) !important;
  padding-top:16px; margin-top:24px;
}

/* Шапка — на всю ширину, элементы равномерно */
.site-header .ep-row{
  width:100% !important;
  max-width:none !important;
  padding-left:24px !important;
  padding-right:24px !important;
  display:flex; align-items:center; justify-content:space-between;
}

/* Теглайн растягивается и визуально центрируется между логотипом и правым блоком */
.ep-tagline{ flex:1; text-align:center; }
@media (max-width:991.98px){ .ep-tagline{ display:none; } }

/* ==== Header sizing: logo + phone (единый контроль) ==== */
:root{
  --ep-logo-height: 64px;   /* десктоп: высота логотипа */
  --ep-phone-font: 20px;    /* десктоп: размер номера */
  --ep-phone-icon: 22px;    /* десктоп: размер иконки трубки */
}

/* планшеты */
@media (max-width: 991.98px){
  :root{
    --ep-logo-height: 56px;
    --ep-phone-font: 16px;
    --ep-phone-icon: 18px;
  }
}

/* мобильные */
@media (max-width: 576px){
  :root{
    --ep-logo-height: 34px;  /* логотип чуть меньше */
    --ep-phone-font: 15px;
    --ep-phone-icon: 14px;
  }
}

/* очень узкие */
@media (max-width: 420px){
  :root{
    --ep-logo-height: 30px;
    --ep-phone-font: 14px;
    --ep-phone-icon: 14px;
  }
}
@media (max-width: 360px){
  :root{
    --ep-logo-height: 20px;
    --ep-phone-font: 13px;
    --ep-phone-icon: 14px;
  }
}

/* применение переменных */
.site-header .navbar-brand img{
  max-height: var(--ep-logo-height);
  height: auto; width: auto;
}
.site-header .ep-phone{
  font-size: var(--ep-phone-font);
  gap: 6px;
}
.site-header .ep-phone svg{
  width: var(--ep-phone-icon);
  height: var(--ep-phone-icon);
}
.site-header .ep-phone span{ white-space: nowrap; }

/* если совсем не влезает — переносим номер под логотип */
@media (max-width: 340px){
  .site-header .ep-row{ flex-wrap: wrap; }
  .site-header .ep-phone{ order:5; width:100%; margin-top:4px; }
}


/* === EP CANONICAL: Slider (one source of truth) === */
.ep-swiper{ width:100%; max-width:100%; margin:0; position:relative; z-index:0; }
.ep-swiper .swiper-slide{ position:relative; min-height:clamp(360px,50vw,740px); overflow:hidden; }
/* затемнение */
.ep-swiper .swiper-slide::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.25)); /* .45/.25 — валидные */
  pointer-events:none;
}
/* текст — по центру */
.ep-swiper .ep-inner{
  position:absolute; top:50%; bottom:auto; left:clamp(16px,4vw,64px);
  transform:translateY(-50%); max-width:min(920px,90%); color:#fff;
}
@media (max-width:991.98px){
  .ep-swiper .ep-inner{ left:16px; right:16px; transform:translateY(-42%); }
}

/* кнопки CTA в слайде (оставляем снизу и по центру на мобилке) */
.hero-cta[data-ep]{ position:absolute; left:24px; bottom:24px; z-index:6; display:flex; gap:12px; flex-wrap:wrap; }
.hero-cta[data-ep].hero-cta--right{ left:auto; right:24px; }
@media (max-width:991.98px){
  .hero-cta[data-ep]{ left:50% !important; right:auto !important; bottom:12px !important; transform:translateX(-50%); }
  .hero-cta[data-ep] .btn-lg{ padding:.55rem 1rem; font-size:1rem; border-radius:12px; }
}

/* Header: держим полноширинным (а не max-width в доп. стилях) */
.site-header .ep-row{ width:100% !important; max-width:none !important; justify-content:space-between; }

/* ВАЛИДНЫЙ rgba — на всякий случай страховка */
.footer .footer-copy{ border-top:1px solid rgba(0,0,0,.08) !important; }
.ep-drawer .ep-dw-close:hover{ background:rgba(0,0,0,.06); }