.footer{
  background-color:var(--color-footer-bg);
  color:rgba(247,243,236,0.9);
  padding-block:2.5rem 2rem;
  margin-top:2.5rem;
}
.footer-inner{
  display:grid;
  gap:2rem;
}
@media (min-width:768px) and (max-width:1023px){
  .footer-inner{
    grid-template-columns:1fr;
  }
}
@media (min-width:1024px){
  .footer-inner{
    grid-template-columns:1fr 3fr;
  }
}
.footer-brand-title{
  font-family:var(--font-serif);
  font-size:0.85rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  margin-bottom:0.75rem;
}
.footer-brand-text{
  font-size:0.85rem;
  color:rgba(247,243,236,0.8);
  margin-bottom:0.6rem;
}
.footer-brand-contact,.footer-brand-hours{
  margin-top:0.75rem;
}
.footer-meta{
  display:grid;
  gap:1.5rem;
}
.footer-meta > *{
  min-width:0;
}
@media (min-width:768px) and (max-width:1023px){
  .footer-meta{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:1.5rem;
  }
}
@media (min-width:1024px){
  .footer-meta{
    grid-template-columns:repeat(3,max-content);
    justify-content:space-between;
    column-gap:2rem;
  }
}
.footer-heading{
  font-size:0.7rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  margin-bottom:0.75rem;
  color:#fff;
}
.footer-list{
  display:grid;
  gap:0.25rem;
  font-size:0.85rem;
}
.footer-link{
  color:rgba(247,243,236,0.9);
  text-decoration:none;
  overflow-wrap:anywhere;
  transition:color var(--transition-base);
}
.footer-link:hover,
.footer-link:focus-visible{
  color:#ffffff;
}
.footer-note{
  border-top:1px solid rgba(247,243,236,0.18);
  margin-top:2rem;
  padding-top:1rem;
  font-size:0.75rem;
  color:rgba(247,243,236,0.78);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:0.75rem;
}
.footer-legal{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
  align-items:center;
}
.badge-18plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.15rem 0.6rem;
  border-radius:999px;
  border:1px solid rgba(247,243,236,0.7);
  font-size:0.7rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
}
.cookie-banner{
  position:fixed;
  inset:auto 0 0 0;
  z-index:60;
  background:rgba(37,35,31,0.98);
  color:rgba(247,243,236,0.92);
  transform:translateY(100%);
  opacity:0;
  visibility:hidden;
  transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base);
}
.cookie-banner.is-visible{
  transform:translateY(0);
  opacity:1;
  visibility:visible;
}
.cookie-banner-inner{
  max-width:var(--layout-max-width);
  margin-inline:auto;
  padding:1rem 1rem 1.1rem;
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:flex-start;
}
.cookie-banner-copy{
  flex:1 1 220px;
}
.cookie-banner-copy h2{
  font-family:var(--font-serif);
  font-size:1rem;
  margin-bottom:0.4rem;
  color:#fff;
}
.cookie-banner-copy p{
  font-size:0.85rem;
  margin-bottom:0.25rem;
  color:rgba(247,243,236,0.88);
}
.cookie-banner-link{
  font-size:0.8rem;
  text-decoration:underline;
}
.cookie-banner-actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  align-items:center;
}
.cookie-banner .btn{
  font-size:0.77rem;
}
.cookie-banner .btn-outline{
  color:#fff;
  border-color:rgba(181,154,106,0.9);
}
.cookie-banner .btn-outline:hover{
  background-color:rgba(181,154,106,0.16);
}
@media (max-width:640px){
  .cookie-banner-inner{
    flex-direction:column;
    align-items:stretch;
  }
  .cookie-banner-actions .btn{
    width:100%;
    justify-content:center;
  }
}
.age-gate{
  position:fixed;
  inset:0;
  z-index:70;
  display:flex;
  align-items:center;
  justify-content:center;
}
.age-gate-backdrop{
  position:absolute;
  inset:0;
  background:rgba(37,35,31,0.6);
}
.age-gate-panel{
  position:relative;
  max-width:440px;
  width:90%;
  background:var(--color-surface);
  border-radius:var(--radius-lg);
  padding:2rem 1.75rem 1.75rem;
  box-shadow:var(--shadow-medium);
  border:1px solid rgba(181,154,106,0.7);
}
.age-gate-header{
  display:flex;
  justify-content:flex-end;
  margin-bottom:0.75rem;
}
.age-gate-panel h2{
  font-family:var(--font-serif);
  font-size:1.5rem;
  margin-bottom:0.75rem;
}
.age-gate-panel p{
  font-size:0.95rem;
  color:var(--color-text-muted);
}
.age-gate-actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
  margin-top:1.2rem;
  margin-bottom:0.75rem;
}
.age-gate-actions .btn{
  flex:1 1 150px;
}
.age-gate-note{
  font-size:0.75rem;
  color:var(--color-text-muted);
}
@media (max-width:480px){
  .age-gate-panel{
    width:92%;
    padding:1.75rem 1.4rem 1.5rem;
  }
  .age-gate-actions .btn{
    width:100%;
  }
}
.age-gate-hidden{
  display:none;
}
body.age-gate-locked{
  overflow:hidden;
}
body.nav-open{
  overflow:hidden;
}
