.tpf-demo-wrap{flex-shrink:0;width:100%;max-width:320px;position:relative;font-family:'Nunito',sans-serif;text-align:left}
.tpf-demo-frame{box-sizing:border-box;width:100%;background:#1e1033;border-radius:48px;padding:16px;box-shadow:0 30px 80px rgba(30,16,51,.2);margin:0 auto}
.tpf-demo-screen{background:#fff;border-radius:34px;overflow:hidden}
.tpf-demo-hdr{background:#7c3aed;padding:16px 18px;display:flex;align-items:center;gap:10px}
.tpf-demo-hdr-ico{width:37px;height:37px;border-radius:11px;background:#f97316;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tpf-demo-hdr-name{color:#fff;font-size:16px;font-weight:800;line-height:1.4}
.tpf-demo-hdr-sub{color:#c4b5fd;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.tpf-demo-body{padding:14px 13px 8px}
.tpf-demo-cat{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7c3aed;background:#ede9fe;padding:5px 13px;border-radius:100px;display:inline-block;margin:7px 0 10px}
.tpf-demo-item{background:#fafafa;border:1px solid #efefef;border-radius:14px;padding:10px;display:flex;gap:10px;margin-bottom:10px}
.tpf-demo-item-img{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ffedd5);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:21px}
.tpf-demo-item-name{font-size:13px;font-weight:900;color:#1e1033;margin-bottom:3px;line-height:1.35}
.tpf-demo-item-desc{font-size:11px;color:#6b5b8e;margin-bottom:5px;line-height:1.4}
.tpf-demo-item-row{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}
.tpf-demo-item-price{font-size:16px;font-weight:900;color:#f97316}
.tpf-demo-add{background:#f97316;color:#fff;border:none;border-radius:100px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:800;line-height:1.2}
.tpf-demo-confirm{background:#f97316;color:#fff;margin:8px 13px 14px;padding:13px 10px;border-radius:14px;font-size:14px;font-weight:900;line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}
.tpf-demo-confirm svg{flex-shrink:0;width:17px;height:17px}
@media(max-width:380px){.tpf-demo-frame{padding:12px;border-radius:38px}.tpf-demo-item{padding:8px;gap:7px}.tpf-demo-item-img{width:40px;height:46px}.tpf-demo-add{padding:4px 8px}}