/* mobilefix_c — punch-list fix, owned by one agent. @media(max-width:991px) only for mobile file. */

@media (max-width: 991px) {

  /* ---------------------------------------------------------------
     A. Kill horizontal overflow (phantom scroll from the off-canvas
        cart drawer that is translated 100% off the right edge).
        overflow-x:clip does NOT create a scroll container, so it will
        not break position:sticky descendants (unlike overflow-x:hidden).
     --------------------------------------------------------------- */
  html, body { overflow-x: clip !important; }

  /* ---------------------------------------------------------------
     B. Header top row was overcrowded (burger+brand 111px + logo 190px
        + utilities 205px = 506px in a 343px row, flex-nowrap) which
        shoved the right-side icons off-screen past 390px.
        Slim the logo, tighten the utility group, and drop the two
        least-critical top-bar icons on mobile:
          - stores  -> still reachable from the footer
          - wishlist-> heart still present on every product card
     --------------------------------------------------------------- */
  .header-logo img { max-width: 140px !important; height: auto !important; }

  .header-main-panel-group { gap: 14px !important; }
  .header-main-panel-group .panel-item {
    padding-left: 0 !important;  padding-right: 0 !important;
    margin-left: 0 !important;   margin-right: 0 !important;
  }
  .header-main-panel-group .header-top-bar-block.header-main-block-icon {
    padding-left: 0 !important;  padding-right: 0 !important;  margin: 0 !important;
  }
  .header-main-panel-group .panel-item.stores,
  .header-main-panel-group .panel-item.wishlist { display: none !important; }

  /* ---------------------------------------------------------------
     C. "NEW IN" product carousel centering.
        Root cause: Swiper is initialised with slidesPerView:1.1 and
        centeredSlides:false, so one card sits flush-left and a ~0.1
        sliver of the next card peeks on the right only -> reads as a
        bug. Swiper recomputes slide widths from the container
        content-box (ResizeObserver), so adding asymmetric horizontal
        padding re-centres the active card in the viewport while keeping
        Swiper's translate math intact (the wrapper origin shifts
        uniformly, so every slide lands in the same centred spot). The
        residual right peek becomes a small, deliberate "more items" hint.
        NOTE: the fully clean single-card-no-peek look is a 1-line theme
        JS change (slidesPerView:1) — see report.
     --------------------------------------------------------------- */
  .product-tabs-carousel-wrapper.swiper-container {
    padding-left: 32px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

}