/* Sitewide "Install the app" banner — see pwa-install.js */
.pwa-install-banner{
  position:fixed;
  left:16px;right:16px;bottom:16px;
  z-index:500;
  max-width:420px;margin:0 auto;
  display:flex;align-items:center;gap:12px;
  background:#14120f;color:#fff;
  border-radius:16px;padding:14px;
  box-shadow:0 14px 34px rgba(0,0,0,.38);
  transform:translateY(130%);opacity:0;
  transition:transform .32s ease, opacity .32s ease;
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pwa-install-banner.is-visible{transform:translateY(0);opacity:1;}
.pwa-install-icon{width:42px;height:42px;border-radius:10px;overflow:hidden;flex:none;background:#221f19;}
.pwa-install-icon img{width:100%;height:100%;object-fit:cover;display:block;}
.pwa-install-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.pwa-install-copy strong{font-size:13.5px;font-weight:700;}
.pwa-install-copy span{font-size:12px;color:rgba(255,255,255,.65);line-height:1.45;}
.pwa-install-cta{
  background:#ffa800;color:#14120a;border:none;border-radius:8px;
  padding:10px 15px;font-size:12.5px;font-weight:700;cursor:pointer;flex:none;
  white-space:nowrap;
}
.pwa-install-cta:hover{background:#e69500;}
.pwa-install-close{
  position:absolute;top:-8px;right:-8px;
  width:22px;height:22px;border-radius:50%;
  background:#fff;color:#14120f;border:none;
  font-size:15px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
}
@media (max-width:480px){
  .pwa-install-banner{left:10px;right:10px;bottom:10px;padding:12px;}
}