.site-footer{
  background:#000;
  color:#fff;
  padding:48px 0vw 20px;
  position:relative;
  z-index: 4;
  overflow:visible;
}

.footer-inner{
  display:flex;
  gap:2rem;
  align-items:flex-start;
  padding: 0 4vw;
  box-sizing:border-box;
}

.footer-col{flex:1}
.footer-left { flex: 4; min-width: 220px; display:flex; flex-direction:column; align-items:flex-start; }
.footer-center { flex: 0.8; }
.footer-right { flex: 0.5; min-width: 140px; text-align: right; }

.brand{ margin-bottom: 25px; }

.brand-logo{
  width:220px;
  max-width:100%;
  height:auto;
  display:block;
  margin:-21px;
  position:relative;
  top:-38px;
}

.contact{margin-top:0}
.contact h4{margin:0 0 10px 0;font-weight:600;color:var(--text)}
.contact-item{display:flex;align-items:center;gap:10px;color:var(--muted);margin:6px 0}
.contact-item a{color:var(--muted);text-decoration:underline}
.ic{width:24px;height:24px;color:var(--gold)}
.mail-icon,.phone-icon{width:24px;height:24px;display:block;object-fit:contain}

.footer-nav{display:flex;flex-direction:column;gap:8px}
.footer-nav a{color:var(--muted);text-decoration:none;font-size:14px}
.footer-nav a:hover{color:var(--text)}

.socials{display:flex;justify-content:flex-end;gap:14px}
.social-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  color:var(--gold);
  text-decoration:none;
  border:none;
  background:transparent;
}
.social-icon svg{width:20px;height:20px}
.social-icon:hover{background:transparent;color:var(--gold)}
.social-img{width:40px;height:40px;object-fit:contain;display:block}

.footer-divider{
  height:1px;
  background:var(--gold);
  margin:28px 0 40px;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
}

.footer-bottom{max-width:1200px;padding: 0 4vw;padding-top:12px;padding-bottom:18px}
.credit{color:var(--muted);font-size:13px;font-weight:400}
.credit strong{color:var(--text);font-weight:400}

@media (max-width:900px){
  .footer-inner{flex-direction:column;align-items:flex-start}
  .footer-right{text-align:left}
  .socials{justify-content:flex-start}
}

@media (max-width:480px){
  .site-footer{padding:32px 4vw 16px}
}
