/* Jerkiss Pro Cams V5.8 - true centered layout + bigger homepage cards */

/* Hard reset old sidebar spacing from previous layers. The theme is no-sidebar now. */
body.jk-v58 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jerkiss-v2 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jerkiss-v3 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jerkiss-v4 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jk-v54 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jk-v55 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jk-v56 main.jk-main-content.w-full.max-w-\[1800px\],
body.jk-v58.jk-v57 main.jk-main-content.w-full.max-w-\[1800px\]{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding-top:clamp(3.55rem,4vw,4.2rem)!important;
  padding-left:clamp(.8rem,1.55vw,1.45rem)!important;
  padding-right:clamp(.8rem,1.55vw,1.45rem)!important;
  transform:none!important;
}

/* Main containers: one exact center axis for home, live archive, taxonomies, search and single webcam pages. */
body.jk-v58 .jk-v55-hero,
body.jk-v58 .jk-v55-home-paths,
body.jk-v58 .text-title,
body.jk-v58.home #webcams-grid,
body.jk-v58.blog #webcams-grid,
body.jk-v58.post-type-archive-webcam #webcams-grid,
body.jk-v58[class*="tax-webcam_"] #webcams-grid,
body.jk-v58.search #webcams-grid,
body.jk-v58 #related-webcams-grid,
body.jk-v58 .home-featured-text,
body.jk-v58 .pagination-custom,
body.jk-v58 .jk-v5-seo-grid,
body.jk-v58 .jk-v5-seo-tail,
body.jk-v58 .jk-v5-seo-blocks,
body.jk-v58 .jk-v4-seo-blocks,
body.jk-v58 .jk-v3-seo-blocks,
body.jk-v58 .jk-v5-archive-hero,
body.jk-v58 .jk-v5-spotlight,
body.jk-v58 .jk-v5-spotlight-wall,
body.jk-v58 .jk-v5-rail-wrap,
body.jk-v58 .jk-v5-hot-rail,
body.jk-v58 .jk-v5-toolbar,
body.jk-v58 .jk-v4-toolbar,
body.jk-v58 .jk-v3-toolbar,
body.jk-v58 .jk-v5-archive-tail,
body.jk-v58 .jk-v5-tax-tail,
body.jk-v58 .jk-v52-page-hero,
body.jk-v58 .jk-v52-quick-pages,
body.jk-v58 .jk-v52-section-head,
body.jk-v58 .jk-v52-term-grid,
body.jk-v58 .jk-v52-ranked-grid,
body.jk-v58 .jk-v52-model-intro,
body.jk-v58 .jk-v52-link-strip,
body.jk-v58 .jk-v55-site-review,
body.jk-v58 .jk-v55-top-models-board,
body.jk-v58 .jk-v55-model-grid,
body.jk-v58 .jk-v54-sites-grid,
body.jk-v58 .jk-v54-podium,
body.jk-v58 .jk-v54-ranked-list,
body.jk-v58 .jk-v54-category-grid{
  width:min(100%,1420px)!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Home hero: less gap at the top, cleaner and not oversized. */
body.jk-v58 .jk-v55-hero{
  margin-top:.25rem!important;
  margin-bottom:1.05rem!important;
  min-height:clamp(285px,34vh,390px)!important;
  padding:clamp(1rem,2.15vw,1.9rem)!important;
  border-radius:30px!important;
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.42fr)!important;
  gap:clamp(.9rem,1.55vw,1.35rem)!important;
  align-items:center!important;
}
body.jk-v58 .jk-v55-hero h1{
  max-width:700px!important;
  margin:.3rem 0 .48rem!important;
  font-size:clamp(2.55rem,4.45vw,5.05rem)!important;
  line-height:.88!important;
  letter-spacing:-.078em!important;
}
body.jk-v58 .jk-v55-hero p{
  max-width:640px!important;
  font-size:clamp(.9rem,.98vw,1.02rem)!important;
  line-height:1.55!important;
}
body.jk-v58 .jk-v55-hero-search{
  width:min(620px,100%)!important;
  margin:.9rem 0 .65rem!important;
  padding:.38rem!important;
  border-radius:19px!important;
}
body.jk-v58 .jk-v55-hero-search input,
body.jk-v58 .jk-v55-hero-search button{
  height:2.85rem!important;
  border-radius:14px!important;
}
body.jk-v58 .jk-v55-hero-actions{
  gap:.55rem!important;
  margin-top:.55rem!important;
}
body.jk-v58 .jk-v55-hero-actions .jk-v5-btn{
  min-height:2.65rem!important;
  padding:.68rem .92rem!important;
}
body.jk-v58 .jk-v55-hero-panel{
  align-self:center!important;
  padding:.78rem!important;
  border-radius:25px!important;
}
body.jk-v58 .jk-v55-hero-stats{
  gap:.48rem!important;
}
body.jk-v58 .jk-v55-hero-stats div{
  padding:.68rem!important;
  border-radius:17px!important;
}
body.jk-v58 .jk-v55-hero-models{
  gap:.5rem!important;
}
body.jk-v58 .jk-v55-hero-models a{
  grid-template-columns:70px minmax(0,1fr) auto!important;
  min-height:66px!important;
  padding:.5rem!important;
  border-radius:19px!important;
}
body.jk-v58 .jk-v55-hero-models img{
  width:70px!important;
  height:52px!important;
  border-radius:14px!important;
}

