/* Jerkiss V7.18 — spacing + premium filter system */
body.jk-v6 main.jk-main-content,
body.jk-v6 main.jk-main-content.w-full,
body.jk-v6 main.jk-main-content.pt-28,
body.jk-v6 main.jk-main-content.max-w-\[1800px\]{
  padding-top:148px!important;
}
body.admin-bar.jk-v6 main.jk-main-content,
body.admin-bar.jk-v6 main.jk-main-content.w-full,
body.admin-bar.jk-v6 main.jk-main-content.pt-28{
  padding-top:180px!important;
}
body.jk-v6 .jk-v6-hero,
body.jk-v6 .jk-v5-archive-hero,
body.jk-v6 .jk-v52-page-hero,
body.jk-v6 .jk-v76-cat-hero,
body.jk-v6 .jk-v78-tags-hero,
body.jk-v6 .pc-webcam-wrap.jk-single-hero{
  margin-top:0!important;
}

.jk-v718-filter-panel{
  position:relative;
  width:min(100%,1500px);
  margin:clamp(1.1rem,2vw,1.65rem) auto clamp(1.35rem,2.2vw,2rem);
  padding:clamp(1rem,1.9vw,1.45rem);
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.105);
  background:
    radial-gradient(circle at 100% 0,rgba(255,35,62,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024));
  box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055);
}
.jk-v718-filter-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 45%);
  pointer-events:none;
}
.jk-v718-filter-head,
.jk-v718-filter-groups{
  position:relative;
  z-index:1;
}
.jk-v718-filter-head{
  display:grid;
  grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);
  gap:1rem;
  align-items:end;
  margin-bottom:1.05rem;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.jk-v718-filter-head span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#ff5d70;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.74rem;
  font-weight:950;
}
.jk-v718-filter-head h2{
  margin:.34rem 0 0;
  color:#fff;
  font-size:clamp(1.55rem,2.35vw,2.55rem);
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
}
.jk-v718-filter-head p{
  max-width:780px;
  margin:0;
  color:#d0d0d8;
  font-size:.98rem;
  line-height:1.6;
}
.jk-v718-filter-groups{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.95rem;
}
.jk-v718-filter-group{
  min-width:0;
  padding:.95rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(0,0,0,.22);
}
.jk-v718-filter-group h3{
  margin:0 0 .72rem;
  padding-bottom:.52rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.82rem;
  font-weight:950;
}
.jk-v718-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.44rem;
}
.jk-v718-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  min-height:2rem;
  padding:.42rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032));
  color:#fff!important;
  font-size:.78rem;
  line-height:1;
  font-weight:950;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.jk-v718-filter-chip em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.25rem;
  height:1.25rem;
  padding:0 .36rem;
  border-radius:999px;
  background:rgba(255,42,67,.16);
  color:#ff7181;
  font-size:.68rem;
  font-style:normal;
  font-weight:950;
}
.jk-v718-filter-chip:hover,
.jk-v718-filter-chip.is-active{
  transform:translateY(-2px);
  border-color:rgba(255,43,68,.72);
  background:linear-gradient(135deg,rgba(255,39,64,.25),rgba(255,255,255,.045));
  box-shadow:0 14px 30px rgba(229,9,36,.15),0 0 0 1px rgba(229,9,36,.16);
}
.jk-v718-filter-chip.is-active em{background:#e50924;color:#fff;}

@media(max-width:1180px){
  .jk-v718-filter-groups{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:860px){
  body.jk-v6 main.jk-main-content,
  body.jk-v6 main.jk-main-content.w-full,
  body.jk-v6 main.jk-main-content.pt-28,
  body.jk-v6 main.jk-main-content.max-w-\[1800px\]{
    padding-top:124px!important;
  }
  body.admin-bar.jk-v6 main.jk-main-content,
  body.admin-bar.jk-v6 main.jk-main-content.w-full,
  body.admin-bar.jk-v6 main.jk-main-content.pt-28{
    padding-top:156px!important;
  }
  .jk-v718-filter-head{grid-template-columns:1fr;align-items:start;gap:.65rem;}
  .jk-v718-filter-groups{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  body.jk-v6 main.jk-main-content,
  body.jk-v6 main.jk-main-content.w-full,
  body.jk-v6 main.jk-main-content.pt-28,
  body.jk-v6 main.jk-main-content.max-w-\[1800px\]{
    padding-top:112px!important;
  }
  .jk-v718-filter-panel{width:min(100% - 8px,1500px);border-radius:24px;padding:.9rem;margin:1rem auto 1.2rem;}
  .jk-v718-filter-head{padding-bottom:.85rem;margin-bottom:.85rem;}
  .jk-v718-filter-head p{font-size:.92rem;line-height:1.55;}
  .jk-v718-filter-groups{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x mandatory;}
  .jk-v718-filter-group{flex:0 0 min(82vw,340px);scroll-snap-align:start;padding:.82rem;border-radius:20px;}
  .jk-v718-filter-chip{font-size:.74rem;padding:.4rem .56rem;}
}