/* MI 2026-09-20: premium footer (dark band + finance strip + footer). Loaded from block #18 "Контакты".
   Rollback: remove the <link>/<script> pair from block #18 — the site returns to its previous look.
   All rules are scoped by classes that mi-footer.js adds (.mi-band, .mi-foot, .mi-fin), so without JS nothing changes. */

:root{--mi-ink:#1C1D20;--mi-ink2:#131416;--mi-brass:#C9A86A;--mi-cream:#F1EBDD;--mi-text:#D8D2C4;--mi-muted:#A29D91;--mi-green:#15795C;--mi-green-d:#0F5C43}

/* ---------- 1. connect band: "write to us" + social ---------- */
.mi-band{background:var(--mi-ink)!important;box-shadow:0 0 0 100vmax var(--mi-ink);clip-path:inset(0 -100vmax);position:relative;margin-top:0!important;padding:64px 0 60px!important}
.mi-band::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,106,.9) 50%,transparent)}
.mi-band .ut2-bottom{padding:0 12px}
.mi-band .ty-footer-form-block,.mi-band .ut2-social-link-block{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 20px!important;text-align:center}
.mi-band .ty-footer-form-block__title,.mi-band .ut2-social-link-block .ty-mainbox-title{font-family:Montserrat,Arial,sans-serif!important;font-weight:500!important;font-size:26px!important;line-height:1.25!important;letter-spacing:.01em;text-transform:none!important;color:var(--mi-cream)!important;margin:0 0 12px!important}
.mi-band .ty-social-link__title{font-family:Montserrat,Arial,sans-serif!important;font-weight:400!important;font-size:14px!important;line-height:1.7!important;text-transform:none!important;letter-spacing:0;color:var(--mi-muted)!important;margin:0 0 26px!important}
/* write-to-us buttons */
.mi-band .mi-write{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.mi-band .mi-write-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;min-width:112px;padding:0 22px;border-radius:8px;border:1px solid rgba(201,168,106,.55);background:transparent;color:#E9DFC8!important;font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:600;line-height:1;letter-spacing:.04em;text-decoration:none!important;transition:background .2s,border-color .2s,color .2s}
.mi-band .mi-write-btn:hover,.mi-band .mi-write-btn:focus-visible{background:var(--mi-brass);border-color:var(--mi-brass);color:var(--mi-ink)!important}
.mi-band .mi-write-btn.mi-write-primary{background:var(--mi-green);border-color:var(--mi-green);color:#fff!important}
.mi-band .mi-write-btn.mi-write-primary:hover,.mi-band .mi-write-btn.mi-write-primary:focus-visible{background:var(--mi-green-d);border-color:var(--mi-green-d);color:#fff!important}
/* social: one calm system instead of a rainbow */
.mi-band .ut2-social-links{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px;margin:0!important}
.mi-band .ut2-social-links a.mi-soc{width:46px!important;height:46px!important;min-width:46px;padding:0!important;margin:0!important;border-radius:50%!important;background:transparent!important;border:1px solid rgba(201,168,106,.55)!important;color:#E9DFC8!important;box-shadow:none!important;display:inline-flex!important;align-items:center;justify-content:center;font-family:Montserrat,Arial,sans-serif;font-size:11px!important;font-weight:700;letter-spacing:.04em;text-decoration:none!important;transition:background .2s,color .2s,border-color .2s,transform .2s}
.mi-band .ut2-social-links a.mi-soc i{background:transparent!important;color:inherit!important;width:auto!important;height:auto!important;font-size:19px!important;line-height:1;margin:0!important;padding:0!important;border-radius:0!important}
.mi-band .ut2-social-links a.mi-soc svg{width:18px!important;height:18px!important;fill:currentColor}
.mi-band .ut2-social-links a.mi-soc:hover,.mi-band .ut2-social-links a.mi-soc:focus-visible{background:var(--mi-brass)!important;border-color:var(--mi-brass)!important;color:var(--mi-ink)!important;transform:translateY(-2px)}

/* ---------- 2. footer body ---------- */
.mi-foot{background:var(--mi-ink2)!important;background-image:none!important;color:var(--mi-text)}
.mi-foot .ty-footer-menu,.mi-foot .ty-footer-menu.b-top{background:transparent!important;border-top:0!important}
.mi-foot a{color:var(--mi-text)}
.mi-foot a:hover{color:var(--mi-brass)!important}
.mi-foot .ty-footer-general__header,.mi-foot .ty-footer-menu__header,.mi-foot .ty-footer-menu__header span,.mi-foot .ty-footer-general__header span{font-family:Montserrat,Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mi-brass)!important}
.mi-foot .ty-footer-general__body,.mi-foot .ty-footer-general__body li,.mi-foot .ty-footer-menu__items li{color:var(--mi-text)!important;font-size:14px;line-height:1.9}
.mi-foot .ty-footer-general__body li a[href^="tel"]{font-size:17px;font-weight:600;color:var(--mi-cream)!important;letter-spacing:.01em}
.mi-foot .ty-footer-general__body .ty-exception__links-a,.mi-foot .ty-footer-general__body a.greeny{color:var(--mi-brass)!important;text-decoration:none;border-bottom:1px solid rgba(201,168,106,.35)}
.mi-foot .ty-footer-general__body .ty-exception__links-a:hover{border-bottom-color:var(--mi-brass)}
.mi-contact-sep{color:var(--mi-muted);margin:0 6px}
.mi-foot a.mi-footer-cta{background:var(--mi-green)!important;border:1px solid var(--mi-green)!important;color:#fff!important;border-radius:8px!important}
.mi-foot a.mi-footer-cta:hover{background:var(--mi-green-d)!important;border-color:var(--mi-green-d)!important;color:#fff!important}
.mi-foot a.mi-footer-cta2{background:transparent!important;border:1px solid rgba(201,168,106,.7)!important;color:var(--mi-brass)!important}
.mi-foot a.mi-footer-cta2:hover{background:var(--mi-brass)!important;border-color:var(--mi-brass)!important;color:var(--mi-ink)!important}
.mi-foot .ty-footer-menu__item a,.mi-foot .ty-footer-menu__items a{color:var(--mi-text)!important;text-decoration:none}
.mi-foot .ty-footer-menu__item a:hover,.mi-foot .ty-footer-menu__items a:hover{color:var(--mi-brass)!important}

/* ---------- 3. finance strip: installment banner + partner banks ---------- */
.mi-fin{padding:48px 12px 8px}
.mi-fin .mi-otp-wrap{display:block!important;max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid rgba(201,168,106,.4)}
.mi-fin .mi-otp-wrap img{display:block;width:100%;height:auto;filter:hue-rotate(-125deg) saturate(.5) brightness(.8)!important}
.mi-fin .mi-banks{margin-top:22px!important;gap:10px!important}
.mi-fin .mi-banks b{font-family:Montserrat,Arial,sans-serif;font-size:12px!important;font-weight:600!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mi-muted)!important;margin-bottom:10px!important}
.mi-fin .mi-banks a.mi-bank{display:inline-flex;align-items:center;height:44px;padding:0 20px;border:1px solid rgba(201,168,106,.4);border-radius:8px;background:rgba(255,255,255,.03);color:var(--mi-text)!important;font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;text-decoration:none!important;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.mi-fin .mi-banks a.mi-bank:hover,.mi-fin .mi-banks a.mi-bank:focus-visible{background:rgba(201,168,106,.14);border-color:var(--mi-brass);color:var(--mi-cream)!important}

/* ---------- honeypot anti-spam field (added by mi-footer.js) — hidden from real visitors ---------- */
.mi-hp{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* ---------- consent checkbox in forms (added by mi-footer.js) ---------- */
.mi-consent{margin:12px 0;font-size:12px;line-height:1.5;text-align:left}
.mi-consent label{display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:400;cursor:pointer}
.mi-consent input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;cursor:pointer}
.mi-consent a{text-decoration:underline}
.mi-consent-err{display:none;margin-top:6px;color:#B3261E;font-size:12px}
.mi-consent.mi-bad .mi-consent-err{display:block}
.mi-consent.mi-bad label{color:#B3261E}

/* ---------- mobile ---------- */
@media (max-width:767px){
  .mi-band{padding:44px 0 40px!important}
  .mi-band .ty-footer-form-block{margin-bottom:38px}
  .mi-band .ty-footer-form-block__title,.mi-band .ut2-social-link-block .ty-mainbox-title{font-size:22px!important}
  .mi-band .mi-write-btn{flex:1 1 42%;min-width:0}
  .mi-fin{padding-top:34px}
  .mi-fin .mi-banks a.mi-bank{height:40px;padding:0 14px;font-size:12.5px}
}