/* p1450108174226-homepage-mobile-tab-containment-v1
   Root-cause follow-up to AW225 34/36 browser acceptance:
   later legacy layers made the home tab strip clip through 760 px while
   keeping intrinsically sized tabs and reintroduced right padding. The final
   tab therefore existed outside the viewport. This last-loaded contract makes
   every tab share the available inline size instead of hiding overflow. */

@media (max-width: 760px) {
  .portal-homepage .home-product-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding: 2px 0 !important;
    gap: 6px !important;
    overflow-x: visible !important;
    scroll-padding-inline: 0 !important;
    overscroll-behavior-inline: auto !important;
    box-sizing: border-box !important;
  }

  .portal-homepage .home-product-tab {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .portal-homepage .home-product-tab > span,
  .portal-homepage .home-product-tab-period {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 620px) {
  .portal-homepage .home-product-tab {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 7px 6px !important;
  }

  .portal-homepage .home-product-tab-period {
    line-height: 1.1 !important;
  }
}