/* Popups (pp-*). Self-contained so it also renders in the admin template gallery. */
.pp{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(26,8,16,.62);animation:ppf .25s ease both;font-family:Jost,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@keyframes ppf{from{opacity:0}to{opacity:1}}@keyframes ppu{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pp,.pp-in{animation:none!important}}
.pp-in{--c1:var(--plum,#4a1259);--c2:var(--rani,#c2185b);--br:var(--brand,#7b1e3a);--gd:var(--accent,#f2a900);position:relative;box-sizing:border-box;border-radius:22px;overflow:hidden;width:100%;box-shadow:0 40px 80px -30px rgba(26,8,16,.7);animation:ppu .35s cubic-bezier(.2,.8,.3,1) both;line-height:1.5}
.pp-in *{box-sizing:border-box}
.pp-x{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#3b2a30;font-size:15px;cursor:pointer;display:grid;place-items:center}
.pp-t{padding:38px 34px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative;z-index:1}
.pp-t h3{font-family:"Fraunces",Georgia,serif;font-size:28px;line-height:1.15;margin:0;font-weight:700;letter-spacing:0;color:inherit}
.pp-c{font-size:15px;opacity:.92}.pp-c p{margin:0}
.pp-badge{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 13px;border-radius:999px;background:var(--gd);color:#3a0e1d}
.pp-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 28px;font:600 14px Jost,system-ui,sans-serif;cursor:pointer;text-decoration:none;background:var(--br);color:#fff;transition:.2s;text-align:center}
.pp-btn:hover{filter:brightness(1.08);color:#fff}
.pp-form{display:flex;gap:8px;flex-wrap:wrap}.pp-form input{flex:1 1 170px;min-width:0;border:1.5px solid rgba(0,0,0,.14);border-radius:999px;padding:12px 16px;font:15px Jost,system-ui,sans-serif;background:#fff;color:#3b2a30;outline:0}
.pp-msg{margin:0;font-size:13.5px;font-weight:600}.pp-msg:empty{display:none}
.pp-no{align-self:flex-start;background:none;border:0;padding:2px 0;font:13px Jost,system-ui,sans-serif;color:inherit;opacity:.65;cursor:pointer;text-decoration:underline}
.pp-code{align-self:flex-start;display:flex;align-items:center;gap:12px;border:2px dashed var(--gd);background:rgba(255,255,255,.12);color:inherit;border-radius:14px;padding:10px 18px;cursor:pointer;font-family:inherit}
.pp-code b{font-size:22px;letter-spacing:.14em}.pp-code small{font-size:12px;opacity:.75}
.pp-cd{display:flex;gap:8px}.pp-cd span{min-width:60px;text-align:center;background:rgba(0,0,0,.2);border-radius:12px;padding:8px 6px;font-size:11px;display:flex;flex-direction:column;gap:2px}.pp-cd b{font-family:"Fraunces",Georgia,serif;font-size:24px;line-height:1}
/* layouts */
.pp-split{max-width:740px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.pp-split .pp-img{min-height:100%}.pp-split .pp-img picture{display:block;height:100%}.pp-split .pp-img img{width:100%;height:100%;object-fit:cover;display:block}
.pp-split:not(:has(.pp-img)){grid-template-columns:1fr;max-width:460px}
.pp-center{max-width:470px;text-align:center}.pp-center .pp-t{align-items:center}.pp-center .pp-badge,.pp-center .pp-no,.pp-center .pp-code{align-self:center}.pp-center .pp-cd{justify-content:center}.pp-center .pp-form{width:100%}
.pp-bar{max-width:none;width:100%;border-radius:18px 18px 0 0}.pp-bar .pp-t{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;padding:16px 60px 16px 22px}.pp-bar h3{font-size:19px}.pp-bar .pp-c{display:none}.pp-bar .pp-no{display:none}.pp-bar .pp-code{padding:6px 14px}.pp-bar .pp-code b{font-size:16px}.pp-bar .pp-btn{padding:10px 22px}
.pp-corner{max-width:350px;border-radius:20px}.pp-corner .pp-t{padding:30px 24px 22px;gap:10px}.pp-corner h3{font-size:22px}
.pp-bar,.pp-corner{animation-name:ppu}
/* wrapper variants */
.pp-wrap-bar,.pp-wrap-corner{background:none;pointer-events:none;padding:0}.pp-wrap-bar{inset:auto 0 0 0}.pp-wrap-corner{inset:auto 18px 18px auto;width:auto;justify-content:flex-end}.pp-wrap-bar .pp-in,.pp-wrap-corner .pp-in{pointer-events:auto}
.pp-wrap-static{position:static;background:none;padding:0;animation:none;display:block;pointer-events:auto}.pp-wrap-static .pp-in{animation:none}
/* themes */
.th-plum{background:linear-gradient(155deg,var(--c1),var(--c2) 130%);color:#fff}.th-plum .pp-btn{background:#fff;color:var(--br)}.th-plum .pp-btn:hover{color:var(--br)}
.th-cream{background:#fff6ee;color:#3b2a30}.th-cream .pp-c{color:#5a4850}.th-cream .pp-code{background:#fff;color:var(--br)}.th-cream .pp-cd span{background:rgba(123,30,58,.08)}
.th-gold{background:linear-gradient(160deg,#3a0e1d,#6b1735);color:#fff}.th-gold .pp-btn{background:var(--gd);color:#3a0e1d}.th-gold .pp-t h3{color:#ffe3a1}
.th-dark{background:#1b1316;color:#fff}.th-dark .pp-btn{background:#fff;color:#1b1316}.th-dark .pp-badge{background:var(--c2);color:#fff}
.th-white{background:#fff;color:#3b2a30}.th-white .pp-code{background:#fff9ec;color:var(--br)}.th-white .pp-cd span{background:rgba(123,30,58,.08)}
@media(max-width:640px){.pp-split .pp-img.has-m img{aspect-ratio:5/3;max-height:none;height:auto}.pp-split{grid-template-columns:1fr}.pp-split .pp-img{min-height:0;max-height:none}.pp-split .pp-img img{height:auto;max-height:42vh;object-fit:cover;object-position:center top}.pp-t{padding:28px 22px}.pp-t h3{font-size:24px}.pp-wrap-corner{inset:auto 10px 10px 10px;width:auto}.pp-corner{max-width:none}.pp-bar .pp-t{padding:14px 52px 14px 16px;justify-content:flex-start}.pp-bar h3{font-size:16px;flex:1 1 100%}}