/* Products page specific styles. Keep light and avoid duplicating base.css utilities. */
.page-hero { padding-block: var(--space-11) var(--space-8); background: var(--color-muted); }
.product-media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.product-media img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.rating { color: var(--gray-700); }
.small { font-size: var(--fs-sm); }
.compare-table-wrapper { margin-top: var(--space-7); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); background: var(--color-surface); box-shadow: var(--shadow-sm); }
/* Simple responsive table rendering generated in JS */
.compare-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.compare-table th, .compare-table td { border: 1px solid var(--color-border); padding: 10px 12px; text-align: left; vertical-align: top; }
.compare-table th { background: var(--gray-50); font-weight: 700; }
@media (max-width: 640px) { .compare-table { font-size: var(--fs-sm); } }