/* ==========================================================================
   FLIPKART OFFICIAL APP LAUNCH SPLASH SCREEN (MOBILE & DESKTOP)
   Matches the official Flipkart mobile app opening splash screen:
   - Full-bleed #FEE703 pure Flipkart yellow background
   - Centered iconic royal blue Flipkart 'f' speed logo
   - Subtle breathing / heartbeat pulse zoom in & out (0s - 2.4s)
   - At 2.6s - 3s: Swift scale-up zoom & upward curtain slide-away
   ========================================================================== */

#fkAppSplashScreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  height: 100dvh; /* Mobile dynamic viewport */
  background-color: #FEE703;
  z-index: 2147483647; /* Maximum priority above all layers */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: none;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  transition: transform 0.65s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s ease-out;
}

/* Phase 2: Grand upward slide & wipe ("স্যাক করে উপরে উঠে আসবে ও বড় হয়ে সরে যাবে") */
#fkAppSplashScreen.fk-splash-exiting {
  transform: translate3d(0, -100%, 0);
  opacity: 0.98;
  pointer-events: none;
}

.fk-splash-center {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.fk-splash-logo-wrap {
  position: relative;
  width: 112px;
  max-width: 30vw;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: fkLogoBreathing 2.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.fk-splash-logo-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.05));
  pointer-events: none;
}

/* Phase 1: Realistic gentle breathing zoom in & zoom out ("হালকা একটু জুম হবে, হালকা একটু জুম আউট হবে") */
@keyframes fkLogoBreathing {
  0% {
    transform: scale3d(0.78, 0.78, 1);
    opacity: 0;
  }
  16% {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1;
  }
  38% {
    transform: scale3d(0.96, 0.96, 1);
  }
  60% {
    transform: scale3d(1.08, 1.08, 1);
  }
  80% {
    transform: scale3d(0.98, 0.98, 1);
  }
  92% {
    transform: scale3d(1.02, 1.02, 1);
  }
  100% {
    transform: scale3d(1.0, 1.0, 1);
  }
}

/* Phase 2: Zoom in big and elevate while exiting */
#fkAppSplashScreen.fk-splash-exiting .fk-splash-logo-wrap {
  animation: none;
  transform: scale3d(2.6, 2.6, 1) translate3d(0, -30px, 0);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s ease-out;
}