/* ===== FOOTER 2.0 ===== */
.site-footer{background:#0F172A; color:#E5E7EB; border-top:1px solid var(--color-border)}
.site-footer a{color:#D1E9FF; text-decoration:none}
.site-footer a:hover{color:#fff; text-decoration:underline}
.footer-top{width:100%;background:linear-gradient(90deg, color-mix(in oklab, var(--color-primary) 60%, #0F172A), #0F172A); color:#fff}
.footer-top__inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px }
.footer-top__cta{display:flex; align-items:center; gap:12px; font-weight:700; font-size:18px}
.footer-top__btn{display:inline-flex;
  margin: auto;
   gap:8px; align-items:center; background:#fff; color:var(--color-primary)!important; border-radius:var(--radius-pill); padding:10px 16px; font-weight:700; border:1px solid transparent}
.footer-top__btn:hover{background:color-mix(in oklab, #fff 85%, var(--color-primary))}

.footer-main{padding:36px 0}
.footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:24px}
.footer-title{margin:0 0 10px; font-family:Manrope, system-ui, sans-serif; color:#fff; font-weight:800; font-size:16px}
.footer-brand{display:flex; flex-direction:column; gap:12px}
.footer-brand__logo{display:flex; align-items:center; gap:8px; font-weight:800; font-size:22px; color:#fff}
.footer-brand__text{margin:0; color:#C7D2FE}
.footer-social{display:flex; gap:10px}
.footer-social a{display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; border-radius:8px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,.12)}
.footer-social a:hover{background:rgba(255,255,255,0.12)}

.footer-links, .footer-cats{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.footer-links a, .footer-cats a{color:#D1E9FF}
.footer-links a:hover, .footer-cats a:hover{color:#fff}

.footer-contact{display:grid; gap:8px; color:#E5E7EB}
.footer-contact a{color:#fff; font-weight:700}
.footer-contact .muted{color:#94A3B8; font-size:14px}

.footer-newsletter{margin-top:12px}
.newsletter-form{display:flex; gap:8px; align-items:stretch; background:rgba(255,255,255,.06); border-radius:var(--radius-lg); padding:6px; border:1px solid rgba(255,255,255,.12)}
.newsletter-form input[type=email]{flex:1; border:none; background:transparent; color:#fff; padding:10px 12px}
.newsletter-form input[type=email]::placeholder{color:#94A3B8}
.newsletter-form button{border:none; padding:10px 16px; border-radius:var(--radius-md); background:#fff; color:#111827; font-weight:700; cursor:pointer}
.newsletter-form button:hover{background:#F3F4F6}

.footer-bottom{border-top:1px solid rgba(255,255,255,.08); padding:14px 0}
.footer-bottom__inner{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.payments{display:flex; align-items:center; gap:10px; opacity:.9}
.payments svg{display:block}

@media (max-width: 1024px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .footer-top__inner{flex-direction:column; align-items:flex-start}
  .footer-grid{grid-template-columns:1fr}
}