/* FOOTER – mevcut HTML’ine göre */
.mx-footer{background:#0f172a;color:#e5e7eb}
.mx-footer a{color:#e5e7eb;text-decoration:none}
.mx-footer a:hover{color:#ff7a00}

.mx-footer-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:48px 20px;
  display:grid;
  gap:28px;
  grid-template-columns:2fr 1.2fr 1.2fr 1.6fr;
}
@media (max-width:1024px){ .mx-footer-wrap{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .mx-footer-wrap{grid-template-columns:1fr} }

.mx-logo{display:inline-flex;align-items:flex-end;gap:6px}
.mx-logo img{height:36px;width:auto;display:block}
.mx-motto{margin-top:10px;color:#cbd5e1;max-width:36ch}

.mx-col h4{
  font-size:14px;
  letter-spacing:.6px;
  text-transform:uppercase;
  margin:6px 0 14px;
  color:#94a3b8
}

.mx-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mx-list li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.mx-list svg{width:18px;height:18px;flex:0 0 18px;fill:#94a3b8}

.mx-social{display:flex;gap:10px;margin-top:12px}
.mx-sc{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border:1px solid #334155;border-radius:10px;font-weight:700
}
.mx-sc:hover{border-color:#ff7a00;color:#ff7a00}

.mx-bottom{border-top:1px solid #1f2937;margin-top:8px}
.mx-bottom-wrap{
  max-width:1200px;margin:0 auto;padding:14px 20px;
  display:flex;gap:10px;justify-content:space-between;align-items:center;color:#9ca3af
}
.mx-bottom-links{display:flex;gap:14px}
.mx-bottom-links a{color:#9ca3af}
.mx-bottom-links a:hover{color:#ff7a00}

@media(max-width:768px){
  .mx-bottom-wrap{flex-direction:column;align-items:flex-start;gap:8px}
}