/* Ravix Store 4.7 — mobile banner behavior derived from the user's 8.2s Digikala reference video.
   The HEADER sticks during vertical scroll; the banner itself does NOT stick.
   Horizontal carousel: adjacent slide peek, soft rounded corners, 500ms RTL swipe. */
:root{ --rvx-mobile-hero-gap:9px; --rvx-mobile-hero-per-view:1.09; }
@media (max-width:760px){
  /* The header remains in place, while the hero naturally scrolls under it. */
  body .rvx-site-header.rvx-unified-header{
    position:sticky!important;top:0!important;z-index:108!important;
    background:#fff!important;
  }
  body.admin-bar .rvx-site-header.rvx-unified-header{top:46px!important;}

  body .rvx-home > .rvx-home-slider,
  body.rvx-desktop-hero-full .rvx-home > .rvx-home-slider{
    position:relative!important;isolation:isolate!important;
    width:100%!important;max-width:none!important;
    margin:5px 0 10px!important;
    overflow:hidden!important;
    border-radius:0!important;background:transparent!important;
    transform:none!important;
  }
  body .rvx-home > .rvx-home-slider .rvx-home-slider__viewport,
  body.rvx-desktop-hero-full .rvx-home > .rvx-home-slider .rvx-home-slider__viewport{
    position:relative!important;display:block!important;
    height:clamp(118px,34vw,178px)!important;
    min-height:118px!important;max-height:178px!important;
    width:100%!important;overflow:hidden!important;
    border-radius:0!important;background:transparent!important;
    touch-action:pan-y pinch-zoom!important;overscroll-behavior-x:contain!important;
  }
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slider__track.swiper-wrapper{
    align-items:stretch!important;
    gap:var(--rvx-mobile-hero-gap)!important;
    backface-visibility:hidden!important;
    transition-property:transform!important;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
    will-change:transform!important;
  }
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slide.swiper-slide{
    /* Mirrors slide-width calculation in the local Swiper-compatible engine. */
    flex:0 0 calc((100% - .81px) / 1.09)!important;
    width:calc((100% - .81px) / 1.09)!important;
    max-width:none!important;min-width:0!important;
    border-radius:10px!important;overflow:hidden!important;
    background:#e7e9ed!important;isolation:isolate!important;
    transform:translateZ(0)!important;
  }
  body .rvx-home .rvx-home-slide__link,
  body .rvx-home .rvx-home-slide__link picture{
    height:100%!important;min-height:0!important;
    overflow:hidden!important;border-radius:inherit!important;
  }
  body .rvx-home .rvx-home-slide__link picture img,
  body.rvx-desktop-hero-full .rvx-home .rvx-home-slide__link picture img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
    border-radius:inherit!important;
    /* A restrained depth treatment, never a full sticky/parallax panel. */
    transform:translate3d(0,calc(var(--rvx-hero-scroll-progress,0) * -4px),0)
      scale(calc(1 + var(--rvx-hero-scroll-progress,0) * .018))!important;
    transition:transform .08s linear!important;
  }
  body .rvx-home .rvx-home-slider__dots.swiper-pagination{
    left:auto!important;right:calc(9% + 10px)!important;
    bottom:8px!important;
    transform:none!important;justify-content:flex-end!important;
    gap:4px!important;padding:0!important;
    background:transparent!important;
    width:auto!important;min-width:0!important;
    pointer-events:auto!important;
  }
  body .rvx-home .rvx-home-slider__dots .swiper-pagination-bullet{
    width:4px!important;min-width:4px!important;height:4px!important;
    flex:0 0 4px!important;border-radius:999px!important;
    background:rgba(255,255,255,.55)!important;
    box-shadow:0 1px 2px rgba(0,0,0,.13)!important;
  }
  body .rvx-home .rvx-home-slider__dots .swiper-pagination-bullet-active{
    width:15px!important;min-width:15px!important;flex-basis:15px!important;
    border-radius:999px!important;background:#fff!important;
  }
  /* A lone banner retains full width, not a dead blank preview slot. */
  body .rvx-home .rvx-home-slider.rvx-hero-single-slide .swiper-slide{
    flex-basis:100%!important;width:100%!important;
  }
  body .rvx-home .rvx-home-slider.rvx-hero-single-slide .rvx-home-slider__dots{display:none!important;}
}
@media (prefers-reduced-motion:reduce){
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slide__link picture img{
    transform:none!important;transition:none!important;
  }
}