/**
 * Cleaner site footer — three balanced columns.
 * Does not change logo asset or sizing.
 */
.footer-cities {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 10px;
}

.footer-cities a {
  color: inherit;
  text-decoration: none;
}

.footer-cities a:hover {
  color: var(--gold-lt, #d4bf96);
}

.footer-cols {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 40px 48px !important;
  width: 100%;
  max-width: 880px !important;
  margin: 0 auto;
  align-items: start;
}

.footer-cols > div {
  text-align: center;
}

.fcol-links {
  align-items: center !important;
}

.fcol-links a,
.fcol-contact a {
  font-size: 0.78rem !important;
  color: rgba(249, 247, 243, 0.42) !important;
  line-height: 1.35;
}

.fcol-links a:hover,
.fcol-contact a:hover {
  color: var(--gold-lt, #d4bf96) !important;
}

.fcol-contact {
  gap: 12px !important;
}

.footer-btm {
  justify-content: center !important;
}

.footer-copy {
  color: rgba(249, 247, 243, 0.28) !important;
  text-align: center;
}

@media (max-width: 1024px) {
  .footer-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 28px !important;
    max-width: 640px !important;
  }
}

@media (max-width: 640px) {
  .footer-cols {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    max-width: 320px !important;
  }
}