/* Maido Customs Stage 4N2
   Final Popular Mods badge placement.
   Goal: keep the blue POPULAR badge away from the Maido watermark/logo in the product image.
   This file is intentionally loaded after the older Popular Mods card CSS. */

html body section.maido-popular-mods .maido-popular-mods__card .maido-popular-mods__image {
  position: relative !important;
  overflow: hidden !important;
}

html body section.maido-popular-mods .maido-popular-mods__card .maido-popular-mods__image > .maido-popular-mods__badge,
html body .maido-popular-mods.maido-popular-mods--stage3y.maido-popular-mods--stage4l .maido-popular-mods__card .maido-popular-mods__image > .maido-popular-mods__badge,
html body .maido-popular-mods.maido-popular-mods--stage4l .maido-popular-mods__card .maido-popular-mods__image > .maido-popular-mods__badge {
  position: absolute !important;
  left: auto !important;
  right: clamp(16px, 1.2vw, 24px) !important;
  top: clamp(16px, 1.2vw, 24px) !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

@media (max-width: 700px) {
  html body section.maido-popular-mods .maido-popular-mods__card .maido-popular-mods__image > .maido-popular-mods__badge,
  html body .maido-popular-mods.maido-popular-mods--stage4l .maido-popular-mods__card .maido-popular-mods__image > .maido-popular-mods__badge {
    right: 14px !important;
    top: 14px !important;
  }
}