/* V18 — remove decorative accent lines + clickable image scrolling cards */

/* Remove the colored accent lines from pricing cards on Home and Pricing pages. */
.pm-home .pm-home-price-card::after,
.pm-v14-pricing-wrap .pm-home-price-card::after{
  display:none!important;
  content:none!important;
}

/* Remove the colored side line from scrolling cards. */
.pm-scroll-card::after{
  display:none!important;
  content:none!important;
}

/* Scrolling cards now use the category/creator cover image as the main clickable preview. */
.pm-scroll-card{
  min-height:356px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.pm-scroll-card::before{
  display:none!important;
}
.pm-scroll-media{
  position:relative!important;
  width:100%!important;
  height:154px!important;
  flex:0 0 154px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 52%,#eef7f5 100%)!important;
  border-bottom:1px solid #e8eef6!important;
}
.pm-scroll-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .45s ease!important;
}
.pm-scroll-card:hover .pm-scroll-media img{
  transform:scale(1.045)!important;
}
.pm-scroll-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,18,42,0) 46%,rgba(5,18,42,.16) 100%);
}
.pm-scroll-media-placeholder{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:
    radial-gradient(circle at 78% 16%,rgba(37,99,235,.14),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(15,118,110,.12),transparent 33%),
    linear-gradient(135deg,#f5f8ff,#eef5ff 54%,#f3fbf9);
}
.pm-scroll-media-placeholder span{
  display:grid;place-items:center;width:66px;height:66px;border-radius:20px;
  background:#fff;border:1px solid #d7e4f5;box-shadow:0 12px 28px rgba(31,67,122,.11);
  color:#285fc4;font-size:18px;font-weight:900;letter-spacing:.5px;
}
.pm-scroll-media-placeholder small{
  color:#75839a;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
}
.pm-scroll-media-type{
  position:absolute;z-index:2;left:14px;top:14px;display:inline-flex;align-items:center;min-height:27px;padding:0 10px;
  border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,255,255,.91);
  box-shadow:0 5px 15px rgba(15,23,42,.08);color:#31537f;font-size:8px;font-weight:900;letter-spacing:.65px;text-transform:uppercase;
  backdrop-filter:blur(7px);
}
.pm-scroll-media-open{
  position:absolute;z-index:2;right:13px;top:13px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:rgba(15,36,72,.86);color:#fff;font-size:14px;font-weight:900;box-shadow:0 8px 18px rgba(8,28,62,.18);
  transition:transform .2s ease,background .2s ease;
}
.pm-scroll-card:hover .pm-scroll-media-open{transform:translate(2px,-2px);background:#2563eb}
.pm-scroll-copy{
  width:100%!important;min-height:202px!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
  padding:20px 22px 19px!important;
}
.pm-scroll-copy small{
  margin:0!important;min-height:22px!important;padding:0 9px!important;font-size:8px!important;
}
.pm-scroll-copy h3{
  margin:11px 0 7px!important;font-size:17px!important;line-height:1.28!important;
}
.pm-scroll-copy p{
  min-height:45px!important;max-height:55px!important;font-size:10.8px!important;line-height:1.65!important;
}
.pm-scroll-copy b{
  margin-top:auto!important;padding-top:12px!important;font-size:10px!important;
}

/* Keep the same requested card width while accommodating the preview image. */
@media(max-width:700px){
  .pm-scroll-card{flex-basis:310px!important;width:310px!important;min-height:338px!important}
  .pm-scroll-media{height:140px!important;flex-basis:140px!important}
  .pm-scroll-copy{min-height:198px!important;padding:18px 18px 17px!important}
}