.bpo{display:flex;flex-direction:column;gap:14px;margin:4px 0 18px;clear:both}.bpo-groups{display:flex;flex-direction:column;gap:14px}.bpo-g{margin:0;padding:0;min-width:0}.bpo-gl{display:block;margin:0 0 8px;padding:0;font-size:15px;font-weight:700;color:#183f49}.bpo-cs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.bpo-groups .bpo-c{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border:1px solid #d3e2e4;border-radius:12px;background:#fff;cursor:pointer;font-size:14px;font-weight:400;line-height:1.3;color:#28464f;transition:border-color .15s,box-shadow .15s,background-color .15s}.bpo-groups .bpo-c:hover{border-color:#187b78}.bpo-groups .bpo-c.is-on{border-color:#187b78;background:#eef8f7;box-shadow:inset 0 0 0 1px #187b78}.bpo-groups .bpo-c input{flex:0 0 auto;margin:0;accent-color:#187b78}.bpo-groups .bpo-c img{flex:0 0 46px;width:46px;height:46px;object-fit:cover;border-radius:8px;background:#f4f8f8}.bpo-t{flex:1 1 auto;min-width:0}.bpo-t small{display:block;margin-top:2px;font-size:12px;color:#6b7c80}.bpo-p{flex:0 0 auto;font-weight:700;color:#187b78;white-space:nowrap}.bpo-groups .is-ask .bpo-p{font-weight:600;color:#8a6d1f}.bpo-note{margin:6px 0 0;font-size:13px;line-height:1.45;color:#5d6f73}.bpo-total{padding:10px 14px;border-radius:12px;background:#183f49;color:#fff;font-size:15px}.bpo-total strong{margin-left:6px;font-size:18px;color:#fff}.bpo-from{font-size:.8em;font-weight:600}.bpo-side{margin:28px 0 10px;padding:18px 22px 8px;border:1px solid #d3e2e4;border-radius:18px;background:#f7fbfb}.bpo-side-top{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:0 0 12px}.bpo-side-h{margin:0;font-size:18px;font-weight:700;color:#183f49}.bpo-side-buy{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bpo-side-total{font-size:15px;color:#183f49}.bpo-side-total strong{margin-left:6px;font-size:19px}.bpo-side .bpo-groups{gap:0}.bpo-side .bpo-g{display:grid;grid-template-columns:190px minmax(0,1fr);gap:6px 18px;align-items:center;padding:12px 0;border-top:1px solid #e0ecee}.bpo-side .bpo-gl{margin:0}.bpo-side .bpo-cs{display:flex;flex-wrap:wrap;gap:8px}.bpo-side .bpo-c{flex:1 1 0;min-width:160px;max-width:270px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:center}.bpo-side .bpo-c.has-img{grid-template-columns:auto 42px minmax(0,1fr)}.bpo-side .bpo-c img{width:42px;height:42px}.bpo-side .bpo-c input,.bpo-side .bpo-c img{grid-row:1/span 2}.bpo-side .bpo-c .bpo-t,.bpo-side .bpo-c .bpo-p{grid-column:-2}.bpo-side .bpo-c .bpo-p{justify-self:start;font-size:13px}.bpo-side .bpo-g .bpo-note{grid-column:2;margin:0}.bpo-side .bpo-groups > .bpo-note{margin:2px 0 10px}@media (max-width:480px){.bpo-cs{grid-template-columns:1fr}}