/* GrahamSG Header Hotfix 4: keep a populated Magento cart count beside an undistorted cart glyph.
   Scoped to the mobile masthead. Does not change desktop, Magento JS, or cart semantics. */
@media screen and (max-width: 767px) {
  .page-header .header.content > .minicart-wrapper {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 72px !important;
  }
  .page-header .header.content > .minicart-wrapper > .action.showcart {
    display: inline-flex !important;
    flex-direction: row !important;
    width: max-content !important;
    min-width: 72px !important;
    gap: 5px !important;
    align-items: center;
    justify-content: center;
  }
  .page-header .header.content > .minicart-wrapper > .action.showcart::before,
  .page-header .header.content > .minicart-wrapper > .action.showcart > .counter.qty {
    flex-shrink: 0 !important;
  }
}