/* ป๊อปอัปรูปหน้าแรก — ตั้งค่าจากหลังบ้าน (admin/popups.php) */
.zpop{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px}
.zpop[hidden]{display:none}
.zpop-bd{position:absolute;inset:0;background:rgba(10,10,12,.72);backdrop-filter:blur(2px);animation:zpopFade .25s ease}
/* กล่องหดตามสัดส่วนรูปจริง ไม่ให้เหลือขอบขาวข้างรูปแนวตั้ง */
.zpop-box{position:relative;max-width:min(560px,92vw);display:flex;flex-direction:column;
  animation:zpopIn .3s cubic-bezier(.2,.8,.3,1)}
.zpop-img{display:block;border-radius:6px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4);line-height:0}
.zpop-img img{display:block;width:auto;max-width:100%;height:auto;max-height:min(70vh,720px)}
a.zpop-img{cursor:pointer}

/* ปุ่มกากบาทมุมขวาบนของรูป */
.zpop-x{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border:0;border-radius:50%;
  background:#fff;color:var(--ink);font-size:16px;line-height:1;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.3);transition:.2s}
.zpop-x:hover{background:var(--red);color:#fff;transform:rotate(90deg)}

/* แถบปุ่มใต้รูป */
.zpop-foot{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap}
.zpop-foot button{font-family:'Kanit',sans-serif;font-size:14px;cursor:pointer;border-radius:2px;transition:.2s;padding:11px 20px}
.zpop-never{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
.zpop-never:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.zpop-close{background:var(--red);border:1px solid var(--red);color:#fff;font-weight:600;min-width:120px;justify-content:center}
.zpop-close:hover{background:var(--red2);border-color:var(--red2)}

@keyframes zpopFade{from{opacity:0}to{opacity:1}}
@keyframes zpopIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.zpop-bd,.zpop-box{animation:none}}

@media (max-width:560px){
  .zpop{padding:18px}
  .zpop-x{top:-12px;right:-6px}
  .zpop-foot{gap:8px}
  .zpop-foot button{flex:1;padding:12px 10px;text-align:center}
}