/* Product breadcrumb: section-level hooks on top of the ported design CSS.

   misfit/css/pdp.css draws .crumb-band / .crumbs exactly as the approved design
   does, including the "/" separators and the aria-current colour. Only what the
   section's own settings can change lives here. */

.crumb-band {
  background: var(--mm-crumb-band-bg, #070313);
}

/* pdp.css reserves 78px at the bottom of .misfit-page below 860px so the fixed
   buy bar cannot cover the end of the page. The design applies that once, to
   <body>; here every section root carries .misfit-page, so each one gives the
   space back and the last band on the template (the accordions) keeps it for
   the whole page. This band has no bottom padding of its own. */
@media (max-width: 860px) {
  .crumb-band.misfit-page {
    padding-bottom: 0;
  }
}