/* Keep both download actions in the same header slot. */
.navbar .download-btn {
  color: #07150c;
  font-family: inherit;
  font-weight: 700;
  white-space: nowrap;
  border-radius: 7px;
}
.navbar [hidden], .download-link-dialog [hidden] { display: none !important; }
.navbar .download-btn:hover { transform: none; }
.navbar-actions, .navbar .hamburger { flex-shrink: 0; }
.navbar .download-btn:focus-visible,
.download-link-dialog button:focus-visible,
.download-link-dialog input:focus-visible { outline: 2px solid #00ff57; outline-offset: 4px; }

@media (max-width: 768px) {
  .navbar { padding: 10px 12px; gap: 10px; min-height: 64px; box-sizing: border-box; }
  .navbar img.logo { width: clamp(112px, 36vw, 150px); min-width: 0; }
  .navbar-actions { gap: 12px !important; }
  .navbar .download-btn { font-size: 13px; padding: 0 12px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .navbar .hamburger { width: 20px; }
}
@media (max-width: 359px) {
  .navbar { padding-inline: 8px; gap: 8px; }
  .navbar-actions { gap: 8px !important; }
  .navbar .download-btn { font-size: 12px; padding-inline: 9px; }
}

html.download-link-open { overflow: hidden; }
.download-link-dialog {
  box-sizing: border-box;
  position: fixed;
  inset: auto 0 0;
  margin: 0 auto;
  width: min(100%, 460px);
  max-width: 100%;
  max-height: calc(100dvh - 16px);
  padding: 56px 24px max(28px, env(safe-area-inset-bottom));
  border: 1px solid #303732;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background: #111411;
  color: #fff;
  font: 16px/1.5 'Outfit', sans-serif;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.download-link-dialog::backdrop { background: rgb(0 0 0 / 65%); }
.download-link-dialog h2 { font-size: 27px; line-height: 1.2; margin: 0 0 18px; letter-spacing: -.4px; }
.download-link-dialog p { color: #bfc3c0; margin: 0 0 20px; }
.download-link-dialog strong { color: #fff; overflow-wrap: anywhere; }
.download-link-dialog button, .download-link-dialog input { font: inherit; box-sizing: border-box; }
.download-link-dialog button { cursor: pointer; }
.download-link-close { position: absolute; right: 10px; top: 8px; width: 44px; height: 44px; border: 0; color: #fff; background: transparent; font-size: 32px !important; line-height: 1; }
.download-link-intro { margin-bottom: 28px !important; }
.download-link-dialog label { display: block; font-weight: 600; margin-bottom: 10px; }
.download-link-dialog input { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #747d77; border-radius: 7px; color: #fff; background: #0d100e; }
.download-link-dialog input::placeholder { color: #969e98; }
.download-link-submit, .download-link-back { width: 100%; min-height: 48px; border-radius: 7px; padding: 12px 14px; font-weight: 700 !important; }
.download-link-submit { margin-top: 26px; background: #00ff57; color: #07150c; border: 0; }
.download-link-submit:hover { background: #00db4b; }
.download-link-submit:disabled { opacity: .65; cursor: wait; }
.download-link-error { color: #ffb5ad !important; margin: 12px 0 0 !important; font-size: 14px; }
.download-link-spam { font-size: 14px; margin-top: -10px !important; }
.download-link-back { color: #fff; background: transparent; border: 1px solid #bdc5bf; }
.download-link-another { display: block; margin: 14px auto 0; min-height: 44px; color: #cdd2ce; background: transparent; border: 0; text-decoration: underline; text-underline-offset: 3px; }