/* Shortcut blocks: centered and aligned to the grid below. */
body.jk-v58 .jk-v55-home-paths{
  gap:1rem!important;
  margin-top:1rem!important;
  margin-bottom:1.1rem!important;
}

/* Home cam grid: bigger cards. Four columns on wide screens instead of five tiny cards. */
body.jk-v58.home #webcams-grid,
body.jk-v58.blog #webcams-grid,
body.jk-v58.home .jk-home-grid,
body.jk-v58.blog .jk-home-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1.65rem!important;
  justify-content:center!important;
  align-items:stretch!important;
}

/* Live/archive pages: centered grid, still dense but not shifted. */
body.jk-v58.post-type-archive-webcam #webcams-grid,
body.jk-v58[class*="tax-webcam_"] #webcams-grid,
body.jk-v58.search #webcams-grid,
body.jk-v58 #related-webcams-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;
  gap:1.35rem!important;
  justify-content:center!important;
  align-items:stretch!important;
}

/* Bigger, cleaner cards on home. */
body.jk-v58.home #webcams-grid .jk-v5-card,
body.jk-v58.blog #webcams-grid .jk-v5-card,
body.jk-v58.home .jk-home-grid .jk-v5-card,
body.jk-v58.blog .jk-home-grid .jk-v5-card{
  border-radius:30px!important;
  min-height:0!important;
}
body.jk-v58.home #webcams-grid .jk-v5-card .t-thumb-wrap,
body.jk-v58.blog #webcams-grid .jk-v5-card .t-thumb-wrap,
body.jk-v58.home .jk-home-grid .jk-v5-card .t-thumb-wrap,
body.jk-v58.blog .jk-home-grid .jk-v5-card .t-thumb-wrap{
  aspect-ratio:16/11.7!important;
  margin:.68rem!important;
  border-radius:24px!important;
}
body.jk-v58.home #webcams-grid .jk-v5-card .p-4,
body.jk-v58.blog #webcams-grid .jk-v5-card .p-4,
body.jk-v58.home .jk-home-grid .jk-v5-card .p-4,
body.jk-v58.blog .jk-home-grid .jk-v5-card .p-4{
  padding:1.05rem 1rem 1.15rem!important;
  min-height:132px!important;
  align-items:flex-start!important;
  gap:.85rem!important;
}
body.jk-v58.home #webcams-grid .jk-v5-card .w-10,
body.jk-v58.blog #webcams-grid .jk-v5-card .w-10,
body.jk-v58.home .jk-home-grid .jk-v5-card .w-10,
body.jk-v58.blog .jk-home-grid .jk-v5-card .w-10{
  width:2.9rem!important;
  height:2.9rem!important;
}

