*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e8ee}.wrap{max-width:1000px;margin:0 auto;padding:20px}.top{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#161922;border-bottom:1px solid #232734;flex-wrap:wrap}.logo{font-weight:800;font-size:22px;letter-spacing:1px;background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sel,button,input,select{font:inherit}.sel{padding:9px 11px;border-radius:10px;border:1px solid #2b3040;background:#1b1f2a;color:#e6e8ee}.spacer{flex:1 1}.layout{display:grid;grid-template-columns:1fr 360px;grid-gap:18px;gap:18px;padding:20px;max-width:1100px;margin:0 auto}@media(max-width:860px){.layout{grid-template-columns:1fr}}.group h3{margin:18px 0 8px;color:#9aa3b2;font-size:13px;text-transform:uppercase;letter-spacing:1px}.prod{background:#161922;border:1px solid #232734;border-radius:14px;padding:16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.prod .nm{font-weight:600}.prod .desc{color:#9aa3b2;font-size:13px;margin-top:4px}.pr{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}.pr .old{color:#9aa3b2;text-decoration:line-through;font-size:13px;font-weight:400;margin-right:6px}.badge{display:inline-block;background:#7c3aed;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;margin-left:6px}.addbtn{background:#2b6cff;border:none;border-radius:10px;color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.cart{background:#161922;border:1px solid #232734;border-radius:14px;padding:18px;position:-webkit-sticky;position:sticky;top:16px;height:-moz-fit-content;height:fit-content}.ci{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #232734;font-size:14px}.qbtn{width:30px;height:30px;border-radius:8px;border:1px solid #2b3040;background:#1b1f2a;color:#fff;font-size:16px;cursor:pointer}.total{display:flex;justify-content:space-between;font-size:22px;font-weight:800;margin:14px 0}.field{margin:8px 0}.field label{font-size:12px;color:#9aa3b2;display:block;margin-bottom:4px}.field input{padding:11px;border-radius:10px;border:1px solid #2b3040;background:#1b1f2a}.field input,.pay{width:100%;color:#fff}.pay{padding:15px;border:none;border-radius:12px;background:#16a34a;font-size:17px;font-weight:800;cursor:pointer;margin-top:8px}.pay:disabled{opacity:.4}.err{color:#ff6b6b;margin:8px 0}.ok{color:#4ade80}.notice{background:#7f1d1d;border-radius:10px;padding:12px;margin:10px 0}.confirm{max-width:520px;margin:60px auto;background:#0c2a16;border:1px solid #16a34a;border-radius:16px;padding:30px;text-align:center}