/* Ojerk V17.0.2 — guaranteed Top Models filters and tighter model-page footer spacing. */

/* Always reserve the former numeric-stat area for the three real ranking controls. */
.oj-v1404-top-hero.oj-v1616-top-hero,
.oj-route-top-models .oj-v1404-top-hero {
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
}

.oj-v1702-ranking-panel,
.oj-route-top-models [data-oj-ranking-switcher] {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0;
  align-self:stretch;
}

.oj-v1702-ranking-panel .oj-v1616-ranking-tabs {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

.oj-v1702-ranking-panel .oj-v1616-ranking-tabs>a {
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Compact fallback inserted when an old cached hero still contains only the removed number. */
.oj-v1702-fallback-ranking {
  align-self:stretch;
  padding:18px;
  border:1px solid rgba(var(--oj-accent-rgb),.34);
  border-radius:25px;
  background:linear-gradient(160deg,rgba(19,22,29,.97),rgba(7,9,13,.95));
  box-shadow:0 25px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035);
}
.oj-v1702-fallback-ranking>span {
  display:block;
  padding:8px 8px 14px;
  color:var(--oj-accent-hover,var(--oj-accent));
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.oj-v1702-fallback-ranking nav {display:grid;gap:9px}
.oj-v1702-fallback-ranking a {
  display:flex;
  min-height:68px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 17px;
  border:1px solid #2b2f39;
  border-radius:17px;
  background:#0a0c11;
  color:#fff;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  transition:.2s ease;
}
.oj-v1702-fallback-ranking a:after {content:'↗';color:#727986;font-size:17px}
.oj-v1702-fallback-ranking a:hover,
.oj-v1702-fallback-ranking a.is-active {
  border-color:rgba(var(--oj-accent-rgb),.75);
  background:linear-gradient(100deg,rgba(var(--oj-accent-rgb),.17),rgba(14,17,23,.92));
  transform:translateX(3px);
}
.oj-v1702-fallback-ranking a.is-active:after {color:var(--oj-accent-hover,var(--oj-accent))}

/* The SEO/tag panel should lead into the footer without a large empty band. */
.oj-model-page .oj-v17-model-tags-seo {margin-bottom:0!important}
.oj-model-page + .oj-v1605-footer {margin-top:24px!important}

@media(max-width:1100px){
  .oj-v1404-top-hero.oj-v1616-top-hero,
  .oj-route-top-models .oj-v1404-top-hero {grid-template-columns:1fr!important}
  .oj-v1702-ranking-panel .oj-v1616-ranking-tabs {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .oj-v1702-ranking-panel .oj-v1616-ranking-tabs>a {min-height:92px!important}
  .oj-v1702-fallback-ranking nav {grid-template-columns:repeat(3,minmax(0,1fr))}
  .oj-v1702-fallback-ranking a {min-height:76px;justify-content:center;text-align:center}
  .oj-v1702-fallback-ranking a:after {display:none}
}
@media(max-width:760px){
  .oj-v1702-ranking-panel .oj-v1616-ranking-tabs {grid-template-columns:1fr!important}
  .oj-v1702-fallback-ranking nav {grid-template-columns:1fr}
  .oj-v1702-fallback-ranking a {justify-content:space-between;text-align:left}
  .oj-v1702-fallback-ranking a:after {display:block}
  .oj-model-page + .oj-v1605-footer {margin-top:18px!important}
}