/* ================================================================
   FOOTER — MOBILE PREMIUM MINIMAL  |  final  |  brand-blue tone
   ================================================================ */


/* ── 1. CSS-ПЕРЕМЕННЫЕ (глобально — только переменные, не стили) ─ */
:root {
  --f-bg:           #0d1520;
  --f-bg-card:      #121d2b;
  --f-text:         rgba(231,234,239,.90);
  --f-muted:        rgba(231,234,239,.52);
  --f-line:         rgba(231,234,239,.08);
  --f-accent:       #0179B9;

  --f-row-h:        44px;
  --f-px:           16px;
  --f-py:           13px;

  --f-size-base:    13px;
  --f-size-body:    14px;
  --f-size-sub:     11px;
  --f-lh:           1.2;
}


/* ── 2. ДЕСКТОП: скрываем только мобильные блоки ──────────────── */
.footer-hours,
.footer__common-contacts .footer-contacts-link,
.footer-quick-links,
.ls-socials-row {
  display: none !important;
}


/* ================================================================
   3. MOBILE ≤ 767px  —  ВСЁ внутри, десктоп не трогаем
   ================================================================ */
@media (max-width: 767px) {

  /* ── фон и цвета — ТОЛЬКО мобиле ───────────────────────── */
  .footer,
  .footer .footer__common,
  .footer .footer__info {
    background: linear-gradient(180deg, #111e30 0%, #0d1520 100%) !important;
    color: var(--f-text) !important;
  }

  .footer {
    border-top: 1px solid var(--f-line) !important;
  }

  .footer a               { color: var(--f-text); text-decoration: none; }
  .footer a:hover         { color: #fff; }
  .footer hr              { border-color: var(--f-line) !important; }

  .footer .smallest,
  .footer .footer__info,
  .footer .footer__copy   { color: var(--f-muted) !important; }

  /* подписка */
  .subscribe-foot .subscribe-line {
    background: var(--f-bg-card) !important;
    border-top: 1px solid var(--f-line);
    border-bottom: 1px solid var(--f-line);
  }

  .subscribe-foot #asd_subscribe_form input[type="submit"],
  .subscribe-foot #asd_subscribe_form .btn {
    background: transparent !important;
    border: 1.5px solid rgba(231,234,239,.35) !important;
    color: var(--f-text) !important;
    border-radius: 999px !important;
    text-align: center !important;
  }

  .subscribe-foot .footer-subscribe .custom-control-label {
    color: rgba(231,234,239,.75) !important;
  }

  .subscribe-foot .footer-subscribe a {
    color: var(--f-text) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }


  /* ── 3.1 ПОРЯДОК КОЛОНОК ────────────────────────────────── */
  .footer .footer__common-inner .row {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .footer .footer__common-customer { order: 1; }
  .footer .footer__common-company  { order: 2; }
  .footer .footer__common-contacts { order: 3; }
  .footer .footer__common-other    { display: none !important; }

  .footer .footer__common-inner .row > [class*="footer__common-"] {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* ── 3.2 ЕДИНЫЙ ПАТТЕРН СТРОКИ ──────────────────────────── */
  .footer .title-footer,
  .footer__common-contacts .footer-contacts-link,
  .footer__common-contacts .phone-def {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: var(--f-row-h) !important;
    padding: var(--f-py) var(--f-px) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;

    font-size: var(--f-size-base) !important;
    font-weight: 500 !important;
    line-height: var(--f-lh) !important;
    letter-spacing: .01em !important;
    text-transform: none !important;

    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--f-line) !important;
    text-decoration: none !important;
    color: var(--f-text) !important;

    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .15s;
  }


  /* ── 3.3 АККОРДЕОНЫ ─────────────────────────────────────── */
  .footer .ls-foot-acc {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .footer .title-footer {
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    font-weight: 600 !important;
    color: var(--f-muted) !important;
  }

  .footer .ls-foot-arrow {
    flex-shrink: 0 !important;
    width: 14px !important;
    height: 14px !important;
    margin-left: auto !important;
    padding-left: 12px !important;
    box-sizing: content-box !important;
    opacity: .40;
    transition: transform .25s ease, opacity .2s;
  }

  .footer .ls-foot-acc.is-open .ls-foot-arrow {
    transform: rotate(180deg);
    opacity: .80;
  }

  .footer .menu-footer.ls-foot-panel {
    margin: 0 !important;
    padding: 0 var(--f-px) !important;
    list-style: none !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
    background: var(--f-bg-card) !important;
  }

  .footer .ls-foot-acc.is-open .menu-footer.ls-foot-panel {
    max-height: 800px;
    padding-bottom: 8px !important;
  }

  .footer .menu-footer.ls-foot-panel li {
    border-top: 0 !important;
    border-bottom: 1px solid var(--f-line) !important;
    padding: 9px 0 !important;
    margin: 0 !important;
  }

  .footer .menu-footer.ls-foot-panel li:last-child {
    border-bottom: 0 !important;
  }

  .footer .menu-footer.ls-foot-panel a {
    display: block !important;
    font-size: var(--f-size-body) !important;
    line-height: var(--f-lh) !important;
    color: var(--f-text) !important;
    opacity: .85;
  }

  .footer .menu-footer.ls-foot-panel a:hover {
    opacity: 1;
    color: #fff !important;
  }


  /* ── 3.4 БЫСТРЫЕ ССЫЛКИ — 3 колонки, полная ширина ─────── */
  .footer .footer-quick-links {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border-bottom: none !important;
    border-top: 1px solid var(--f-line) !important;
  }

  .footer .footer-quick-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 32px !important;
    padding: 6px 4px !important;
    box-sizing: border-box !important;
    width: 100% !important;

    border-radius: 8px !important;
    border: 1px solid var(--f-line) !important;
    background: var(--f-bg-card) !important;

    font-size: var(--f-size-sub) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    color: var(--f-text) !important;
    text-decoration: none !important;
    white-space: normal !important;

    -webkit-tap-highlight-color: transparent;
    transition: background .15s, border-color .15s;
  }

  .footer .footer-quick-link:active {
    background: rgba(231,234,239,.10) !important;
    border-color: rgba(231,234,239,.20) !important;
  }

  .footer .footer-quick-link .footer-contacts-arrow {
    display: none !important;
  }


  /* ── 3.5 КОНТАКТЫ ───────────────────────────────────────── */
  .footer__common-contacts {
    padding: 0 !important;
  }

  .footer__common-contacts .logo-footer {
    display: block;
    text-align: center !important;
    padding: var(--f-py) var(--f-px) !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--f-line) !important;
  }

  .footer__common-contacts .phone-def a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--f-text) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    letter-spacing: -.01em;
  }

  .footer-hours {
    display: inline !important;
    font-size: var(--f-size-sub) !important;
    line-height: var(--f-lh) !important;
    color: var(--f-muted) !important;
    white-space: nowrap !important;
  }

  .footer__common-contacts .footer-inn {
    display: none !important;
  }

  .footer__common-contacts .footer-contacts-link {
    display: flex !important;
    color: var(--f-text) !important;
  }

  .footer__common-contacts .footer-contacts-link:active {
    opacity: .60;
  }

  .footer__common-contacts .footer-contacts-arrow {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    padding-left: 12px !important;
    font-size: 15px !important;
    color: var(--f-accent) !important;
    opacity: .90;
    line-height: 1;
  }


  /* ── 3.6 СТРОКА СОЦСЕТЕЙ ────────────────────────────────── */
  .ls-socials-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: var(--f-row-h) !important;
    padding: var(--f-py) var(--f-px) !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid var(--f-line) !important;
  }

  .ls-socials-title {
    font-size: var(--f-size-sub) !important;
    line-height: var(--f-lh) !important;
    color: var(--f-muted) !important;
    white-space: nowrap !important;
    letter-spacing: .03em;
  }

  .ls-socials-icons,
  .footer__common-contacts .footsoc {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .ls-socials-icons a,
  .footer__common-contacts .footsoc li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(231,234,239,.06);
    transition: background .18s;
    -webkit-tap-highlight-color: transparent;
  }

  .ls-socials-icons a:active,
  .footer__common-contacts .footsoc li a:active {
    background: rgba(231,234,239,.13);
  }

  .ls-socials-icons .footsoc__img,
  .footer__common-contacts .footsoc__img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    opacity: .90;
  }

  .footer__common-contacts .footer-paymobile,
  .footer .footer-paymobile {
    display: none !important;
  }


  /* ── 3.7 ПОДПИСКА ───────────────────────────────────────── */
  .subscribe-foot {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .subscribe-foot .subscribe-line.row {
    margin: 0 !important;
  }

  .subscribe-foot .subscribe-line {
    padding: var(--f-py) var(--f-px) !important;
    border-radius: 0 !important;
    background: var(--f-bg-card) !important;
    border-top: 1px solid var(--f-line) !important;
    border-bottom: 1px solid var(--f-line) !important;
  }

  .subscribe-foot .subscribe-line__title {
    margin: 0 0 4px !important;
    font-size: var(--f-size-body) !important;
    font-weight: 600 !important;
    line-height: var(--f-lh) !important;
    color: var(--f-text) !important;
  }

  .subscribe-foot .subscribe-line__text {
    margin: 0 0 12px !important;
    font-size: var(--f-size-sub) !important;
    line-height: var(--f-lh) !important;
    color: var(--f-muted) !important;
  }

  .subscribe-foot #asd_subscribe_form > .row {
    display: block !important;
    margin: 0 !important;
  }

  .subscribe-foot #asd_subscribe_form .col-md-7,
  .subscribe-foot #asd_subscribe_form .col-lg-9,
  .subscribe-foot #asd_subscribe_form .col-md-5,
  .subscribe-foot #asd_subscribe_form .col-lg-3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
  }

  .subscribe-foot #asd_subscribe_form input[name="asd_email"] {
    width: 100% !important;
    height: var(--f-row-h) !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    border: 1px solid var(--f-line) !important;
    background: rgba(231,234,239,.05) !important;
    color: var(--f-text) !important;
    font-size: var(--f-size-base) !important;
    line-height: var(--f-lh) !important;
    outline: none;
    transition: border-color .2s;
    -webkit-appearance: none;
  }

  .subscribe-foot #asd_subscribe_form input[name="asd_email"]::placeholder {
    color: var(--f-muted);
  }

  .subscribe-foot #asd_subscribe_form input[name="asd_email"]:focus {
    border-color: rgba(231,234,239,.28) !important;
  }

  .subscribe-foot #asd_subscribe_form input[type="submit"],
  .subscribe-foot #asd_subscribe_form .btn {
    display: block !important;
    width: 100% !important;
    height: var(--f-row-h) !important;
    margin-top: 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    border: 1.5px solid rgba(231,234,239,.30) !important;
    background: transparent !important;
    color: var(--f-text) !important;
    font-size: var(--f-size-base) !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: var(--f-row-h) !important;
    letter-spacing: .03em;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .18s, background .18s;
  }

  .subscribe-foot #asd_subscribe_form input[type="submit"]:active {
    background: rgba(231,234,239,.08) !important;
    border-color: rgba(231,234,239,.55) !important;
  }

  .subscribe-foot .footer-subscribe {
    margin-top: 12px !important;
  }

  .subscribe-foot .footer-subscribe .custom-control-label {
    font-size: var(--f-size-sub) !important;
    line-height: var(--f-lh) !important;
    color: var(--f-muted) !important;
  }

  .subscribe-foot .footer-subscribe a {
    color: var(--f-text) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }


  /* ── 3.8 КОПИРАЙТ ───────────────────────────────────────── */
  .footer .footer__info,
  .footer .footer__copy {
    font-size: var(--f-size-sub) !important;
    line-height: var(--f-lh) !important;
    color: var(--f-muted) !important;
    text-align: center;
    padding: var(--f-py) var(--f-px) !important;
    border-top: 1px solid var(--f-line) !important;
  }


  /* ── 3.9 СКРЫВАЕМ ЛИШНЕЕ ────────────────────────────────── */
  .map-footer { display: none !important; }


} /* ═══ конец @media (max-width: 767px) ═══ */
@media (max-width: 767px) {

  /* 1) Убираем линию под логотипом */
  .footer__common-contacts .logo-footer {
    border-bottom: none !important;
  }


  /* 2) Строка соцсетей: иконки по центру текста + убираем линию */
  .ls-socials-row {
    align-items: center !important;   /* иконки на одной оси с текстом */
    border-bottom: none !important;   /* убираем разделитель */
  }

  .ls-socials-title {
    line-height: 1 !important;        /* убираем лишний межстрочный */
  }

  .ls-socials-icons a,
  .footer__common-contacts .footsoc li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }


  /* 3) Чекбокс согласия: бокс по центру первой строки текста */
  .subscribe-foot .footer-subscribe .custom-control {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding-left: 0 !important;
  }

  .subscribe-foot .footer-subscribe .custom-control-input {
    position: relative !important;
    flex-shrink: 0 !important;
    width: 14px !important;
    height: 14px !important;
    margin: 2px 0 0 0 !important;   /* выравниваем по первой строке */
    cursor: pointer;
  }

  .subscribe-foot .footer-subscribe .custom-control-label {
    padding-left: 0 !important;     /* сбрасываем bootstrap отступ */
    cursor: pointer;
  }

  /* убираем псевдоэлементы bootstrap custom-checkbox */
  .subscribe-foot .footer-subscribe .custom-control-label::before,
  .subscribe-foot .footer-subscribe .custom-control-label::after {
    display: none !important;
  }

}