/* Jerkiss V7.14 - clean no-avatar premium cards */

body.jk-v6 #webcams-grid .jk-premium-cam-card,
body.jk-v6 .jk-home-grid .jk-premium-cam-card,
body.jk-v6 #related-webcams-grid .jk-premium-cam-card{
  overflow:hidden!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 16% 0,rgba(255,255,255,.075),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(255,37,62,.18),transparent 38%),
    linear-gradient(180deg,rgba(18,18,22,.98),rgba(8,8,10,.99) 45%,rgba(25,1,7,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    0 24px 74px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-card:hover,
body.jk-v6 .jk-home-grid .jk-premium-cam-card:hover,
body.jk-v6 #related-webcams-grid .jk-premium-cam-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(255,64,88,.62)!important;
  box-shadow:
    0 32px 96px rgba(0,0,0,.74),
    0 20px 58px rgba(229,9,36,.18),
    inset 0 0 0 1px rgba(255,69,94,.16)!important;
}

/* Give the photo more presence and keep the card body clean. */
body.jk-v6 #webcams-grid .jk-premium-cam-media,
body.jk-v6 .jk-home-grid .jk-premium-cam-media,
body.jk-v6 #related-webcams-grid .jk-premium-cam-media,
body.jk-v6 #related-webcams-grid .t-thumb-wrap{
  margin:.58rem .58rem 0!important;
  border-radius:24px!important;
  aspect-ratio:16/11.35!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 50% 32%,rgba(255,49,76,.18),transparent 34%),
    linear-gradient(180deg,#0b0b0e,#23020a)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-media img,
body.jk-v6 .jk-home-grid .jk-premium-cam-media img,
body.jk-v6 #related-webcams-grid .jk-premium-cam-media img{
  transform:scale(1.01)!important;
  transition:transform .35s ease, filter .35s ease!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-card:hover .jk-premium-cam-media img,
body.jk-v6 .jk-home-grid .jk-premium-cam-card:hover .jk-premium-cam-media img,
body.jk-v6 #related-webcams-grid .jk-premium-cam-card:hover .jk-premium-cam-media img{
  transform:scale(1.045)!important;
  filter:saturate(1.06) contrast(1.04)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-media:after,
body.jk-v6 .jk-home-grid .jk-premium-cam-media:after,
body.jk-v6 #related-webcams-grid .jk-premium-cam-media:after,
body.jk-v6 #related-webcams-grid .t-thumb-wrap:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 45%,rgba(0,0,0,.44)),
    radial-gradient(circle at 50% 100%,rgba(229,9,36,.22),transparent 38%)!important;
}

/* Remove the small avatar and the old bottom profile button. The whole card is already clickable. */
body.jk-v6 .jk-premium-avatar,
body.jk-v6 .jk-premium-card-footline,
body.jk-v6 .jk-premium-room-pill,
body.jk-v6 .jk-premium-room-line,
body.jk-v6 .jk-premium-mini-viewers{
  display:none!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-body,
body.jk-v6 .jk-home-grid .jk-premium-cam-body,
body.jk-v6 #related-webcams-grid .jk-premium-cam-body{
  display:block!important;
  grid-template-columns:1fr!important;
  min-height:118px!important;
  padding:1.05rem 1.12rem 1.12rem!important;
  background:
    linear-gradient(180deg,rgba(8,8,11,.97),rgba(19,2,7,.99))!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  position:relative!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-body:before,
body.jk-v6 .jk-home-grid .jk-premium-cam-body:before,
body.jk-v6 #related-webcams-grid .jk-premium-cam-body:before{
  content:""!important;
  position:absolute!important;
  left:1.12rem!important;
  right:1.12rem!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,48,72,.62),transparent 55%)!important;
  opacity:.82!important;
}
body.jk-v6 .jk-premium-cam-main{
  min-width:0!important;
  width:100%!important;
}
body.jk-v6 .jk-premium-title-row{
  display:flex!important;
  align-items:center!important;
  gap:.42rem!important;
  min-width:0!important;
  margin:0 0 .34rem!important;
}
body.jk-v6 .jk-premium-name{
  display:block!important;
  max-width:calc(100% - 1.25rem)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:1.03rem!important;
  line-height:1.12!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
}
body.jk-v6 .jk-premium-verified{
  width:.96rem!important;
  height:.96rem!important;
  flex:0 0 .96rem!important;
}
body.jk-v6 .jk-premium-meta{
  display:flex!important;
  align-items:center!important;
  gap:.38rem!important;
  min-width:0!important;
  margin:0!important;
  color:#c4c5cc!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:750!important;
}
body.jk-v6 .jk-premium-card-service{
  max-width:72%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.jk-v6 .jk-premium-sep{
  color:rgba(255,255,255,.34)!important;
}
body.jk-v6 #webcams-grid .jk-premium-tags,
body.jk-v6 .jk-home-grid .jk-premium-tags,
body.jk-v6 #related-webcams-grid .jk-premium-tags{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.38rem!important;
  margin-top:.74rem!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.jk-v6 #webcams-grid .jk-premium-tags span,
body.jk-v6 .jk-home-grid .jk-premium-tags span,
body.jk-v6 #related-webcams-grid .jk-premium-tags span{
  max-width:46%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:.36rem .62rem!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,75,99,.36)!important;
  color:#fff!important;
  font-size:.64rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-card:hover .jk-premium-tags span,
