/* ===== Homepage Popup Announcement ===== */
.site-popup-overlay{
  position:fixed;inset:0;z-index:9000;
  background:rgba(10,20,15,.72);
  display:flex;align-items:center;justify-content:center;
  padding:1.25rem;
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
}
.site-popup-overlay.open{opacity:1;visibility:visible}
.site-popup-box{
  position:relative;
  width:100%;max-width:420px;
  background:#0f0f10;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.4);
  transform:translateY(16px) scale(.98);
  transition:transform .3s ease;
}
.site-popup-overlay.open .site-popup-box{transform:translateY(0) scale(1)}
.site-popup-close{
  position:absolute;top:.6rem;right:.6rem;z-index:2;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.92);color:#1a3d27;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;line-height:1;cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  transition:transform .15s ease,background .15s ease;
}
.site-popup-close:hover{transform:scale(1.08);background:#fff}
.site-popup-slides{position:relative;width:100%;aspect-ratio:4/5;background:#0f0f10}
.site-popup-slide{
  position:absolute;inset:0;
  opacity:0;visibility:hidden;
  transition:opacity .35s ease;
}
.site-popup-slide.active{opacity:1;visibility:visible}
.site-popup-slide a{display:block;width:100%;height:100%}
.site-popup-slide img{width:100%;height:100%;object-fit:cover;display:block}
.site-popup-dots{
  position:absolute;left:0;right:0;bottom:.9rem;
  display:flex;justify-content:center;gap:.4rem;
}
.site-popup-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.45);
  border:none;padding:0;cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.site-popup-dot.active{background:#fff;transform:scale(1.2)}
@media(max-width:480px){
  .site-popup-box{max-width:340px}
}