/* ── RAFZ VISUALS — Footer Styles ── */

.footer{background:var(--dark);padding:60px 40px 0;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07);}
.footer-logo-main{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--white);letter-spacing:2px;}
.footer-logo-sub{font-size:9px;letter-spacing:4px;color:var(--pink);text-transform:uppercase;margin-bottom:14px;}
.footer-desc{font-size:13px;color:rgba(255,255,255,.4);line-height:1.7;max-width:240px;margin-bottom:20px;}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap;}
.footer-social{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;text-decoration:none;transition:background .2s;}
.footer-social:hover{background:var(--pl);border-color:var(--pink);}
.footer-col-title{font-family:'Bebas Neue',sans-serif;font-size:16px;color:var(--white);letter-spacing:1px;margin-bottom:16px;}
.footer-links{display:flex;flex-direction:column;gap:10px;}
.footer-link{font-size:13px;color:rgba(255,255,255,.4);cursor:pointer;transition:color .2s;text-decoration:none;}
.footer-link:hover{color:var(--pink);}
.footer-nl-input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);font-family:'DM Sans',sans-serif;font-size:13px;color:var(--white);outline:none;margin-bottom:8px;}
.footer-nl-input:focus{border-color:var(--pink);}
.footer-nl-btn{width:100%;padding:10px;background:var(--pink);color:var(--white);border:none;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:12px;color:rgba(255,255,255,.25);flex-wrap:wrap;gap:10px;}
.footer-bottom-link{color:rgba(255,255,255,.25);text-decoration:none;}
.footer-bottom-link:hover{color:var(--pink);}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important;}
}
@media(max-width:768px){
  .footer{padding:40px 16px 0!important;}
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .footer-bottom{flex-direction:column;align-items:flex-start!important;}
}