.ohps{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border:1px solid #e7e7e7;border-radius:14px;padding:14px;background:#fff}
.ohps h2,.ohps h3{margin:8px 0 10px}
.ohps-small{font-size:12px;color:#666}
.ohps-notice{padding:10px 12px;border-radius:10px;margin:10px 0}
.ohps-ok{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46}
.ohps-bad{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d}
.ohps-header{display:flex;gap:12px;align-items:stretch;margin-bottom:12px}
.ohps-banner{width:180px;min-height:90px;border-radius:12px;background-size:cover;background-position:center;border:1px solid #eee}
.ohps-headtext{flex:1}
.ohps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.ohps-card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04)}
.ohps-thumb{height:130px;background-size:cover;background-position:center}
.ohps-cardbody{padding:12px}
.ohps-title{font-weight:700;margin-bottom:6px}
.ohps-desc{font-size:13px;color:#444;margin-bottom:10px;min-height:40px}
.ohps-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ohps-pill{font-size:12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:3px 8px;color:#111827}
.ohps-buyrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ohps-price{font-weight:800}
.ohps-buyform{display:flex;gap:8px;align-items:center}
.ohps-qty{width:70px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:10px}
.ohps-btn{background:#111827;color:#fff;border:none;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600}
.ohps-btn:hover{opacity:.92}
.ohps-btn-lite{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}
.ohps-empty{padding:12px;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px}
.ohps-section{margin-top:14px;padding-top:12px;border-top:1px solid #eee}
.ohps-form input[type=text], .ohps-form textarea{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px}
.ohps-row{display:flex;gap:12px;flex-wrap:wrap}
.ohps-col{flex:1;min-width:220px}
.ohps-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ohps-preview{margin-top:8px;height:70px;border-radius:12px;border:1px solid #eee;background-size:cover;background-position:center}
.ohps-table{width:100%;border-collapse:collapse}
.ohps-table th,.ohps-table td{border-bottom:1px solid #eee;padding:10px;text-align:left;vertical-align:top}
.ohps-raid{margin:12px 0;padding:12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}
.ohps-stat{font-size:16px}