/* PWA Pro - install banner (minimal & stable) */
.pwapro-install-banner{
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 99999;
  background: #111827;
  color: #fff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  display: none;
}
.pwapro-install-banner__row{display:flex;gap:10px;align-items:center;}
.pwapro-install-banner__logo{
  width:40px;height:40px;border-radius:12px;
  background:#fff;
  padding:6px;
  box-sizing:border-box;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.pwapro-install-banner__logo img{
  width:100%;height:100%;
  max-width:100%;max-height:100%;
  object-fit:contain;
  border-radius:8px;
  display:block;
}
.pwapro-install-banner__text{flex:1;min-width:0;}
.pwapro-install-banner__title{font-size:14px;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pwapro-install-banner__desc{font-size:12px;margin:0;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pwapro-install-banner__actions{display:flex;gap:8px;align-items:center;}
.pwapro-btn{border:0;border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer;line-height:1;}
.pwapro-btn--primary{background:#fff;color:#111827;font-weight:800;}
.pwapro-btn--ghost{background:rgba(255,255,255,.14);color:#fff;}

/* Splash (app opening) */
.pwapro-splash{
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwapro-splash__card{
  width: min(420px, calc(100vw - 48px));
  text-align: center;
  padding: 18px 16px;
}
.pwapro-splash__logo{
  width: 84px;
  height: 84px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 auto 14px;
  overflow: hidden;
}
.pwapro-splash__logo img{
  width:100%;
  height:100%;
  object-fit: contain;
  display:block;
  border-radius: 16px;
}
.pwapro-splash__cart{
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
}
.pwapro-splash__cart svg{width:48px;height:48px;display:block;}
.pwapro-splash__cart .wheel{
  animation: pwaproWheel 900ms linear infinite;
  transform-origin: center;
}
@keyframes pwaproWheel{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.pwapro-splash__msg{
  font-size: 14px;
  color: #111827;
  font-weight: 700;
  margin: 0;
}
.pwapro-splash--fade{
  opacity: 0;
  transition: opacity 220ms ease;
  pointer-events: none;
}