/* V44 — FINAL homepage preview blue-strip fix.
   The blue rule is part of the uploaded preview artwork, not the card border.
   Preserve the full image and cover only the narrow source-art strip with a white mask.
   No cropping, no dark overlay, no blue border on hover/focus. */

/* ---------- Scrolling visual cards ---------- */
.pm-home .pm-visual-card,
.pm-home .pm-visual-card:hover,
.pm-home .pm-visual-card:focus,
.pm-home .pm-visual-card:focus-visible,
.pm-home .pm-visual-frame,
.pm-home .pm-visual-card:hover .pm-visual-frame,
.pm-home .pm-visual-card:focus-visible .pm-visual-frame{
  border:0!important;
  border-top:0!important;
  outline:0!important;
}
.pm-home .pm-visual-frame{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
}
.pm-home .pm-visual-frame>img{
  position:relative!important;
  z-index:0!important;
  top:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
  opacity:1!important;
}
/* Cover only the blue rule baked into the first ~12px of the uploaded artwork. */
.pm-home .pm-visual-frame::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:14px!important;
  background:#fff!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  pointer-events:none!important;
  opacity:1!important;
}
.pm-home .pm-visual-frame::after,
.pm-home .pm-visual-card::before,
.pm-home .pm-visual-card::after,
.pm-home .pm-visual-overlay{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
}
.pm-home .pm-visual-card:hover .pm-visual-frame>img,
.pm-home .pm-visual-card:focus-visible .pm-visual-frame>img{
  filter:none!important;
  opacity:1!important;
}

/* ---------- Browse what’s included cards ---------- */
.pm-home .pm-v35-category-card,
.pm-home .pm-v35-category-card:hover,
.pm-home .pm-v35-category-card:focus,
.pm-home .pm-v35-category-card:focus-visible{
  border:0!important;
  border-top:0!important;
  outline:0!important;
}
.pm-home .pm-v35-category-card .pm-v35-card-media{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
  border-top:0!important;
}
.pm-home .pm-v35-category-card .pm-v35-card-media>img,
.pm-home .pm-v35-category-card:hover .pm-v35-card-media>img,
.pm-home .pm-v35-category-card:focus-visible .pm-v35-card-media>img{
  position:relative!important;
  z-index:0!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#fff!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
  opacity:1!important;
}
/* Same source-art mask, without cropping the image or its rounded corners. */
.pm-home .pm-v35-category-card .pm-v35-card-media::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:14px!important;
  background:#fff!important;
  border:0!important;
  border-radius:20px 20px 0 0!important;
  pointer-events:none!important;
  opacity:1!important;
}
.pm-home .pm-v35-category-card .pm-v35-card-media::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}
/* Keep any actual card controls above the visual mask. */
.pm-home .pm-v35-media-badge,
.pm-home .pm-v35-media-open{
  z-index:4!important;
}

@media(max-width:700px){
  .pm-home .pm-visual-frame::before{border-radius:15px 15px 0 0!important}
  .pm-home .pm-v35-category-card .pm-v35-card-media::before{border-radius:17px 17px 0 0!important}
}