/* Stop labels from eating the bottom of the card. */
body.jk-v58 #webcams-grid .jk-v5-card .p-4 > div:last-child,
body.jk-v58 .jk-home-grid .jk-v5-card .p-4 > div:last-child{
  min-width:0!important;
  width:100%!important;
}
body.jk-v58 #webcams-grid .sv-card-title,
body.jk-v58 .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-v58 #webcams-grid .jk-v4-card-tags,
body.jk-v58 .jk-home-grid .jk-v4-card-tags{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:.38rem!important;
  margin-top:.48rem!important;
  max-height:1.35rem!important;
  overflow:hidden!important;
  padding:0!important;
}
body.jk-v58 #webcams-grid .jk-v4-card-tags span,
body.jk-v58 .jk-home-grid .jk-v4-card-tags span{
  flex:0 1 auto!important;
  max-width:5.8rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.58rem!important;
  line-height:1!important;
  padding:.22rem .42rem!important;
}

/* Single webcam pages and embedded content: force the page onto the same center line. */
body.jk-v58.single-webcam .jk-main-content,
body.jk-v58.single .jk-main-content{
  width:100%!important;
  max-width:100%!important;
  padding-left:clamp(.8rem,1.55vw,1.45rem)!important;
  padding-right:clamp(.8rem,1.55vw,1.45rem)!important;
}
body.jk-v58.single-webcam .pc-webcam-wrap,
body.jk-v58.single .pc-webcam-wrap,
body.jk-v58.single-webcam .pc-info-card,
body.jk-v58.single .pc-info-card,
body.jk-v58.single-webcam .jk-v5-single-panel,
body.jk-v58.single .jk-v5-single-panel,
body.jk-v58.single-webcam .jk-v5-conversion-strip,
body.jk-v58.single .jk-v5-conversion-strip{
  width:min(100%,1280px)!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Responsive. */
@media(max-width:1280px){
  body.jk-v58.home #webcams-grid,
  body.jk-v58.blog #webcams-grid,
  body.jk-v58.home .jk-home-grid,
  body.jk-v58.blog .jk-home-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.jk-v58 .jk-v55-hero{
    grid-template-columns:1fr!important;
  }
  body.jk-v58 .jk-v55-hero-panel{
    display:none!important;
  }
}
@media(max-width:860px){
  body.jk-v58 main.jk-main-content.w-full.max-w-\[1800px\]{
    padding-top:4.05rem!important;
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
  body.jk-v58.home #webcams-grid,
  body.jk-v58.blog #webcams-grid,
  body.jk-v58.home .jk-home-grid,
  body.jk-v58.blog .jk-home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
  }
  body.jk-v58 .jk-v55-hero{
    min-height:auto!important;
    padding:1rem!important;
    border-radius:24px!important;
  }
  body.jk-v58 .jk-v55-hero h1{
    font-size:clamp(2.35rem,12vw,4.35rem)!important;
  }
}
@media(max-width:560px){
  body.jk-v58.home #webcams-grid,
  body.jk-v58.blog #webcams-grid,
  body.jk-v58.home .jk-home-grid,
  body.jk-v58.blog .jk-home-grid,
  body.jk-v58.post-type-archive-webcam #webcams-grid,
  body.jk-v58[class*="tax-webcam_"] #webcams-grid,
  body.jk-v58.search #webcams-grid,
  body.jk-v58 #related-webcams-grid{
    grid-template-columns:1fr!important;
    gap:1rem!important;
  }
  body.jk-v58 .jk-v55-hero-search{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.jk-v58 .jk-v55-hero-search button{
    width:100%!important;
  }
  body.jk-v58.home #webcams-grid .jk-v5-card .p-4,
  body.jk-v58.blog #webcams-grid .jk-v5-card .p-4{
    min-height:118px!important;
  }
}