:root{--rbp-bg:#fff;--rbp-soft:#f8faf9;--rbp-border:#e5e7eb;--rbp-text:#111827;--rbp-muted:#6b7280;--rbp-emerald:#0c6a43;--rbp-emerald-2:#0e7b4c;--rbp-radius:16px;--rbp-shadow:0 8px 22px rgba(12,106,67,.06)}
#rbp-app{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--rbp-text)}
.rbp-shell{max-width:1200px;margin:0 auto;padding:16px}
.rbp-hero{padding:12px 0 6px}.rbp-hero-title{font-size:34px;font-weight:800;margin:0 0 6px}.rbp-hero-sub{color:var(--rbp-muted)}
.rbp-steps{display:flex;gap:14px;margin:10px 0 18px}
.rbp-step{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--rbp-border);border-radius:10px;background:#fff;font-weight:700;color:#2a3d34}
.rbp-step.active{background:linear-gradient(90deg,var(--rbp-emerald),var(--rbp-emerald-2));color:#fff;border-color:transparent;position:relative}
.rbp-step.active:after{content:"";position:absolute;right:-16px;top:0;bottom:0;width:16px;background:linear-gradient(90deg,var(--rbp-emerald),var(--rbp-emerald-2));clip-path:polygon(0 0,100% 50%,0 100%)}
.rbp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:10px 0 30px}
@media (min-width:1280px){.rbp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.rbp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.rbp-card{display:flex;flex-direction:column;border:1px solid var(--rbp-border);border-radius:var(--rbp-radius);background:#fff;box-shadow:var(--rbp-shadow);overflow:hidden}
.rbp-card-img{height:220px;background:var(--rbp-soft);display:flex;align-items:center;justify-content:center}
.rbp-card-img img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain}
.rbp-card-body{padding:14px;display:flex;flex-direction:column;gap:8px}
.rbp-card-title{font-weight:800;min-height:44px}.rbp-price{font-weight:800}
.rbp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:800}
.rbp-btn-primary{background:var(--rbp-emerald);color:#fff}.rbp-btn-ghost{background:#fff;border:1px solid var(--rbp-border)}
.rbp-filterbar{position:sticky;top:0;z-index:5;background:#fff;border:1px solid var(--rbp-border);border-radius:14px;padding:14px;box-shadow:var(--rbp-shadow);margin-bottom:14px}
.rbp-chiprow{display:flex;flex-wrap:wrap;gap:10px}.rbp-chip{padding:8px 12px;border:1px solid var(--rbp-border);border-radius:999px;background:#fff;font-weight:700;color:#2a3d34;cursor:pointer}.rbp-chip.active{background:#e8f4ef;border-color:#b7d8c8;color:var(--rbp-emerald)}
.rbp-rows{display:flex;flex-direction:column;gap:10px}
.rbp-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--rbp-border);border-radius:14px;background:#fff;box-shadow:var(--rbp-shadow)}
.rbp-row-title{font-weight:800}.rbp-row-sub{color:var(--rbp-muted);font-size:13px}.rbp-row-price{font-weight:800}
.rbp-review{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;border:1px solid var(--rbp-border);border-radius:16px;background:#fff;padding:16px;box-shadow:var(--rbp-shadow);margin:8px 0 24px}
.rbp-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#55665b;margin-bottom:4px}
.rbp-input input{padding:10px 12px;border:1px solid var(--rbp-border);border-radius:10px;width:100%}
.rbp-total{font-size:18px;margin-top:10px}.rbp-total b{color:var(--rbp-emerald)}
.rbp-empty{border:1px dashed var(--rbp-border);background:var(--rbp-soft);border-radius:14px;padding:20px;text-align:center;color:var(--rbp-muted)}