nav{
  position:fixed;
  top:var(--app-banner-offset,0px);
  left:0;
  right:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:64px;
  padding:24px 48px;
  backdrop-filter:blur(8px);
  background:linear-gradient(to bottom,rgba(22,19,15,.85),rgba(22,19,15,0));
  transition:background .3s;
}
nav.solid{background:rgba(22,19,15,.94);border-bottom:1px solid var(--line)}
.app-download-banner{
  position:fixed;
  top:env(safe-area-inset-top,0px);
  left:0;
  right:0;
  z-index:70;
  display:none;
  align-items:center;
  gap:10px;
  padding:10px 20px;
  background:rgba(18,15,11,.96);
  border-bottom:1px solid var(--line,rgba(244,239,230,.13));
  color:var(--ink,#F4EFE6);
  backdrop-filter:blur(12px);
}
.app-download-banner__icon{
  width:28px;
  height:28px;
  border-radius:7px;
  background:#fff;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
}
.app-download-banner__icon img{width:22px;height:auto}
.app-download-banner__copy{min-width:0;line-height:1.15;flex:1 1 auto}
.app-download-banner__title{
  display:block;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.app-download-banner__sub{
  display:block;
  color:var(--dim,#A89F90);
  font-size:11px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.app-download-banner__cta{
  min-height:30px;
  padding:0 13px;
  border-radius:999px;
  background:#0A84FF;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:800;
  flex:0 0 auto;
}
.app-download-banner__close{
  width:28px;
  height:28px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--dim,#A89F90);
  font-size:20px;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.app-download-banner__close:hover,.app-download-banner__close:focus{color:var(--ink,#F4EFE6)}
.logo{display:inline-flex;align-items:center}
.logo-chip{height:24px}
.logo-img{display:block;width:var(--logo-width);height:auto}
.navlinks{display:flex;gap:30px;align-items:center}
.navlinks a{font-size:15.5px;color:var(--ink);transition:color .2s;letter-spacing:.02em}
.navlinks a:hover,.navlinks a:focus,.navlinks a.active{color:var(--accent);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.lang-toggle,.cart-link{
  height:34px;
  border:1px solid var(--line);
  border-radius:2px;
  background:rgba(0,0,0,.12);
  color:var(--ink);
  font:600 12px/1 var(--font);
  letter-spacing:.12em;
  cursor:pointer;
  transition:border-color .2s,color .2s,background .2s;
}
.lang-toggle:hover,.lang-toggle:focus,.cart-link:hover,.cart-link:focus{border-color:var(--accent);color:var(--accent);background:rgba(232,134,46,.08)}
.lang-toggle{padding:0 13px}
.cart-link{display:inline-flex;align-items:center;padding:0 13px}
.burger{display:none;background:none;border:0;color:var(--ink);font-size:24px;cursor:pointer}
.reveal,.reveal.in{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

.site-footer{
  background:#100D09;
  padding:70px 0 40px;
  color:var(--dim,var(--muted,#A89F90));
  font-size:14.5px;
  border-top:1px solid var(--line,rgba(244,239,230,.13));
}
.site-footer .footer-grid{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:40px;
  padding-bottom:40px;
  border-bottom:1px solid var(--line,rgba(244,239,230,.13));
}
.site-footer .footer-mission{max-width:340px}
.site-footer .footer-mission .logo{margin-bottom:14px}
.site-footer .footer-mission p{font-size:14.5px;color:var(--dim,var(--muted,#A89F90))}
.site-footer .footer-col h4{
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ink,#F4EFE6);
  margin-bottom:16px;
}
.site-footer .footer-col a{
  display:block;
  font-size:14.5px;
  margin-bottom:11px;
  color:var(--dim,var(--muted,#A89F90));
  transition:color .2s;
}
.site-footer .footer-col a:hover,.site-footer .footer-col a:focus{color:var(--accent,#E8862E)}
.site-footer .footer-bar{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding-top:28px;
  font-size:13px;
}
.site-footer .footer-bar a{color:var(--dim,var(--muted,#A89F90))}
.site-footer .footer-bar a:hover,.site-footer .footer-bar a:focus{color:var(--accent,#E8862E)}

@media (max-width:760px){
  .app-download-banner{display:flex}
  nav{padding:18px 28px;gap:0}
  .logo-img{width:var(--logo-width-mobile)}
  .navlinks{
    position:fixed;
    top:0;
    right:0;
    bottom:auto;
    left:auto;
    width:74%;
    max-width:320px;
    height:100vh;
    height:100dvh;
    background:#15120d;
    flex-direction:column;
    align-items:flex-start;
    overflow-y:auto;
    padding:90px 30px;
    gap:26px;
    transform:translateX(100%);
    transition:transform .3s;
    border-left:1px solid var(--line);
  }
  .navlinks.open,nav.menu-open .navlinks{transform:none}
  .navlinks a{font-size:18px}
  .site-footer .footer-grid{flex-direction:column;gap:32px}
  .burger{display:block;z-index:60}
  .nav-actions{z-index:60}
  .lang-toggle{height:32px;padding:0 10px}
  .cart-link{height:32px;padding:0 10px}
}