/* MELANIUM app install control — non-intrusive footer CTA. */
.site-footer .melanium-app-install {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 15px;
  border:1px solid #e64d65;
  border-radius:5px;
  background:#9f1832;
  color:#fff;
  font:800 13px/1.4 Manrope,Arial,sans-serif;
  letter-spacing:.01em;
  min-height:44px;
  cursor:pointer;
}
.site-footer .melanium-app-install[hidden],
.site-footer .melanium-app-install-help[hidden] {display:none!important}
.site-footer .melanium-app-install:hover {background:#c72442;border-color:#ee6175}
.site-footer .melanium-app-install:focus-visible {outline:3px solid #fff;outline-offset:3px}
.site-footer .melanium-app-install-help {
  margin:11px 0 0;
  max-width:360px;
  border-left:3px solid #e64d65;
  background:#26191f;
  padding:12px 15px;
  color:#fff2f3;
  font:500 13px/1.6 Manrope,Arial,sans-serif;
}
@media (max-width:640px) {
  .site-footer .melanium-app-install {width:100%;justify-content:center}
}

/* Visible in-page and floating install controls — not dependent on browser prompt events. */
.melanium-footer-actions {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.melanium-footer-actions [data-melanium-install] {display:inline-flex}
.melanium-app-floating {
  position:fixed;
  left:max(16px, env(safe-area-inset-left));
  bottom:max(18px, env(safe-area-inset-bottom));
  z-index:91;
  width:max-content;
  max-width:calc(100vw - 32px);
}
.melanium-app-floating[hidden],
.melanium-app-floating .melanium-app-install[hidden],
.site-footer .melanium-app-install[hidden] {display:none!important}
.melanium-app-floating .melanium-app-install {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  max-width:100%;
  gap:9px;
  padding:10px 19px;
  border:1px solid #fa7085;
  border-radius:999px;
  box-shadow:0 12px 34px rgba(0,0,0,.48);
  background:linear-gradient(125deg,#a71938,#df294c);
  color:#fff;
  font:800 13px/1.35 Manrope,Arial,sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
}
.melanium-app-floating .melanium-app-install:hover {background:#c31e40}
.melanium-app-floating .melanium-app-install:focus-visible {outline:3px solid #fff;outline-offset:4px}
.melanium-app-floating .melanium-app-install-help {
  position:absolute;
  left:0;
  bottom:calc(100% + 12px);
  z-index:2;
  width:min(350px,calc(100vw - 32px));
  margin:0;
  padding:17px 18px;
  background:#201318;
  color:#fff6f7;
  font:500 14px/1.6 Manrope,Arial,sans-serif;
  border:1px solid #f27087;
  border-radius:11px;
  box-shadow:0 18px 44px rgba(0,0,0,.5);
}
.melanium-app-floating .melanium-app-install-help[hidden] {display:none!important}
@media (max-width:640px) {
  .melanium-app-floating {bottom:max(16px,env(safe-area-inset-bottom))}
  .melanium-app-floating .melanium-app-install {min-height:46px;padding:9px 15px}
  .melanium-footer-actions {width:100%}
}
@media (display-mode:standalone) {
  .melanium-app-floating,
  .site-footer [data-melanium-install] {display:none!important}
}