.cpix-box{margin:18px 0 4px;border:1px solid #e7e0d5;border-radius:24px;padding:22px;background:linear-gradient(145deg,#fff,#fbf8f2);box-shadow:0 18px 50px rgba(20,18,14,.06)}.cpix-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #eee8df}.cpix-top small{color:#9a8055;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.cpix-top h4{margin:4px 0 2px;font-size:22px}.cpix-top p{margin:0;color:#746f67}.cpix-top>strong{font-size:24px;white-space:nowrap}.cpix-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center;padding-top:20px}.cpix-qr{background:#fff;border:1px solid #e6e1d8;border-radius:20px;padding:10px;width:240px;height:240px;display:grid;place-items:center}.cpix-qr svg{max-width:100%;height:auto}.cpix-copy label{display:block;font-weight:900;margin-bottom:7px}.cpix-copy textarea{width:100%;min-height:102px;border:1px solid #ded8cf;border-radius:14px;padding:12px;font-size:12px;resize:none;background:#fff}.cpix-copy-btn{border:0;border-radius:999px;background:#171717;color:#fff;padding:12px 18px;font-weight:900;cursor:pointer;margin:10px 0}.cpix-copy small{display:block;color:#777168}.cpix-note,.cpix-alert{margin-top:18px;padding:13px 15px;border-radius:14px;background:#f0eadf;color:#665b49;font-size:13px}.cpix-alert a{font-weight:800;text-decoration:underline}@media(max-width:700px){.cpix-grid{grid-template-columns:1fr}.cpix-qr{margin:auto}.cpix-top{flex-direction:column}.cpix-top>strong{font-size:21px}}