/* ===== الفوتر ===== */
.footer{background:#1a1a2e;color:#fff;padding:80px 0 0;margin-top:auto}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px}
.footer-col h3{font-size:1.3rem;margin-bottom:20px;position:relative;padding-bottom:10px}
.footer-col h3::after{content:"";position:absolute;bottom:0;right:0;width:50px;height:2px;background:#4361ee}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{opacity:.8;transition:.3s}
.footer-col ul li a:hover{opacity:1;color:#4361ee;padding-right:5px}
.footer-col p{opacity:.8;margin:20px 0}
.social-links{display:flex;gap:15px}
.social-links a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:.3s}
.social-links a:hover{background:#4361ee;transform:translateY(-3px)}
.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.footer-links{display:flex;gap:20px}
.footer-links a{opacity:.8;transition:.3s}
.footer-links a:hover{opacity:1;color:#4361ee}