/* Mobile: hiện nút store đúng OS. Desktop rộng: form gốc. */
html[data-os="ios"] .js-os-android,
html[data-os="android"] .js-os-ios,
html[data-os="desktop"] .js-os-ios {
  display: none !important;
}

/* #installBtn gốc ẩn (Nuxt mới hiện) — landing tự hiện trên mobile / viewport hẹp */
html[data-os="android"] #installBtn,
html[data-os="ios"] #installBtn {
  display: inline-block !important;
}

html[data-os="desktop"] #installBtn,
html[data-os="desktop"] #openModalGuideApk {
  display: none !important;
}

html[data-os="ios"] #openModalGuideApk {
  display: none !important;
}

/* DevTools / màn hẹp: vẫn ra CTA mobile dù UA desktop */
@media (max-width: 1024px) {
  html[data-os="desktop"] #installBtn {
    display: inline-block !important;
  }

  html[data-os="desktop"] .register-btn {
    display: block !important;
  }

  html[data-os="android"] #openModalGuideApk,
  html[data-os="desktop"] #openModalGuideApk {
    display: inline-block;
  }
}

@media (min-width: 1025px) {
  #installBtn,
  #openModalGuideApk {
    display: none !important;
  }
}

#openModalGuideApk {
  color: #ffe5b7;
  font-size: 14px;
  margin-top: 6px;
  text-decoration: underline;
}

/* Ẩn overlay loading nếu Nuxt không boot */
#loading-overlay {
  display: none !important;
}

/*
 * Slider trái cao cố định 580px, dots absolute bottom:-20px nên tràn xuống.
 * Đẩy icon xuống dưới hẳn vùng dots.
 */
.store-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 48px;
}

.store-icons img {
  width: 35px;
  cursor: pointer;
}