/* Jerkiss Pro Cams V5.6 - smaller hero, centered home, larger cam cards */
body.jk-v56 .jk-main-content{
  padding-top:5.15rem!important;
  padding-left:clamp(.85rem,2.6vw,2.25rem)!important;
  padding-right:clamp(.85rem,2.6vw,2.25rem)!important;
}

/* Home: keep everything centered inside a premium wide frame */
body.jk-v56 .jk-v55-hero,
body.jk-v56 .jk-v55-home-paths,
body.jk-v56 .text-title,
body.jk-v56.home #webcams-grid,
body.jk-v56.blog #webcams-grid,
body.jk-v56 .jk-home-grid,
body.jk-v56 .home-featured-text,
body.jk-v56 .jk-v5-seo-blocks,
body.jk-v56 .jk-v4-seo-blocks,
body.jk-v56 .jk-v3-seo-blocks{
  width:min(100%,1360px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Smaller, tighter hero */
body.jk-v56 .jk-v55-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.43fr)!important;
  gap:clamp(.9rem,1.7vw,1.35rem)!important;
  min-height:clamp(320px,42vh,475px)!important;
  margin-top:.45rem!important;
  margin-bottom:1.25rem!important;
  padding:clamp(1.15rem,2.55vw,2.45rem)!important;
  border-radius:30px!important;
  box-shadow:0 28px 95px rgba(0,0,0,.55)!important;
}
body.jk-v56 .jk-v55-hero h1{
  max-width:720px!important;
  margin:.45rem 0 .65rem!important;
  font-size:clamp(2.9rem,5.15vw,5.9rem)!important;
  line-height:.88!important;
  letter-spacing:-.078em!important;
}
body.jk-v56 .jk-v55-hero p{
  max-width:660px!important;
  font-size:clamp(.95rem,1.05vw,1.08rem)!important;
  line-height:1.58!important;
}
body.jk-v56 .jk-v55-hero-search{
  width:min(650px,100%)!important;
  margin:1.05rem 0 .75rem!important;
  padding:.42rem!important;
  border-radius:20px!important;
}
body.jk-v56 .jk-v55-hero-search input,
body.jk-v56 .jk-v55-hero-search button{
  height:3rem!important;
  border-radius:15px!important;
}
body.jk-v56 .jk-v55-hero-actions{
  gap:.55rem!important;
  margin-top:.65rem!important;
}
body.jk-v56 .jk-v55-hero-actions .jk-v5-btn{
  min-height:2.75rem!important;
  padding:.72rem .95rem!important;
}
body.jk-v56 .jk-v55-hero-panel{
  padding:.85rem!important;
  border-radius:25px!important;
}
body.jk-v56 .jk-v55-hero-stats{gap:.48rem!important}
body.jk-v56 .jk-v55-hero-stats div{
  padding:.65rem!important;
  border-radius:16px!important;
}
body.jk-v56 .jk-v55-hero-stats strong{font-size:1.22rem!important}
body.jk-v56 .jk-v55-hero-stats span{font-size:.64rem!important}
body.jk-v56 .jk-v55-hero-models{gap:.5rem!important}
body.jk-v56 .jk-v55-hero-models a{
  grid-template-columns:68px minmax(0,1fr) auto!important;
  gap:.58rem!important;
  padding:.5rem!important;
  border-radius:18px!important;
}
body.jk-v56 .jk-v55-hero-models img{
  width:68px!important;
  height:50px!important;
  border-radius:13px!important;
}
body.jk-v56 .jk-v55-hero-models strong{font-size:.86rem!important}
body.jk-v56 .jk-v55-hero-models em{font-size:.74rem!important}

/* Shortcuts: less height, cleaner alignment */
body.jk-v56 .jk-v55-home-paths{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
  margin-bottom:1.45rem!important;
}
body.jk-v56 .jk-v55-home-paths a{
  min-height:104px!important;
  padding:.9rem!important;
  border-radius:22px!important;
}
body.jk-v56 .jk-v55-home-paths strong{font-size:1.02rem!important}
body.jk-v56 .jk-v55-home-paths span{font-size:.86rem!important}

