@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Lora:ital@1&display=swap');
/* CutPopUp — Personalise & Send. Scoped under .cpx-pers. */
.cpx-pers{--c:#E0592C;--cd:#B8431C;--cs:#FCEEE6;--green:#2E5E4E;--cream:#FBF5EC;--ink:#2A2722;--mut:#7C7367;--line:#ECE4D7;
  --hand:"Caveat",cursive;--classic:"Lora",Georgia,serif;font-family:inherit;color:var(--ink);max-width:1180px;margin:0 auto}
.cpx-pers *{box-sizing:border-box}
.cpx-pers-head{text-align:center;max-width:640px;margin:0 auto 18px}
.cpx-pers-eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.cpx-pers-title{font-size:clamp(26px,3.4vw,38px);margin:8px 0 0;line-height:1.12}
.cpx-pers-sub{color:var(--mut);margin:9px 0 0}
.cpx-pers-stepper{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.cpx-pers-s{font-size:13px;font-weight:500;color:var(--mut);padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff}
.cpx-pers-s.on{border-color:var(--c);color:var(--cd);background:var(--cs)}
.cpx-pers-s.done{border-color:var(--green);color:var(--green)}
.cpx-pers-grid{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:start}
.cpx-pers-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.cpx-pers-panel h3{font-size:21px;margin:0 0 14px}
.cpx-pers-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.cpx-pers-gcard{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;padding:0;text-align:left}
.cpx-pers-gcard.sel{border-color:var(--c);box-shadow:0 0 0 2px var(--cs)}
.cpx-pers-gthumb{aspect-ratio:1/1;background:var(--cream)}
.cpx-pers-gthumb img{width:100%;height:100%;object-fit:cover}
.cpx-pers-gb{padding:8px 10px}
.cpx-pers-gn{font-size:12.5px;font-weight:500;line-height:1.25}
.cpx-pers-gp{font-size:12px;color:var(--mut)}
.cpx-pers-fld{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}
.cpx-pers textarea,.cpx-pers input[type=text],.cpx-pers input[type=date]{width:100%;font:inherit;font-size:15px;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--ink);background:#fff}
.cpx-pers textarea{min-height:90px;resize:vertical}
.cpx-pers textarea:focus,.cpx-pers input:focus{outline:none;border-color:var(--c)}
.cpx-pers-fonts,.cpx-pers-seg{display:flex;gap:9px;margin-top:14px}
.cpx-pers-font,.cpx-pers-segopt{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:11px 6px;text-align:center;cursor:pointer;background:#fff;font:inherit;font-weight:500;font-size:13.5px;color:#574f44}
.cpx-pers-font.on,.cpx-pers-segopt.on{border-color:var(--c);background:var(--cs);color:var(--cd)}
.cpx-pers-hint{font-size:12.5px;color:var(--mut);font-style:italic;margin:14px 0 0}
.cpx-pers-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.cpx-pers-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;font-size:15px;border:none;border-radius:999px;padding:13px 24px;cursor:pointer}
.cpx-pers-btn.primary{background:var(--c);color:#fff}
.cpx-pers-btn.primary:hover:not(:disabled){background:var(--cd)}
.cpx-pers-btn.primary:disabled{opacity:.45;cursor:not-allowed}
.cpx-pers-btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.cpx-pers-form{margin:0}
.cpx-pers-review .rl{display:flex;justify-content:space-between;font-size:14px;color:#574f44;padding:9px 0;border-bottom:1px solid var(--line)}
.cpx-pers-review .rl.tot{border:none;padding-top:13px}
.cpx-pers-review .rl.tot b{font-size:22px}
.cpx-pers-rail{position:sticky;top:20px}
.cpx-pers-rail h4{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:0 0 12px;text-align:center}
.cpx-pers-cardview{display:flex;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(42,39,34,.06);aspect-ratio:3/2}
.cpx-pers-leaf{flex:1;min-width:0;position:relative}
.cpx-pers-leaf.left{border-right:1px solid #efe7da;background:var(--cream)}
.cpx-pers-thumb{position:absolute;inset:0}
.cpx-pers-thumb img{width:100%;height:100%;object-fit:cover}
.cpx-pers-leaf.right{background:linear-gradient(180deg,#FFFDF7,#FBF5EC);padding:7%;display:flex;flex-direction:column;gap:8px}
.cpx-pers-pvmsg{flex:1;color:#3a342c;overflow:hidden}
.cpx-pers-pvmsg.hand{font-family:var(--hand);font-size:clamp(17px,3vw,26px);line-height:1.25}
.cpx-pers-pvmsg.classic{font-family:var(--classic);font-style:italic;font-size:clamp(12px,1.8vw,16px);line-height:1.5}
.cpx-pers-pvmsg.modern{font-size:clamp(11px,1.6vw,14px);line-height:1.5}
.cpx-pers-pvfrom{font-family:var(--hand);font-size:clamp(14px,2.4vw,22px);color:var(--cd);margin-top:auto}
.cpx-pers-deliv{margin-top:14px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-size:13px;color:#574f44}
.cpx-pers-deliv b{color:var(--ink)}
@media(max-width:920px){.cpx-pers-grid{grid-template-columns:1fr}.cpx-pers-rail{position:static;order:-1;margin-bottom:8px}}
@media(max-width:520px){.cpx-pers-cards{grid-template-columns:1fr 1fr}.cpx-pers-fonts,.cpx-pers-seg{flex-wrap:wrap}}