.book{margin-top:28px}.st{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:#999;margin:24px 0 12px}
.bg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bc,.cat{background:#15151a;color:#fff;border:1px solid #30303a;border-radius:18px;padding:12px;text-align:center;cursor:pointer;font:inherit}.bc{min-width:0;overflow:hidden}.bc:hover,.bc.on,.cat:hover,.cat.on{border-color:#1597ff;background:linear-gradient(135deg,#10151f,#122532)}
.bc img{display:block;width:100%;max-width:230px;height:230px;aspect-ratio:1/1;object-fit:contain;object-position:center;margin:0 auto;border-radius:12px;background:transparent}.bc b{display:block;font-size:21px;margin-top:10px;color:#19a0ff}.bc small{display:block;color:#999;margin-top:3px}.cat{padding:18px}.cat span{font-size:30px;display:block;margin-bottom:7px}.cat small{display:block;color:#999;margin-top:5px}
.box{margin-top:20px;padding:20px;background:#111116;border:1px solid #30303a;border-radius:20px}.hide{display:none!important}
.choice{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#19191f;border:1px solid #30303a;border-radius:13px;padding:15px;margin:9px 0}.choice small{display:block;color:#999;margin-top:4px}
.choose,.confirm{border:0;border-radius:10px;background:#25d366;color:#061108;padding:11px 16px;font-weight:900;cursor:pointer}.field{margin:12px 0}.field label{display:block;font-weight:800;margin-bottom:7px}.field select{width:100%;padding:13px;border-radius:10px;border:1px solid #3a3a43;background:#1b1b21;color:#fff;font-size:16px}
.summary{margin-top:18px;padding:18px;border-radius:15px;background:#17171d;border:1px solid #393943}.line{display:flex;justify-content:space-between;margin:7px 0;color:#ccc}.line b{color:#fff}.confirm{width:100%;margin-top:15px;padding:14px;font-size:16px}.note{font-size:12px;color:#888;text-align:center;line-height:1.5}
@media(min-width:701px){.hero img{width:min(500px,55vw);margin-bottom:4px}.hero{padding-top:55px}}
@media(max-width:700px){.bg{grid-template-columns:1fr}.bc img{max-width:260px}.choice{flex-direction:column;align-items:flex-start}.choose{width:100%}}