.site-footer{
  background:var(--color-surface-secondary);
  padding-top:var(--space-lg);
}

.site-footer__inner{
  display:grid;
  gap:2rem;
}

@media(min-width:768px){
  .site-footer__inner{
    grid-template-columns:2fr 1fr 1fr;
  }
}

.site-footer__nav ul,
.site-footer__legal ul{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
}

.site-footer__bottom{
  padding:var(--space-md) 0;
  text-align:center;
}

.cookie-consent{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:var(--color-surface-background);
  border-top:1px solid var(--color-border-neutral);
  padding:1rem;
  z-index:1100;
}

.cookie-consent[hidden]{display:none !important;}

.cookie-consent__inner{
  max-width:900px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  text-align:center;
}

.cookie-consent__actions{
  display:flex;
  justify-content:center;
  gap:0.5rem;
}

.age-modal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:flex;
  align-items:center;
  justify-content:center;
}

.age-modal[hidden]{display:none !important;}

.age-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.4);
}

.age-modal__content{
  position:relative;
  background:var(--color-surface-background);
  border:1px solid var(--color-border-neutral);
  border-radius:var(--radius-sm);
  padding:2rem;
  max-width:400px;
  width:100%;
  text-align:center;
}

.age-modal__actions{
  display:flex;
  justify-content:center;
  gap:0.5rem;
  margin-top:1rem;
}