/* Shared informational tabs and breadcrumbs for FAQ, delivery, policy, offer and contacts.
   This file is deliberately not scoped to .wb-contacts-page. Uses the existing info_tabs chunk. */
@media (max-width: 575.98px) {
  body.wb-info-page .wb-info-card-shell .wb-info-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 4px;
    margin: 0;
    padding: 0 0 22px;
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.wb-info-page .wb-info-card-shell .wb-info-tabs::-webkit-scrollbar { display: none; }
  body.wb-info-page .wb-info-card-shell .wb-info-tab {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    white-space: nowrap;
  }
  /* Current informational page first, then FAQ, delivery, offer, policy and contacts. */
  body.wb-info-page .wb-info-tabs .wb-info-tab:nth-child(1) { order: 4; }
  body.wb-info-page .wb-info-tabs .wb-info-tab:nth-child(2) { order: 3; }
  body.wb-info-page .wb-info-tabs .wb-info-tab:nth-child(3) { order: 2; }
  body.wb-info-page .wb-info-tabs .wb-info-tab:nth-child(4) { order: 1; }
  body.wb-info-page .wb-info-tabs .wb-info-tab:nth-child(5) { order: 5; }
  body.wb-info-page .wb-info-tabs .wb-info-tab.is-active { order: 0; }
  body.wb-info-page .wb-info-hero .wb-info-breadcrumbs {
    margin: 0 auto;
    padding: 8px 14px 0;
    max-width: 100%;
    gap: 5px;
    color: #b3b3b3;
    font-family: var(--wb-font-base);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  body.wb-info-page .wb-info-hero .wb-info-breadcrumbs a {
    color: inherit;
    text-decoration: none;
  }
  body.wb-info-page .wb-info-hero .wb-info-breadcrumbs strong {
    color: #1b1b1b;
    font-weight: 500;
  }
}