/* Page & Scrollbar Defaults */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html,
body {
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial;
}

/* Premium interactive card styling */
.premium-glass-card {
  background: linear-gradient(145deg, rgba(28, 45, 66, 0.85), rgba(17, 31, 48, 0.75));
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45);
}

/* Target Landscape Mobile phones & Low Viewport Heights strictly */
@media (max-height: 520px) and (orientation: landscape) {
  .top-header-panel {
    top: 4px !important;
    left: 4px !important;
    padding: 4px !important;
    border-radius: 12px !important;
  }
  .top-header-logo { height: 14px !important; width: 14px !important; }
  .top-header-paddco { font-size: 5.5px !important; }
  .top-header-title { font-size: 8.5px !important; }
  .top-header-loc { font-size: 6px !important; }
  .top-header-divider { height: 20px !important; margin: 0 2px !important; }
  .top-header-btn { height: 18px !important; width: 18px !important; border-radius: 6px !important; }
  .top-header-btn svg { height: 8px !important; width: 8px !important; }

  .top-right-group {
    top: 4px !important;
    right: 4px !important;
    gap: 6px !important;
  }
  .top-right-btn {
    height: 18px !important;
    width: 18px !important;
  }
  .top-right-btn i {
    font-size: 9px !important;
    height: auto !important;
    width: auto !important;
  }
  .top-right-btn img {
    height: 9px !important;
    width: 9px !important;
  }

  #bottomLeftControls {
    bottom: 4px !important;
    left: 4px !important;
  }
  #bottomLeftControls ul {
    padding: 3px !important;
    border-radius: 8px !important;
  }
  .control-btn {
    height: 22px !important;
    width: 22px !important;
  }
  .control-btn i {
    font-size: 10px !important;
  }
  .control-btn img {
    width: 10px !important;
    height: 10px !important;
  }

  #featuresMenu {
    width: 65px !important;
    padding: 4px !important;
  }
  #featuresMenu .flex-col {
    gap: 8px !important;
  }
  #featurePanelCloseBtn {
    height: 22px !important;
    width: 22px !important;
  }
  #featurePanelCloseBtn i {
    font-size: 10px !important;
  }
  #featuresList ul {
    gap: 8px !important;
  }
  #featuresList li div {
    height: 24px !important;
    width: 24px !important;
  }
  #featuresList li img {
    height: 12px !important;
    width: 12px !important;
  }
  #featuresList li p {
    font-size: 8px !important;
  }

  .spim-logo-wrapper {
    right: max(6px, env(safe-area-inset-right)) !important;
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
    height: 24px !important;
    width: 24px !important;
    border-radius: 6px !important;
  }
  
  #brochureViewerContainer {
    padding-top: 36px !important;
    padding-bottom: 4px !important;
  }
}