.site-footer{
  background:var(--color-surface-card);
  margin-top:64px;
  padding:48px 0;
}

.footer-inner{
  display:grid;
  gap:32px;
}

.footer-brand .brand img{
  height:40px;
}

.footer-nav,
.footer-legal{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.footer-copy{
  font-size:14px;
}

.consent-banner{
  position:fixed;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  background:var(--color-surface-card);
  padding:16px 24px;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  display:flex;
  gap:16px;
  align-items:center;
  z-index:2000;
}

.consent-actions{
  display:flex;
  gap:8px;
}

.button.outline{
  background:none;
  border:1px solid var(--color-border-soft);
  color: black;
}

.age-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.4);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3000;
}

.age-modal[hidden],
.consent-banner[hidden]{
  display:none;
}

.age-box{
  background:var(--color-surface-card);
  padding:32px;
  border-radius:var(--radius-lg);
  text-align:center;
}

.age-actions{
  display:flex;
  gap:16px;
  justify-content:center;
  margin-top:16px;
}