/* ===== Fotoluxo — Pay Dialog ===== */
:root{
    --pp-bg: var(--bg, #faf7f2);
    --pp-card: var(--card, #fff);
    --pp-ink: var(--ink, #1c1a19);
    --pp-muted: var(--muted, #6d6762);
    --pp-gold: var(--gold, #c9a227);
    --pp-gold-2: var(--gold-2, #e3cd7a);
    --pp-line: var(--line, #eee7dd);
    --pp-shadow: var(--shadow, 0 10px 28px rgba(34,25,13,.08));
    --pp-radius: var(--radius, 18px);
}

.paydlg-overlay{
    position: fixed; inset: 0;
    background: rgba(18,15,10,.38);
    backdrop-filter: blur(2px);
    display: none; z-index: 1200;
}
.paydlg-overlay.is-open{ display: grid; place-items: center; }

.paydlg{
    width: min(760px, 92vw);
    background: var(--pp-card);
    border: 1px solid var(--pp-line);
    border-radius: var(--pp-radius);
    box-shadow: 0 24px 40px rgba(34,25,13,.25);
    color: var(--pp-ink);
    display: flex; flex-direction: column;
}

.paydlg-head{
    display:flex; align-items:center; justify-content:space-between;
    padding: 14px 16px; border-bottom:1px solid var(--pp-line);
}
.paydlg-title{ font-weight: 700; }
.paydlg-close{
    width:36px; height:36px; border-radius:10px; border:1px solid var(--pp-line);
    background:#fff; cursor:pointer; font-size:20px; line-height:1;
}

.paydlg-body{ padding: 14px; display: grid; gap: 14px; }

.paydlg-packs{
    display:grid; gap:10px;
    grid-template-columns: repeat(2, 1fr);
}
.paydlg-pack{
    background:#fff; border:1px solid var(--pp-line); border-radius:14px;
    padding:12px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px;
    transition: box-shadow .12s ease, border-color .12s ease, transform .06s ease;
}
.paydlg-pack:hover{ border-color: var(--pp-gold); box-shadow: 0 8px 20px rgba(201,162,39,.12); transform: translateY(-1px); }
.paydlg-pack.is-active{ border-color: var(--pp-gold); box-shadow: 0 8px 20px rgba(201,162,39,.18); }
.paydlg-pack-title{ font-weight: 600; }
.paydlg-pack-sub{ color: var(--pp-muted); font-size: 12px; }
.paydlg-pack-price{
    font-weight: 800;
    background: linear-gradient(135deg,var(--pp-gold),var(--pp-gold-2));
    -webkit-background-clip: text; background-clip: text; color: transparent;
}

.paydlg-foot{
    display:flex; gap:10px; justify-content:flex-end; padding:0 14px 14px;
}
.paydlg-btn{
    border:1px solid var(--pp-line); background:#fff; border-radius:12px; padding:12px 14px; cursor:pointer; font-weight:700;
}
.paydlg-btn.primary{
    color:#fff; border:none; background: linear-gradient(135deg, var(--pp-gold), var(--pp-gold-2));
    box-shadow: 0 8px 20px rgba(201,162,39,.35);
}
.paydlg-btn[disabled]{ opacity:.6; cursor:not-allowed; box-shadow:none; }
.paydlg-note{ color:var(--pp-muted); font-size:12px; }

.paydlg-hidden{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* Toast (локально) */
.paydlg-toast{
    position: fixed; left:50%; bottom:16px; transform: translateX(-50%);
    background: var(--pp-card); border:1px solid var(--pp-line);
    border-left:6px solid var(--pp-gold); border-radius:12px; padding:10px 14px; box-shadow: var(--pp-shadow);
    z-index: 1300; font-size:14px;
}

/* Mobile */
@media (max-width: 720px){
    .paydlg{ width: min(640px, 96vw); }
    .paydlg-packs{ grid-template-columns: 1fr; }
    .paydlg-foot{ flex-direction: column; }
    .paydlg-btn{ width: 100%; }
}