/* Luxidec Lights PWA App Upgrade */
.install-app-btn{
  border-color:rgba(201,162,77,.45)!important;
  background:linear-gradient(135deg,rgba(201,162,77,.2),rgba(255,255,255,.04))!important;
  color:var(--gold2)!important;
  padding:0 14px!important;
  font-weight:900;
}
.install-app-btn span{font-size:15px;line-height:1}
.install-prompt{
  position:fixed;
  left:22px;
  bottom:22px;
  width:min(390px,calc(100vw - 44px));
  z-index:160;
  display:none;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid rgba(201,162,77,.28);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(17,14,10,.96),rgba(7,6,5,.94));
  box-shadow:0 22px 60px rgba(0,0,0,.46);
  backdrop-filter:blur(18px);
}
.install-prompt.show{display:flex;animation:pwaRise .35s ease both}
@keyframes pwaRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.install-prompt img{width:50px;height:50px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.05);padding:5px;border:1px solid rgba(201,162,77,.18)}
.install-copy{flex:1;min-width:0}.install-copy strong{display:block;color:var(--gold2);font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1}.install-copy span{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.35}.install-actions{display:flex;gap:8px;align-items:center}.install-actions button{border:1px solid rgba(201,162,77,.24);border-radius:999px;cursor:pointer;padding:9px 12px;background:rgba(255,255,255,.04);color:var(--text);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.9px}.install-actions .install-now{background:var(--gold);color:#111;border-color:var(--gold)}.install-x{position:absolute;right:8px;top:6px;width:26px;height:26px!important;border:0!important;background:transparent!important;color:var(--muted)!important;padding:0!important;font-size:18px!important}
.install-status{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.035)}.install-status b{width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 12px #25D366}.install-status.offline b{background:#ffb020;box-shadow:0 0 12px #ffb020}.install-status.installed b{background:var(--gold);box-shadow:0 0 12px var(--gold)}
.install-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.install-mini-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.03)}.install-mini-grid strong{display:block;color:var(--gold2);font-size:13px}.install-mini-grid span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.ios-install-box{margin-top:14px;padding:14px;border:1px dashed rgba(201,162,77,.38);border-radius:18px;color:var(--muted);font-size:13px;background:rgba(201,162,77,.06);display:none}.ios-install-box.show{display:block}.ios-install-box b{color:var(--gold2)}
.pwa-update-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:210;display:none;gap:12px;align-items:center;padding:12px 16px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text)}.pwa-update-toast.show{display:flex}.pwa-update-toast button{border:0;background:var(--gold);color:#111;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}
@media(max-width:900px){.install-app-btn{display:none!important}.install-prompt{left:12px;right:12px;bottom:76px;width:auto;padding:12px}.install-prompt img{width:42px;height:42px}.install-copy strong{font-size:18px}.install-actions button{padding:8px 10px}.install-mini-grid{grid-template-columns:1fr}.pwa-update-toast{bottom:86px;width:calc(100vw - 24px);border-radius:18px;justify-content:space-between}.wa-float{bottom:142px}.back-top{bottom:198px}}
@media(display-mode:standalone){.install-app-btn,.install-prompt{display:none!important}}


/* Refined install buttons: keep customer buying buttons first */
.compact-install{
  order:99!important;
  width:auto!important;
  min-width:58px!important;
  min-height:36px!important;
  padding:0 10px!important;
  font-size:11px!important;
  letter-spacing:.6px!important;
  opacity:.82;
}
.compact-install em{font-style:normal;font-size:11px;line-height:1;text-transform:uppercase;font-weight:900;color:inherit}
.compact-install span{font-size:12px!important}
.compact-install:hover{opacity:1}
.compact-app-panel{
  padding:22px!important;
}
.compact-app-panel h2{
  font-size:clamp(28px,3.2vw,42px)!important;
  margin-bottom:10px!important;
}
.compact-app-panel p{
  font-size:14px!important;
}
.compact-app-panel .feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 14px;
  margin:14px 0!important;
}
.compact-app-panel .feature-list li{
  font-size:12px;
  color:var(--muted);
}
.compact-app-panel #pwaInstallSupportBtn{
  padding:10px 16px!important;
  font-size:11px!important;
  min-height:38px!important;
  width:auto!important;
}
.footer-install-link{
  margin-top:12px;
  width:max-content;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--gold2);
  padding:8px 12px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  cursor:pointer;
}
.footer-install-link:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.install-prompt{
  width:min(330px,calc(100vw - 32px))!important;
  padding:11px!important;
  border-radius:18px!important;
  gap:10px!important;
}
.install-prompt img{width:40px!important;height:40px!important;border-radius:12px!important}
.install-copy strong{font-size:17px!important}
.install-copy span{font-size:11px!important;line-height:1.25!important}
.install-actions button{padding:7px 10px!important;font-size:10px!important}
.install-x{right:6px!important;top:4px!important}
@media(max-width:900px){
  .compact-app-panel .feature-list{grid-template-columns:1fr}
  .footer-install-link{font-size:10px;padding:7px 10px}
}

/* Auto-hide install notification polish */
.install-prompt{
  width:min(310px,calc(100vw - 28px))!important;
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  transform-origin:left bottom;
}
.install-prompt.show{
  display:flex!important;
  animation:installToastIn .32s ease both!important;
}
.install-prompt::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  width:100%;
  background:linear-gradient(90deg,var(--gold),var(--gold2),rgba(255,255,255,.2));
  transform-origin:left center;
  animation:installTimer 6.5s linear forwards;
  opacity:.75;
}
.install-prompt img{width:36px!important;height:36px!important;border-radius:11px!important;padding:4px!important}
.install-copy strong{font-size:16px!important;letter-spacing:.2px!important}
.install-copy span{font-size:10.5px!important;line-height:1.25!important;max-width:170px!important}
.install-actions{gap:6px!important;padding-right:4px!important}
.install-actions button{padding:7px 9px!important;font-size:9.5px!important;letter-spacing:.6px!important}
.install-x{right:3px!important;top:2px!important;width:22px!important;height:22px!important;font-size:15px!important;opacity:.75}
@keyframes installToastIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes installTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:900px){
  .install-prompt{
    left:12px!important;
    right:12px!important;
    bottom:76px!important;
    width:auto!important;
    max-width:none!important;
  }
  .install-copy span{max-width:none!important}
}


/* Upper notification + Luxidec Lights polish */
.install-prompt{
  top:92px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  transform-origin:top right!important;
  z-index:10080!important;
}
.install-prompt.show{
  animation:installToastDown .32s ease both!important;
}
.install-prompt::after{
  top:0!important;
  bottom:auto!important;
}
.install-copy strong{
  color:var(--gold2)!important;
}
@keyframes installToastDown{
  from{opacity:0;transform:translateY(-14px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:900px){
  .install-prompt{
    top:12px!important;
    left:12px!important;
    right:12px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    z-index:10080!important;
  }
}
