/* Engines page styles - scoped, minimal, leveraging base.css tokens */
.hero-engines {
  background: linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-primary-dark) 60%, var(--color-primary) 100%);
  color: var(--color-text-inverse);
  padding: var(--space-16) 0;
}
.hero-engines .hero-inner {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--grid-gap);
}
@media (max-width: 1024px) {
  .hero-engines .hero-inner { grid-template-columns: 1fr; }
}
.hero-engines .hero-copy p { color: rgba(255,255,255,0.88); }
.hero-engines .card { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.18); color: var(--color-text-inverse); }
.hero-engines .card-header { background: rgba(0,0,0,0.15); border-color: rgba(255,255,255,0.2); color: var(--color-text-inverse); }

.section-heading { margin-bottom: var(--space-6); }
.section-heading p { max-width: 75ch; }

.spec-list { display: grid; gap: var(--space-2); padding-left: 0; }
.spec-list li { color: var(--color-text-secondary); }
.hero-inner .spec-list li { color: #fff; }

.section-featured, .section-categories, .section-details, .section-tools, .section-accessories, .section-reviews, .section-filters, .section-support { padding: var(--space-16) 0; }

/* Filters form */
.filters-form .card-body { background: var(--color-white); }
.filters-form .card-footer { background: var(--color-surface); }

/* Cards: subtle hover lift already in base; add accent outline on focus-within */
.card.card-interactive:focus-within { box-shadow: var(--shadow-lg), var(--shadow-outline); }

/* Ratings as visual stars, accessible via aria-label in HTML */
.rating { color: var(--color-accent); letter-spacing: 0.15em; font-weight: var(--font-weight-bold); }

/* Utility spacing refinements */
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }

/* Price emphasis */
.price { color: var(--color-primary); }