/* Compact category introduction and bestseller widget on phones. */
@media (max-width: 680px) {
  body#category #wrapper > .columns-container.container,
  body#category .columns-container.container {
    box-sizing: border-box;
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin-inline: 8px !important;
    padding-inline: 0 !important;
  }

  body#category .breadcrumb__wrapper .container {
    box-sizing: border-box;
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin-inline: 8px !important;
    padding-inline: 0 !important;
  }

  body#category .breadcrumb__wrapper {
    padding-top: 0 !important;
    margin-bottom: 0.5rem !important;
  }

  body#category .breadcrumb__wrapper .breadcrumb {
    padding-block: 0.5rem !important;
  }

  body#category .mh-cat-hero__title,
  body#category .mh-cat-hero__title-name {
    font-size: 32px !important;
    line-height: 1.05 !important;
  }

  body#category .bm-bestsellers {
    padding: 16px !important;
  }

  body#category .bm-bestsellers__header {
    margin-bottom: 0.75rem !important;
  }

  body#category .bm-bestsellers__heading {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }
}

/* Keep breadcrumbs aligned with the category content on wide screens. */
@media (min-width: 1651px) {
  body#category .breadcrumb__wrapper .container {
    box-sizing: border-box;
    padding-inline: 18px !important;
  }

  body#category .breadcrumb__wrapper .breadcrumb {
    width: 100% !important;
  }
}