/* ===== Footer ===== */
:root {
  --sas-bg: #0b0b0b;
  --sas-text: #e5e7eb;
  --sas-muted: #9ca3af;
  --sas-yellow: #ffd400;
  --divider: rgba(255, 255, 255, 0.12);
}

.sas-footer {
  background: #000; /* как в шапке */
  color: var(--sas-text);
  padding: 28px 0 36px;
  font-size: clamp(9px, 3vw, 13px);
}

/* верхний блок */
.sas-footer__top {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.footer-menu {
  display: flex;
  gap: 4vw;
  min-width: 30vw;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-end;
}

/* колонки */
.fcol {
  display: flex;
  width: 100%;
  gap: 20px;
  flex-direction: column;
}
.contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.contacts .tel {
  color: var(--sas-yellow);
  text-decoration: none;
}
.contacts .site {
  color: var(--sas-text);
  opacity: 0.9;
  text-decoration: none;
}
.contacts .addr {
  color: var(--sas-text);
  opacity: 0.9;
}
.contacts .brand {
  margin-top: 12px;
}
.fcol--contacts .brand img {
  max-height: 28px;
  width: auto;
}
.fcol--contacts .brand-text {
  font-weight: 800;
  letter-spacing: 0.2px;
}

.fmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.fmenu a {
  color: var(--sas-text);
  text-decoration: none;
  opacity: 0.9;
}
.fmenu a:hover {
  opacity: 1;
}

/* разделитель */
.sas-footer__divider {
  margin: 24px 0;
  height: 1px;
  background: var(--divider);
}

/* нижняя полоса */
.sas-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.copy {
  color: var(--sas-text);
  opacity: 0.9;
  white-space: nowrap;
}

.bmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 2px;
  flex-direction: column;
}
.bmenu a {
  color: var(--sas-text);
  text-decoration: none;
  opacity: 0.9;
}
.bmenu a:hover {
  opacity: 1;
}
.brand {
  width: 40px;
  height: 30px;
}

/* адаптив по желанию: складываем в столбцы */
@media (max-width: 680px) {
  .sas-footer__top {
    flex-wrap: wrap;
    gap: 24px;
    flex-direction: column-reverse;
  }
  .fcol {
    display: flex;
    width: 100%;
    gap: 30px;
    flex-direction: row;
  }
  .sas-footer {
    margin-bottom: clamp(30px, 5vw, 100px);
  }
  .sas-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .copy {
    white-space: normal;
  }
}