/* Parts page specific styles – minimal additions building on base.css */
.hero--parts {
  position: relative;
  isolation: isolate;
  background: radial-gradient(800px 300px at 70% -100px, rgba(204,122,41,0.15), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.65)),
              url('/assets/images/hero-authentication.webp') center/cover no-repeat;
  padding: var(--space-64) 0 var(--space-48);
}
.hero--parts::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.35));
  pointer-events: none;
}
.hero--parts .container { position: relative; z-index: 1; }

.section-nav {  background: color-mix(in oklab, var(--color-surface-1) 80%, transparent); backdrop-filter: blur(6px); border-block: 1px solid var(--color-border); }
.section-nav .container { padding-block: var(--space-12); }
.section-nav a.btn { width: 100%; }

.section-inventory .filters { display: grid; gap: var(--space-16); }
.part-media { margin-bottom: var(--space-12); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); }
.price { font-weight: 700; color: var(--color-warning); }

/* Minor spacing for sections */
.section-inventory, .section-replacement, .section-compatibility, .section-quality, .section-warranty,
.section-install, .section-troubleshooting, .section-maintenance, .section-bundles, .section-testimonials, .section-contact-cta {
  padding-block: var(--space-48);
}

/* Responsive tweak for filters */
@media (min-width: 720px) {
  .section-inventory .filters { grid-template-columns: 2fr 2fr 1fr auto; align-items: end; }
}