/* Подвал сайта — по макету Figma «Block7» (главная, 20.10.2026; на всех страницах — «Block7final» со страницы «Зарубежные SIM-карты»,
   30.10.2026): тёмная плашка #121730, логотип 32, описание и контакты с иконками, три колонки ссылок (заголовки Arial Bold 24 #83f5c8),
   внизу линия 3 #151d3a, «© год simEsim • Все права защищены» и строка про мониторинг. Подключается на всех страницах (base.html) после
   navbar.css: переменные макета (--u, --hm-*) — оттуда. Телефон (< 640) — по макету «MobileFrame1» главной. */
.site-footer-home { position: relative; margin-top: 0; padding: calc(106 * var(--u)) calc(95 * var(--u)) calc(42 * var(--u)) calc(101 * var(--u)); background: var(--hm-light); color: #c3d1de; font-family: var(--hm-font); font-size: calc(24 * var(--u)); z-index: 1; }
.site-footer-home::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--hm-navy); z-index: -1; } /* «down» в макете — ровный #121730 */
.site-footer-home .container { max-width: none; padding: 0; }
.site-footer-gap { margin-top: 3rem; } /* обычные страницы (поддержка, FAQ, кабинет): отступ от содержимого, как у прежнего подвала */
.site-footer-home .footer-grid { grid-template-columns: calc(725 * var(--u)) calc(292 * var(--u)) calc(289 * var(--u)) 1fr; gap: 0; }
.site-footer-home .logo { font-size: calc(32 * var(--u)); font-weight: 800; letter-spacing: 0; line-height: 1.5; margin-left: calc(2 * var(--u)); gap: 0; }
.site-footer-home .logo span { color: #34d399; margin: 0 .22em; }
.site-footer-home .footer-grid > div:first-child .muted { margin: calc(42 * var(--u)) 0 0; max-width: calc(626 * var(--u)); font-size: calc(20 * var(--u)); line-height: 1.65; color: #c3d1de; }
.site-footer-home .footer-grid > div:first-child > a:not(.logo) { display: flex; align-items: center; gap: calc(17 * var(--u)); margin: calc(14 * var(--u)) 0 0; padding: 0; font-weight: 500; font-size: calc(20 * var(--u)); line-height: 1.65; }
.site-footer-home .footer-grid > div:first-child > .muted + a { margin-top: calc(51 * var(--u)); }
.site-footer-home .fico { display: inline-block !important; width: calc(32 * var(--u)); height: calc(32 * var(--u)); flex: none; }
.site-footer-home h4 { margin: calc(20 * var(--u)) 0 calc(25 * var(--u)); font-family: var(--hm-arial); font-weight: 700; font-size: calc(24 * var(--u)); line-height: 1.65; letter-spacing: 0; text-transform: uppercase; color: #83f5c8; }
.site-footer-home .footer-grid > div > a:not(.logo) { padding: 0; margin-bottom: calc(24.4 * var(--u)); font-size: calc(24 * var(--u)); line-height: 1.65; color: #c3d1de; }
.site-footer-home .footer-grid > div > a:hover { color: #fff; text-decoration: none; }
.site-footer-home .footer-bottom { margin-top: calc(87 * var(--u)); padding-top: calc(12 * var(--u)); border-top: calc(3 * var(--u)) solid #151d3a; display: grid; grid-template-columns: calc(730 * var(--u)) 1fr; gap: 0; font-weight: 500; font-size: calc(20 * var(--u)); line-height: 1.65; color: #c3d1de; margin-left: calc(-2 * var(--u)); } /* Block7final: Medium 20, текст через 12 после линии 3 (было 16 и 24 — макет главной) */
.site-footer-home .footer-bottom a { color: #c3d1de; }
.site-footer-home .footer-bottom .gap { display: inline-block; width: calc(17 * var(--u)); } /* в макете — три пробела между «simEsim» и «Все права защищены» */

@media (max-width: 1023.98px) {
  .site-footer-home { padding: 2.5rem 1rem 1.5rem; font-size: 1rem; }
  .site-footer-home .footer-grid { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
  .site-footer-home .footer-grid > div:first-child { grid-column: 1 / -1; }
  .site-footer-home .logo { font-size: 1.5rem; }
  .site-footer-home .footer-grid > div:first-child .muted { margin-top: .75rem; max-width: none; font-size: .95rem; }
  .site-footer-home .footer-grid > div:first-child > a:not(.logo), .site-footer-home .footer-grid > div:first-child > .muted + a { margin-top: .6rem; font-size: .95rem; gap: .5rem; }
  .site-footer-home .fico { width: 22px; height: 22px; }
  .site-footer-home h4 { margin: 0 0 .6rem; font-size: .95rem; }
  .site-footer-home .footer-grid > div > a:not(.logo) { margin-bottom: .5rem; font-size: 1rem; }
  .site-footer-home .footer-bottom { grid-template-columns: 1fr; gap: .5rem; margin: 1.5rem 0 0; padding-top: 1rem; font-size: .85rem; }
  .site-footer-home .footer-bottom .gap { width: .6em; }
}
@media (max-width: 639.98px) {
  /* подвал: логотип 24, текст 15.2/25, колонки 16/19 с шагом 34.4, низ 13.6 */
  .site-footer-home { padding: 26px 16px 29px; }
  .site-footer-home .footer-grid { grid-template-columns: 189px 1fr; gap: 0; }
  .site-footer-home .logo { font-size: 24px; line-height: 28px; }
  .site-footer-home .footer-grid > div:first-child .muted { margin-top: 23px; font-size: 15.2px; line-height: 25px; }
  .site-footer-home .footer-grid > div:first-child > a:not(.logo), .site-footer-home .footer-grid > div:first-child > .muted + a { margin-top: 17px; font-size: 15.2px; line-height: 18px; gap: 11px; }
  .site-footer-home .fico { width: 16.5px; height: 16.5px; }
  .site-footer-home .footer-grid > div:first-child > a:not(.logo) { font-weight: 400; }
  .site-footer-home .footer-grid > div:nth-child(2), .site-footer-home .footer-grid > div:nth-child(3) { margin-top: 28px; }
  .site-footer-home .footer-grid > div:nth-child(4) { margin-top: 24.3px; }
  .site-footer-home h4 { margin: 0 0 13.3px; font-size: 15.2px; line-height: 17px; }
  .site-footer-home .footer-grid > div > a:not(.logo) { margin-bottom: 8px; font-size: 16px; line-height: 26.4px; }
  .site-footer-home .footer-bottom { gap: 14px; margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #151d3a; font-weight: 400; font-size: 13.6px; line-height: 16px; } /* линия 1 px #151d3a (правка от 21.10) */
  .site-footer-home .footer-bottom a { font-weight: 400; }
}