/* === Popup / Duyuru Modal (Nocturne) === */
.pop-ov{position:fixed;inset:0;z-index:1000;background:rgba(8,11,10,.82);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
.pop-ov.open{opacity:1;visibility:visible}
.pop-card{position:relative;max-width:440px;width:100%;background:var(--panel);border:1px solid var(--line);box-shadow:0 40px 90px -30px #000;transform:translateY(20px) scale(.98);transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;max-height:92vh;overflow-y:auto}
.pop-ov.open .pop-card{transform:none}
.pop-x{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer;border-radius:50%;transition:.2s}
.pop-x:hover{background:var(--brass);color:#1a140a}
.pop-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--panel-2)}
.pop-img img{width:100%;height:100%;object-fit:cover;display:block}
.pop-disc{position:absolute;top:14px;left:14px;background:var(--brass);color:#1a140a;font-weight:600;font-size:13px;padding:5px 12px;letter-spacing:.04em}
.pop-body{padding:26px 26px 28px}
.pop-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:6px}
.pop-body h3{font-family:var(--display);font-weight:300;font-size:26px;color:var(--bone);margin:0 0 12px;line-height:1.15}
.pop-body p{color:var(--bone-soft);font-size:14.5px;line-height:1.7;margin:0 0 20px}
.pop-btns{display:flex;gap:12px;flex-wrap:wrap}
.pop-btns .btn{flex:1;min-width:130px;text-align:center;justify-content:center}
@media(max-width:480px){.pop-body h3{font-size:22px}.pop-btns .btn{min-width:100%}}