.shopify-section:has(.xo-breadcrumb) .xo-section--modifier {
  height: unset;
  scroll-snap-align: center;
}

.xo-breadcrumb__heading {
  display: flex;
  gap: 1rem;
}

.xo-breadcrumb__heading--center {
  display: flex;
  justify-content: center;
  text-align: center;
}

.xo-breadcrumb__heading--right {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}