/* Ojerk V21 Stable Core — final override layer */
:root{
  --oj-v21-surface:#0c0d10;
  --oj-v21-surface-2:#111318;
  --oj-v21-line:rgba(255,255,255,.075);
  --oj-v21-muted:#9b9da5;
  --oj-v21-radius:10px;
}
.ojerk-v21 .oj-v20-hero{
  padding-top:clamp(34px,4vw,62px)!important;
  padding-bottom:clamp(18px,2.2vw,30px)!important;
}
.ojerk-v21 .oj-v20-hero-copy{margin-bottom:clamp(22px,2.4vw,34px)!important}
.ojerk-v21 .oj-v20-hero-card{margin-bottom:0!important}
.ojerk-v21 .oj-v13-catalogue{padding-top:0!important}
.ojerk-v21 .oj-v20-grid-head{
  margin:0 0 16px!important;
  padding:0!important;
}
.ojerk-v21 .oj-v20-grid-meta-row{
  min-height:38px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  border-bottom:1px solid var(--oj-v21-line);
}
.ojerk-v21 .oj-v20-results-title-wrap{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  padding:0 0 12px 18px;
}
.ojerk-v21 .oj-v20-results-title-wrap::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:3px;
  height:18px;
  border-radius:10px;
  background:var(--oj-accent,#942229);
  box-shadow:0 0 18px rgba(148,34,41,.35);
}
.ojerk-v21 .oj-v20-recommended-label{
  margin:0!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  line-height:1.25!important;
  font-weight:780!important;
  letter-spacing:-.015em!important;
  color:#f2f3f5!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ojerk-v21 .oj-v19-home-sort{
  flex:0 0 auto!important;
  align-self:center!important;
  margin:0!important;
  padding:0 0 12px!important;
  white-space:nowrap;
}
.ojerk-v21 .oj-v19-home-sort a{
  position:relative;
  color:#888b94!important;
  font-weight:720!important;
}
.ojerk-v21 .oj-v19-home-sort a:hover,
.ojerk-v21 .oj-v19-home-sort a.is-active{color:#fff!important}
.ojerk-v21 .oj-v19-home-sort a.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-13px;
  height:2px;
  border-radius:10px;
  background:var(--oj-accent,#942229);
}
.ojerk-v21 #oj-model-grid{margin-top:0!important}
.ojerk-v21 .oj-model-card{
  content-visibility:auto;
  contain-intrinsic-size:360px 300px;
}
.ojerk-v21 .oj-model-media img{background:#111318}
.ojerk-v21 .oj-v20-footer{
  border-top:1px solid var(--oj-v21-line)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(148,34,41,.12),transparent 28%),
    linear-gradient(180deg,#0a0b0e 0%,#07080a 100%)!important;
}
.ojerk-v21 .oj-v20-footer-main{padding-top:clamp(50px,6vw,84px)!important}
.ojerk-v21 .oj-v20-footer-links nav{
  border-left:1px solid var(--oj-v21-line);
  padding-left:22px;
}
.ojerk-v21 .oj-v20-footer-links nav h3 i{display:none!important}
.ojerk-v21 .oj-v20-footer-social{border-radius:8px!important}
@media(max-width:900px){
  .ojerk-v21 .oj-v20-grid-meta-row{
    align-items:flex-start!important;
    gap:12px!important;
  }
  .ojerk-v21 .oj-v20-recommended-label{white-space:normal}
  .ojerk-v21 .oj-v19-home-sort{font-size:12px!important}
}
@media(max-width:700px){
  .ojerk-v21 .oj-v20-hero{padding-top:28px!important;padding-bottom:16px!important}
  .ojerk-v21 .oj-v20-grid-meta-row{
    flex-direction:column!important;
    border-bottom:0;
    gap:8px!important;
  }
  .ojerk-v21 .oj-v20-results-title-wrap{
    width:100%;
    padding-bottom:7px;
  }
  .ojerk-v21 .oj-v19-home-sort{
    width:100%;
    justify-content:flex-start!important;
    padding:0 0 10px!important;
    border-bottom:1px solid var(--oj-v21-line);
    overflow-x:auto;
  }
  .ojerk-v21 .oj-v19-home-sort a.is-active::after{bottom:-11px}
  .ojerk-v21 .oj-v20-footer-links nav{border-left:0;padding-left:0}
}