.studio-menu-toggle { display:none; }
.nav :focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
#promoCode { min-height:42px; width:100%; padding:9px 12px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--ink); font:inherit; }
#checkPromo { margin-top:8px; min-height:40px; padding:9px 14px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--ink); }
@media(max-width:760px) {
  .nav { position:relative; gap:10px; height:72px; padding:8px 14px; }
  html[data-theme] .nav .brand img { width:126px!important; }
  .nav .nav-cta { margin-left:auto; font-size:11px; }
  .nav .studio-menu-toggle { display:block; flex:none; width:42px; height:42px; border:1px solid currentColor; border-radius:8px; background:transparent; color:inherit; font-size:21px; }
  .nav nav { display:none; }
  .nav.menu-open nav { display:flex; position:absolute; top:100%; left:0; right:0; z-index:20; flex-direction:column; gap:0; margin:0; padding:8px 14px; border:1px solid var(--border); background:var(--surface); box-shadow:0 12px 30px #0002; }
  html[data-theme] .nav.menu-open nav a { display:block; padding:13px; min-height:44px; color:var(--ink); font-size:14px; }
  .photo-workspace .nav.menu-open nav { display:flex; }
}
