/* Medyaf installed-PWA launch splash. Hidden in ordinary browser tabs. */
.pwa-launch-splash{display:none}
html.pwa-launch-splash-pending{background:#fbf7f1;overflow:hidden}
html.pwa-launch-splash-pending body{overflow:hidden!important}
html.pwa-launch-splash-pending .pwa-launch-splash{
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100dvh;
  padding:max(26px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 34%,rgba(225,196,132,.22) 0,rgba(225,196,132,0) 29%),
    linear-gradient(160deg,#fffdf9 0%,#fbf6ef 52%,#f7eee7 100%);
  color:#4f0d19;
  opacity:1;
  visibility:visible;
  transition:opacity .48s cubic-bezier(.22,.61,.36,1),visibility .48s;
}
html.pwa-launch-splash-pending .pwa-launch-splash::before,
html.pwa-launch-splash-pending .pwa-launch-splash::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(72vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(1px);
  pointer-events:none;
}
html.pwa-launch-splash-pending .pwa-launch-splash::before{top:-38%;inset-inline-start:-24%;background:radial-gradient(circle,rgba(92,18,31,.075),transparent 67%)}
html.pwa-launch-splash-pending .pwa-launch-splash::after{bottom:-42%;inset-inline-end:-25%;background:radial-gradient(circle,rgba(205,159,70,.10),transparent 68%)}
.pwa-launch-splash-inner{
  width:min(100%,330px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  transform:translateY(-1.5vh);
}
.pwa-launch-splash-logo-wrap{
  position:relative;
  display:grid;
  place-items:center;
  width:108px;
  height:108px;
  margin-bottom:20px;
  animation:medyafSplashFloat 2.25s ease-in-out infinite;
}
.pwa-launch-splash-halo{
  position:absolute;
  inset:-10px;
  border:1px solid rgba(150,100,31,.22);
  border-radius:34px;
  animation:medyafSplashHalo 2s ease-out infinite;
}
.pwa-launch-splash-logo{
  position:relative;
  z-index:1;
  display:block;
  width:96px;
  height:96px;
  border-radius:29px;
  object-fit:cover;
  box-shadow:0 22px 44px -18px rgba(70,10,23,.45),0 2px 8px rgba(61,12,22,.08);
}
.pwa-launch-splash-brand{
  margin:0;
  color:#510e1b;
  font-family:"Aref Ruqaa",Georgia,serif;
  font-size:34px;
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.02em;
}
.pwa-launch-splash-tagline{
  margin:8px 0 0;
  color:#927d78;
  font-family:"Cairo","Inter",system-ui,sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.65;
}
.pwa-launch-splash-loader{
  position:relative;
  width:46px;
  height:46px;
  margin-top:28px;
}
.pwa-launch-splash-loader-ring{
  position:absolute;
  inset:0;
  border:3px solid rgba(92,18,31,.10);
  border-top-color:#7f172a;
  border-inline-end-color:#bf8d33;
  border-radius:50%;
  animation:medyafSplashSpin .85s linear infinite;
}
.pwa-launch-splash-loader-dot{
  position:absolute;
  inset:50% auto auto 50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d0a14d;
  box-shadow:0 0 0 5px rgba(208,161,77,.12);
  transform:translate(-50%,-50%);
  animation:medyafSplashDot 1.2s ease-in-out infinite;
}
.pwa-launch-splash-status{
  margin-top:13px;
  color:#7d6864;
  font-family:"Cairo","Inter",system-ui,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.01em;
}
html.pwa-launch-splash-leaving .pwa-launch-splash{opacity:0;visibility:hidden;pointer-events:none}
@keyframes medyafSplashSpin{to{transform:rotate(360deg)}}
@keyframes medyafSplashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes medyafSplashHalo{0%{opacity:.45;transform:scale(.92)}65%,100%{opacity:0;transform:scale(1.14)}}
@keyframes medyafSplashDot{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.84)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
@media (max-width:420px){
  .pwa-launch-splash-inner{width:min(100%,285px)}
  .pwa-launch-splash-logo-wrap{width:98px;height:98px;margin-bottom:17px}
  .pwa-launch-splash-logo{width:88px;height:88px;border-radius:27px}
  .pwa-launch-splash-brand{font-size:31px}
  .pwa-launch-splash-tagline{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  .pwa-launch-splash-logo-wrap,.pwa-launch-splash-halo,.pwa-launch-splash-loader-ring,.pwa-launch-splash-loader-dot{animation:none!important}
  .pwa-launch-splash-loader-ring{border-color:rgba(92,18,31,.2);border-top-color:#7f172a}
}