/* ============================================
   Footer (Yön A)
   ============================================ */
.site-footer { background: var(--navy); color: #9fb3c8; padding: 56px 0 0; margin-top: 0; }
.foot-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 36px; padding-bottom: 40px; }
.foot-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.foot-logo .logo-mark, .foot-logo .mk { width: 44px; height: 44px; border-radius: 10px; background: rgba(255,255,255,.1); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 17px; }
.foot-logo b { color: #fff; font-size: 17px; }
.foot-about { font-size: 14px; line-height: 1.6; color: #9fb3c8; max-width: 320px; }
.foot-col h5 { color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 16px; }
.foot-col a, .foot-col p { display: block; color: #9fb3c8; font-size: 14px; margin-bottom: 10px; line-height: 1.5; }
.foot-col a:hover { color: #fff; }
.foot-social { display: flex; gap: 10px; margin-top: 14px; }
.foot-social a { width: 38px; height: 38px; border-radius: 9px; background: rgba(255,255,255,.08); display: grid; place-items: center; font-size: 18px; color: #cdd9e5; }
.foot-social a:hover { background: var(--accent); color: #fff; }
.foot-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 20px 0; text-align: center; font-size: 13px; color: #7c8fa3; }
@media (max-width: 768px){ .foot-top { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 480px){ .foot-top { grid-template-columns: 1fr; } }