/* Ravix Store 4.9 — mobile centered peeking carousel + sticky-underlay stage.
   Card positions and cloned loop boundaries come from the dedicated HERO JS,
   never from the product-rail Swiper engine. */
@media(max-width:760px){
  body .rvx-site-header.rvx-unified-header{position:sticky!important;top:0!important;z-index:108!important;}
  body.admin-bar .rvx-site-header.rvx-unified-header{top:46px!important;}
  body .rvx-main.rvx-home{overflow:visible!important;isolation:isolate!important;}
  body .rvx-main.rvx-home > .rvx-home-hero-stage{
    display:block!important;position:relative!important;
    overflow:visible!important;isolation:isolate!important;
    max-width:none!important;width:100%!important;
    margin:0!important;padding:0!important;
  }
  /* The smart-header address row is free to collapse; pin geometry is
     coordinated independently in the 5.0 script and CSS. */
  body.home .rvx-uni-mobile-address [data-rvx-location-label]{
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    max-width:min(78vw,310px)!important;
  }
  body .rvx-home-hero-stage > .rvx-home-slider .rvx-home-slider__viewport{cursor:grab!important;}
  body .rvx-home-hero-stage > .rvx-home-slider .rvx-home-slider__viewport.is-dragging{cursor:grabbing!important;}
  body.rvx-location-modal-open .rvx-home-hero-stage{pointer-events:none!important;}
  body.rvx-location-modal-open .rvx-site-header{pointer-events:none!important;}
  body.rvx-location-modal-open .rvx-location-modal{pointer-events:auto!important;}

  body .rvx-main.rvx-home > .rvx-home-hero-stage > .rvx-home-slider,
  body.rvx-desktop-hero-full .rvx-main.rvx-home > .rvx-home-hero-stage > .rvx-home-slider{
    position:sticky!important;
    top:var(--rvx-hero-sticky-top,110px)!important;
    z-index:1!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;
    padding:6px 0 10px!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    isolation:isolate!important;
  }
  body .rvx-main.rvx-home > .rvx-home-hero-stage > .rvx-home-slider .rvx-home-slider__viewport,
  body.rvx-desktop-hero-full .rvx-main.rvx-home > .rvx-home-hero-stage > .rvx-home-slider .rvx-home-slider__viewport{
    width:100%!important;
    height:clamp(142px,47vw,192px)!important;
    min-height:0!important;max-height:none!important;
    border-radius:0!important;
    overflow:hidden!important;
    position:relative!important;
    touch-action:pan-y pinch-zoom!important;
    background:#fff!important;
  }
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slider__track.swiper-wrapper{
    direction:rtl!important;
    width:100%!important;height:100%!important;
    display:flex!important;flex-direction:row!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    padding-inline-start:var(--rvx-hero-peek,12px)!important;
    padding-inline-end:0!important;
    gap:var(--rvx-hero-gap,8px)!important;
    will-change:transform!important;
    transition-property:transform!important;
  }
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slide.swiper-slide{
    display:block!important;
    flex:0 0 var(--rvx-hero-card-width,calc(100% - 24px))!important;
    width:var(--rvx-hero-card-width,calc(100% - 24px))!important;
    max-width:none!important;min-width:0!important;
    height:100%!important;
    border-radius:10px!important;
    overflow:hidden!important;
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    background:#f5f6f8!important;
  }
  body .rvx-home .rvx-home-slide__link,
  body .rvx-home .rvx-home-slide__link picture{
    display:block!important;overflow:hidden!important;
    width:100%!important;height:100%!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{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
    transform:none!important;transition:none!important;
    border-radius:inherit!important;
  }
  body .rvx-home .rvx-home-slider__dots.swiper-pagination{
    z-index:10!important;
    position:absolute!important;
    inset:auto 18px 12px auto!important;
    left:auto!important;right:18px!important;bottom:12px!important;
    transform:none!important;
    padding:4px 6px!important;gap:4px!important;
    width:auto!important;height:auto!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.14)!important;
    display:flex!important;justify-content:flex-start!important;
  }
  body .rvx-home .rvx-home-slider__dots .swiper-pagination-bullet{
    flex:0 0 5px!important;width:5px!important;min-width:5px!important;
    height:5px!important;border-radius:20px!important;background:rgba(255,255,255,.7)!important;
  }
  body .rvx-home .rvx-home-slider__dots .swiper-pagination-bullet-active{
    flex-basis:17px!important;width:17px!important;min-width:17px!important;
    background:#fff!important;
  }
  body .rvx-home .rvx-home-slider.rvx-hero-single-slide .rvx-home-slide.swiper-slide{
    flex-basis:100%!important;width:100%!important;
  }
  body .rvx-home .rvx-home-slider.rvx-hero-single-slide .rvx-home-slider__track{
    padding-inline-start:0!important;gap:0!important;
  }
  /* Later sections move over the temporary sticky banner; their solid
     backdrop conceals it as the user scrolls down, without blocking touch. */
  body .rvx-main.rvx-home > .rvx-home-hero-stage ~ *{
    position:relative!important;
    z-index:3!important;
    background-color:#fff;
  }
  body .rvx-main.rvx-home > .rvx-home-hero-stage > .rvx-amaze-section{
    z-index:3!important;
    position:relative!important;
    isolation:isolate!important;
    margin:0 auto!important;
    width:min(calc(100% - 24px),1520px)!important;
    max-width:1520px!important;
    padding:16px 0 24px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  /* Single full-viewport, solid white sheet moves over the pinned banner.
     The product rail itself retains its blue theme and normal 12px margins. */
  body .rvx-home-hero-stage > .rvx-amaze-section::before{
    content:"";position:absolute;inset-block:0;
    width:100vw;left:50%;transform:translateX(-50%);
    background:#fff;pointer-events:none;z-index:-1;
  }
}
@media(min-width:761px){
  /* Prevent version 4.7's mobile-only overrides from affecting desktop. */
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slider__track.swiper-wrapper{
    padding-inline:0!important;gap:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body .rvx-home .rvx-home-slider__viewport .rvx-home-slider__track.swiper-wrapper{
    transition:none!important;
  }
}

/* Desktop: preserve the old full-width hero and enable native-feeling
   pointer dragging of slides without dragging linked images or selecting text. */
@media(min-width:761px){
  body .rvx-home .rvx-home-slider__viewport,
  body .rvx-home .rvx-home-slider__viewport a{user-select:none!important;-webkit-user-select:none!important;-webkit-user-drag:none!important;}
  body .rvx-home .rvx-home-slider__viewport{cursor:grab!important;touch-action:pan-y pinch-zoom!important;}
  body .rvx-home .rvx-home-slider__viewport.is-dragging{cursor:grabbing!important;}
}