/* ===== VonRyan HP Specs - GSMArena-like ===== */
.hp-specs { width:100%; box-sizing:border-box; font-family: Arial, Helvetica, sans-serif; color:#222; }
.specs-group { margin-bottom:18px; }
.specs-group-title { margin:0 0 8px 0; padding:6px 10px; font-size:14px; font-weight:800; color:#b10000; text-transform:uppercase; background:#fafafa; border-left:4px solid #b10000; }
.specs-section { width:100%; border:1px solid #e2e2e2; border-radius:6px; overflow:hidden; }
.specs-row { display:flex; border-bottom:1px solid #eee; padding:10px 12px; }
.specs-row:last-child { border-bottom:none; }
.specs-title { flex:1; width:35%; font-weight:700; color:#333; text-transform:uppercase; }
.specs-value { flex:2; line-height:1.5; }
@media (max-width:680px){ .specs-row{flex-direction:column;} .specs-title{margin-bottom:6px; width:100%;} }

/* Legacy table style (kept for backward compatibility) */
.hp-specs-wrap table{ width:100%; border-collapse:collapse; margin:16px 0; }
.hp-specs-wrap th,.hp-specs-wrap td{ border:1px solid #e5e7eb; padding:8px 10px; vertical-align:top; }
.hp-specs-wrap th{ background:#f8fafc; text-align:left; width:160px; }
.hp-specs-wrap .ttl{ width:180px; font-weight:600; }
.hp-specs-wrap .nfo{ color:#111827; }
.tr-toggle{ display:none; }

/* Grid layout (more robust across themes) */
.hp-specs .specs-section { display:block; }
.hp-specs .specs-row { display:grid; grid-template-columns: minmax(160px, 35%) 1fr; gap:8px; align-items:start; }
.hp-specs .specs-title { grid-column: 1; }
.hp-specs .specs-value { grid-column: 2; }
@media (max-width:680px){ .hp-specs .specs-row{grid-template-columns: 1fr;} .hp-specs .specs-value{grid-column:1;} }