/* Final mobile override: keep the same linked promotional bar visible on every route. */
@media (max-width: 900px) {
  .cs-unified-service.cs-service-bar,
  .cs-unified-service.cs-catalog-service-bar,
  .cs-unified-service.cs-collections-service,
  .cs-unified-service.cs-profile-service,
  .cs-unified-service.cs-favorites-service {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    background: #eee8e1 !important;
    color: #2e2a27 !important;
    border: 0 !important;
    border-bottom: 1px solid #e0dad3 !important;
    font: 400 11px/1 Arial, Helvetica, sans-serif !important;
    white-space: nowrap;
  }

  .cs-unified-service::-webkit-scrollbar { display: none; }

  .cs-unified-service a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    height: 33px !important;
    min-height: 33px !important;
    color: inherit !important;
    font: inherit !important;
    white-space: nowrap !important;
  }

  .cs-unified-service a + a {
    margin-left: 20px !important;
    padding-left: 20px !important;
  }

  .cs-unified-service a + a::before {
    display: block !important;
    left: 0 !important;
    width: 3px !important;
    height: 3px !important;
  }

  body.home .cs-unified-service.cs-service-bar {
    position: relative !important;
    z-index: 100 !important;
    width: calc(935px * var(--cs-page-scale)) !important;
    zoom: calc(1 / var(--cs-page-scale));
  }

  body.home .cs-site-header {
    top: calc(34px / var(--cs-page-scale)) !important;
  }
}