/* 365lotus.cc — keep native guru365 CSS; only hide loader + blank-shell fix */
:root, html, body, .ios body, .md body {
  --ion-color-primary: #ffea00;
  --gradient-color-primary: #005340;
  --gradient-color-secondary: #003d30;
  --ion-background: #090909;
  --ion-background-color: #090909;
  --ion-text-color: #ffffff;
  background-color: #090909;
}
#loader {
  display: none !important;
}

/* Home promo tiles: match guru365.app measured cells */
@media screen and (max-width: 720px) {
  .home-page-ctn .banner-cards .banner-card-div,
  .home-page-ctn .banner-cards .banner-image,
  .home-page-ctn .banner-cards img {
    height: 76px !important;
    max-height: 76px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
@media screen and (min-width: 721px) {
  .home-page-ctn .banner-cards .banner-card-div,
  .home-page-ctn .banner-cards .banner-image,
  .home-page-ctn .banner-cards img {
    height: 235px !important;
    max-height: 235px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Mobile: fix blank ds-view-ctn / router shell */
@media screen and (max-width: 720px) {
  .page-content {
    min-height: calc(100vh - 56px);
    display: flex;
    flex-direction: column;
  }
  .router-ctn {
    flex: 1 1 auto;
    min-height: calc(100vh - 120px) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .router-ctn > .ds-view-ctn {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    min-height: calc(100vh - 130px) !important;
    height: auto !important;
    background: var(--ion-background-color, #090909) !important;
  }
}