/* ============================================
   FOOTER.CSS — Landing page footer
   ============================================ */

.l-footer { background:var(--gray-900); color:var(--white); padding:60px 24px 32px; }
.footer-inner { max-width:1280px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; gap:48px; flex-wrap:wrap; }
.footer-brand { max-width:320px; }
.footer-brand-name { font-size:1.25rem; font-weight:800; margin-bottom:8px; }
.footer-brand p { font-size:0.875rem; opacity:0.8; line-height:1.6; }
.footer-col h4 { font-size:0.875rem; font-weight:700; margin-bottom:16px; text-transform:uppercase; letter-spacing:1px; }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:8px; }
.footer-col a { font-size:0.875rem; opacity:0.7; transition:var(--transition); }
.footer-col a:hover { opacity:1; }
.footer-social { display:flex; gap:10px; margin-top:12px; }
.footer-social a { width:36px; height:36px; background:rgba(255,255,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:var(--transition); }
.footer-social a:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.2); }
.footer-social svg { width:16px; height:16px; fill:white; }
.footer-bottom { max-width:1280px; margin:40px auto 0; padding-top:20px; border-top:1px solid rgba(255,255,255,0.1); text-align:center; font-size:0.8125rem; opacity:0.6; }
.footer-license { font-size:0.75rem; font-weight:600; margin-top:12px; opacity:0.7; }

/* -- Store badges & QR -- */
.footer-badges { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
.store-badge { display:inline-block; transition:var(--transition); border-radius:6px; overflow:hidden; }
.store-badge:hover { transform:translateY(-2px); opacity:0.9; }
.footer-qr { display:flex; align-items:center; gap:10px; }
.footer-qr svg { border-radius:6px; }
.footer-qr-label { font-size:0.75rem; opacity:0.7; }

@media(max-width:1024px) {
    .footer-inner { flex-direction:column; }
}