#ph-root{max-width:1200px;margin:14px auto;padding:10px;font-family:Arial,Helvetica,sans-serif}
.ph-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}
@media(min-width:640px){ .ph-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1000px){ .ph-grid{grid-template-columns:repeat(3,1fr);} }
.ph-card{background:#fff;border-radius:8px;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.ph-card .media{height:220px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;padding:6px}
.ph-card .media img{max-width:100%;max-height:100%;object-fit:contain}
.ph-card .body{padding:12px;display:flex;flex-direction:column;flex:1}
.ph-title{font-weight:700;margin:0 0 6px 0;font-size:16px}
.ph-sub{color:#666;font-size:13px;margin-bottom:8px}
.price-row{display:flex;align-items:center;gap:8px}
.price-current{font-size:18px;color:#b12704;font-weight:700}
.ph-actions{margin-top:auto;display:flex;gap:8px}
.ph-btn{background:#ff9900;color:#111;padding:10px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:700}
.ph-ghost{background:transparent;border:1px solid #ddd;padding:8px;border-radius:6px;cursor:pointer}
.chart-box{height:320px;margin-top:12px}
.company-table{width:100%;border-collapse:collapse;margin-top:8px}
.company-table th, .company-table td{border:1px solid #eee;padding:8px;text-align:left}