/* eShobuy FINAL — Showcase overlay purge + bidirectional timeline hardening.
   Loaded after so no older visual layer can repaint the large bottom panel. */

/* The large colour band in Showcase was not part of the video. re-added a
   full-width gradient to .reel-info after had intentionally removed it.
   Keep product text/buttons, but make every decorative panel fully paintless. */
html body #view-reels .reel-shade,
html body.stb-standard #view-reels .reel-shade{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

html body #view-reels .reel-info,
html body.stb-standard #view-reels .reel-info,
html body #view-reels .reel-product,
html body.stb-standard #view-reels .reel-product{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body #view-reels .reel-info::before,
html body.stb-standard #view-reels .reel-info::before,
html body #view-reels .reel-info::after,
html body.stb-standard #view-reels .reel-info::after,
html body #view-reels .reel-product::before,
html body.stb-standard #view-reels .reel-product::before,
html body #view-reels .reel-product::after,
html body.stb-standard #view-reels .reel-product::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Video posts must never receive a generated full-frame decorative layer.
   Image posts keep their own explicit image-stage rules from/. */
html body #view-reels .reel-slide[data-media="video"]::before,
html body.stb-standard #view-reels .reel-slide[data-media="video"]::before,
html body #view-reels .reel-slide[data-media="video"]::after,
html body.stb-standard #view-reels .reel-slide[data-media="video"]::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* is the final seek surface owner. A slightly taller invisible hit area
   keeps dragging reliable without changing the visible 3px timeline. */
html body #view-reels .lens-timeline{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #view-reels .lens-timeline-track{
  height:3px!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:pointer!important;
}
html body #view-reels .lens-timeline-track::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:18px;
  transform:translateY(-50%);
  background:transparent;
  pointer-events:auto;
}
html body #view-reels .lens-timeline-buffer,
html body #view-reels .lens-timeline-progress,
html body #view-reels .lens-timeline-thumb{
  pointer-events:none!important;
}

@media (prefers-reduced-motion:reduce){
  html body #view-reels .lens-timeline{transition:none!important;}
}