body.jk-v6 .jk-home-grid .jk-premium-cam-card:hover .jk-premium-tags span,
body.jk-v6 #related-webcams-grid .jk-premium-cam-card:hover .jk-premium-tags span{
  border-color:rgba(255,91,114,.58)!important;
  background:linear-gradient(180deg,rgba(229,9,36,.22),rgba(255,255,255,.045))!important;
}

/* Premium badges: strong but cleaner. */
body.jk-v6 #webcams-grid .jk-premium-status,
body.jk-v6 .jk-home-grid .jk-premium-status,
body.jk-v6 #related-webcams-grid .jk-premium-status{
  z-index:4!important;
  left:1rem!important;
  top:1rem!important;
  padding:.56rem .8rem!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff3654,#c4001a)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 34px rgba(229,9,36,.36),inset 0 1px 0 rgba(255,255,255,.17)!important;
  font-weight:1000!important;
}
body.jk-v6 #webcams-grid .jk-premium-viewers,
body.jk-v6 .jk-home-grid .jk-premium-viewers,
body.jk-v6 #related-webcams-grid .jk-premium-viewers{
  z-index:4!important;
  top:1rem!important;
  right:1rem!important;
  padding:.44rem .66rem!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(10px)!important;
}
body.jk-v6 #webcams-grid .jk-premium-service-badge,
body.jk-v6 .jk-home-grid .jk-premium-service-badge,
body.jk-v6 #related-webcams-grid .jk-premium-service-badge{
  z-index:4!important;
  left:1rem!important;
  bottom:1rem!important;
  max-width:calc(100% - 2rem)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:.48rem .72rem!important;
  border-radius:999px!important;
  background:rgba(6,6,8,.78)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(12px)!important;
}

/* The single CTA stays premium, but a little cleaner than V7.13. */
body.jk-v6.single-webcam .jk-single-watch-top,
body.jk-v6.single .jk-single-watch-top,
body.jk-v6 .jk-single-main-cta{
  background:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035) 28%,rgba(229,9,36,.38) 65%,rgba(118,0,14,.82))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.52),
    0 18px 46px rgba(229,9,36,.24),
    inset 0 1px 0 rgba(255,255,255,.2)!important;
}
body.jk-v6.single-webcam .jk-single-watch-top:hover,
body.jk-v6.single .jk-single-watch-top:hover,
body.jk-v6 .jk-single-main-cta:hover{
  border-color:rgba(255,73,96,.55)!important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.62),
    0 20px 58px rgba(229,9,36,.34),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
}

@media(max-width:860px){
  body.jk-v6 #webcams-grid .jk-premium-cam-body,
  body.jk-v6 .jk-home-grid .jk-premium-cam-body,
  body.jk-v6 #related-webcams-grid .jk-premium-cam-body{
    min-height:104px!important;
    padding:.9rem .92rem 1rem!important;
  }
  body.jk-v6 .jk-premium-name{font-size:.98rem!important}
  body.jk-v6 .jk-premium-meta{font-size:.74rem!important}
  body.jk-v6 #webcams-grid .jk-premium-tags span,
  body.jk-v6 .jk-home-grid .jk-premium-tags span,
  body.jk-v6 #related-webcams-grid .jk-premium-tags span{font-size:.61rem!important;padding:.33rem .56rem!important}
}
@media(max-width:520px){
  body.jk-v6 #webcams-grid .jk-premium-cam-media,
  body.jk-v6 .jk-home-grid .jk-premium-cam-media,
  body.jk-v6 #related-webcams-grid .jk-premium-cam-media,
  body.jk-v6 #related-webcams-grid .t-thumb-wrap{
    margin:.46rem .46rem 0!important;
    border-radius:20px!important;
    aspect-ratio:16/11!important;
  }
  body.jk-v6 #webcams-grid .jk-premium-cam-body,
  body.jk-v6 .jk-home-grid .jk-premium-cam-body,
  body.jk-v6 #related-webcams-grid .jk-premium-cam-body{
    min-height:96px!important;
    padding:.82rem .82rem .9rem!important;
  }
  body.jk-v6 .jk-premium-title-row{margin-bottom:.28rem!important}
  body.jk-v6 .jk-premium-name{font-size:.94rem!important}
  body.jk-v6 .jk-premium-tags{margin-top:.58rem!important}
}