/**
 * Atelier — Footer (C6). Source: design/store-theme/01-atelier-fashion/pages/Home.dc.html
 */
.atl-footer {
  border-top: 1px solid var(--atl-border);
  padding: 56px 48px 40px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 32px;
}
.atl-footer-brand { display: flex; flex-direction: column; gap: 14px; }
.atl-footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 24px; letter-spacing: 0.32em; text-transform: uppercase; }
.atl-footer-tagline { font-size: 13px; font-weight: 300; line-height: 1.7; margin: 0; max-width: 36ch; color: var(--atl-text-muted); }
.atl-footer-col { display: flex; flex-direction: column; gap: 12px; }
.atl-footer-col-title { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--atl-accent-2); }
.atl-footer-col a { font-size: 13px; font-weight: 300; color: var(--atl-text); text-decoration: none; }
.atl-footer-bar {
  padding: 20px 48px;
  font-size: 12px;
  color: var(--atl-text-subtle);
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--atl-border);
}

@media (max-width: 767px) {
  .atl-footer { grid-template-columns: 1fr; padding: 40px 20px 28px; gap: 28px; }
  .atl-footer-bar { flex-direction: column; gap: 6px; padding: 16px 20px; }
}