/* Bootstrap uses the generic accordion class names too. Restore the exact
   neutral defaults expected by template/styles.css inside the storefront. */
#storefront .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  background: transparent;
  border-radius: 0;
}
#storefront .accordion-item {
  color: var(--text);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0 !important;
}
#storefront .accordion-body {
  padding: 0 !important;
  background: transparent;
  color: inherit;
}
#storefront .accordion-body.open { padding-bottom: 1rem !important; }
#storefront .specs-table { border-collapse: separate; border-spacing: 2px; }

/* Bootstrap has a generic .nav class. The template's header needs these
   explicit flex defaults to stay on the original vertical baseline. */
nav.nav {
  flex-wrap: nowrap;
  min-height: var(--nav-h);
  margin: 0;
}
nav.nav .nav__links { margin: 0; padding: 0; }
nav.nav .nav__links > li { display: flex; align-items: center; }
nav.nav .nav__links a { line-height: 1.65; }