/* Main Footer Styles */
.site-footer { background: var(--black); color: white; padding: 80px 32px 20px; font-size: 13px; }
.footer-inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 60px; }
.footer-logo { font-family: 'Bebas Neue', 'Heebo', sans-serif; font-size: 32px; font-weight: 900; letter-spacing: 2px; margin-bottom: 12px; }
.site-footer h4 { font-size: 14px; font-weight: 800; margin-bottom: 20px; letter-spacing: 1px; color: white; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer ul li { margin-bottom: 12px; }
.site-footer ul li a { color: #aaa; text-decoration: none; transition: color 0.2s; cursor: pointer; }
.site-footer ul li a:hover { color: var(--pink); }

.footer-visit-store { display: flex; align-items: flex-start; gap: 12px; background: rgba(255,255,255,0.05); padding: 16px; border-radius: 8px; margin-top: 24px; cursor: pointer; transition: background 0.2s; text-decoration: none; color: inherit; }
.footer-visit-store:hover { background: rgba(255,255,255,0.1); }
.footer-visit-icon { font-size: 24px; }
.footer-visit-title { font-weight: 800; color: white; margin-bottom: 4px; }
.footer-visit-sub { font-size: 11px; color: #aaa; }

.footer-bottom { text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; color: #888; font-size: 11px; }

@media (max-width: 1024px) {
  .footer-inner { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
  .site-footer { padding: 40px 20px 20px; padding-bottom: 100px; /* Space for bottom nav */ }
  .footer-inner { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { padding-bottom: 20px; }
}