/* v44: mobile header/topbar adjustments + language switch removed */
/* Hide RU/EN switch everywhere */
.lang-segment,
.topbar .lang-segment,
header .topbar .lang-segment,
header .topbar .zs-topbar-lang{
  display: none !important;
}

@media (max-width: 640px){
  /* About: stack the two cards one under another */
  body[data-page="about"] .about-hero .hero-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  body[data-page="about"] .about-hero .hero-card,
  body[data-page="about"] .about-hero .hero-side{
    width: 100% !important;
  }
  body[data-page="about"] .about-hero .hero-card .body,
  body[data-page="about"] .about-hero .hero-side .body{
    padding: 16px !important;
  }

  /* Ensure the fixed mobile bottom nav never covers the end of the page */
  body.zs-has-bottom-nav{
    padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.zs-has-bottom-nav #main{
    padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.zs-has-bottom-nav #footer-root,
  body.zs-has-bottom-nav .footer{
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .zs-bottom-nav,
  .mobile-bottom-nav{
    z-index: 1300 !important;
  }

  /* Mobile topbar alignment: move phones/address block to the right edge */
  header .topbar .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
  header .topbar .mini{
    margin-left: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px 8px !important;
    text-align: right !important;
  }
  header .topbar .mini .muted{
    width: 100% !important;
    white-space: normal !important;
    text-align: right !important;
  }
  header .topbar .zs-topbar-m{
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    gap: 4px !important;
  }
  header .topbar .zs-topbar-row1{
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
  header .topbar .zs-topbar-row2{
    justify-content: flex-end !important;
    gap: 0 !important;
  }
  header .topbar .zs-topbar-addr{
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: min(100%, 320px) !important;
    margin-left: auto !important;
    flex: 0 1 auto !important;
  }

  /* Keep Profile visible to the left of cart in the mobile header */
  header .actions .mobile-only[href*="account"],
  header .actions .mobile-only[aria-label="Profile"]{
    display: inline-flex !important;
    order: 1 !important;
  }
  header .actions .mobile-only#cart-open,
  header .actions button.mobile-only[aria-label="Cart"]{
    order: 2 !important;
  }
  header .actions #mobile-toggle.mobile-only{
    order: 3 !important;
  }

  /* Brands: prevent overlap on mobile */
  body[data-page="home"] #brands-marquee .brands-viewport{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }
  body[data-page="home"] #brands-marquee .brands-track{
    width: max-content !important;
    gap: 12px !important;
  }
  body[data-page="home"] #brands-marquee .brands-group{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: max-content !important;
  }
  body[data-page="home"] #brands-marquee .brands-group[aria-hidden="true"]{
    display: none !important;
  }
  body[data-page="home"] #brands-marquee .brand-chip{
    min-width: 124px !important;
    max-width: 124px !important;
    width: 124px !important;
    height: 74px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }
  body[data-page="home"] #brands-marquee .brand-chip img{
    max-width: 100% !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }
}


/* v45 account/admin cleanup */
#admin-tab, #tab-admin{display:none !important;}


/* v47 video banners */