/* Home grid: bigger cards, bigger thumbnails, more breathing room */
body.jk-v56.home #webcams-grid,
body.jk-v56.blog #webcams-grid,
body.jk-v56 .jk-home-grid{
  display:grid!important;
  max-width:1360px!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:1.35rem!important;
  align-items:stretch!important;
  justify-content:center!important;
}
@media(min-width:1600px){body.jk-v56.home #webcams-grid,body.jk-v56.blog #webcams-grid,body.jk-v56 .jk-home-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:1180px) and (max-width:1599px){body.jk-v56.home #webcams-grid,body.jk-v56.blog #webcams-grid,body.jk-v56 .jk-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:820px) and (max-width:1179px){body.jk-v56.home #webcams-grid,body.jk-v56.blog #webcams-grid,body.jk-v56 .jk-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:560px) and (max-width:819px){body.jk-v56.home #webcams-grid,body.jk-v56.blog #webcams-grid,body.jk-v56 .jk-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

body.jk-v56 #webcams-grid .jk-v5-card,
body.jk-v56 .jk-home-grid .jk-v5-card{
  height:100%!important;
  border-radius:27px!important;
}
body.jk-v56 #webcams-grid .jk-v5-card .t-thumb-wrap,
body.jk-v56 .jk-home-grid .jk-v5-card .t-thumb-wrap{
  aspect-ratio:16/11!important;
  margin:.55rem!important;
  border-radius:22px!important;
}
body.jk-v56 #webcams-grid .jk-v5-card .t-thumb,
body.jk-v56 #webcams-grid .jk-v5-card .t-thumb-video,
body.jk-v56 .jk-home-grid .jk-v5-card .t-thumb,
body.jk-v56 .jk-home-grid .jk-v5-card .t-thumb-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Card lower area: stop tags from eating the bottom */
body.jk-v56 #webcams-grid .jk-v5-card .p-4,
body.jk-v56 .jk-home-grid .jk-v5-card .p-4{
  align-items:flex-start!important;
  padding:.95rem .92rem 1rem!important;
  min-height:118px!important;
  gap:.72rem!important;
}
body.jk-v56 #webcams-grid .jk-v5-card .p-4 > div:last-child,
body.jk-v56 .jk-home-grid .jk-v5-card .p-4 > div:last-child{
  min-width:0!important;
  flex:1!important;
}
body.jk-v56 #webcams-grid .sv-card-title,
body.jk-v56 .jk-home-grid .sv-card-title{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.jk-v56 #webcams-grid .jk-v4-card-tags,
body.jk-v56 .jk-home-grid .jk-v4-card-tags{
  gap:.34rem!important;
  margin-top:.5rem!important;
  max-height:1.58rem!important;
  overflow:hidden!important;
}
body.jk-v56 #webcams-grid .jk-v4-card-tags span,
body.jk-v56 .jk-home-grid .jk-v4-card-tags span{
  padding:.23rem .45rem!important;
  font-size:.62rem!important;
  line-height:1!important;
  max-width:6.7rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.jk-v56 #webcams-grid .p-4 .w-10.h-10,
body.jk-v56 .jk-home-grid .p-4 .w-10.h-10{
  width:2.45rem!important;
  height:2.45rem!important;
  flex:0 0 2.45rem!important;
}
body.jk-v56 #webcams-grid .text-xs,
body.jk-v56 .jk-home-grid .text-xs{
  line-height:1.25!important;
}
body.jk-v56 .text-title{
  margin-top:1.15rem!important;
  margin-bottom:1.1rem!important;
  text-align:center!important;
  justify-content:center!important;
}

@media(max-width:980px){
  body.jk-v56 .jk-v55-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  body.jk-v56 .jk-v55-hero-panel{display:none!important}
  body.jk-v56 .jk-v55-home-paths{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body.jk-v56 .jk-main-content{padding-top:4.85rem!important}
  body.jk-v56 .jk-v55-hero{
    padding:1rem!important;
    border-radius:24px!important;
    margin-top:.25rem!important;
  }
  body.jk-v56 .jk-v55-hero h1{font-size:clamp(2.45rem,13vw,4.2rem)!important}
  body.jk-v56 .jk-v55-hero-search{flex-direction:column!important;align-items:stretch!important}
  body.jk-v56 .jk-v55-hero-search button{width:100%!important;justify-content:center!important}
  body.jk-v56 .jk-v55-hero-actions .jk-v5-btn{width:100%!important;justify-content:center!important}
  body.jk-v56 .jk-v55-home-paths{grid-template-columns:1fr!important;gap:.75rem!important}
  body.jk-v56.home #webcams-grid,
  body.jk-v56.blog #webcams-grid,
  body.jk-v56 .jk-home-grid{grid-template-columns:1fr!important;gap:1rem!important}
  body.jk-v56 #webcams-grid .jk-v5-card .t-thumb-wrap,
  body.jk-v56 .jk-home-grid .jk-v5-card .t-thumb-wrap{aspect-ratio:16/10!important}
  body.jk-v56 #webcams-grid .jk-v5-card .p-4,
  body.jk-v56 .jk-home-grid .jk-v5-card .p-4{min-height:104px!important}
}