@media (max-width: 1050px) {
  :root { --sidebar: 210px; }

  .sidebar { padding-inline: 18px; }
  .content { padding-inline: 28px; }
  .nav-list { margin-top: 44px; }
  .nav-list a { gap: 12px; padding-inline: 11px; }

  .filters,
  .filters.champion-filters,
  .filters.skinline-filters,
  .chinese-chroma-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filters > .catalog-filter:not(:first-child),
  .chinese-chroma-toolbar > .catalog-filter:not(:first-child) {
    width: 100%;
    max-width: none;
  }
  .filters.skinline-filters > :first-child { grid-column: 1 / -1; }

  .skin-grid, .chinese-chroma-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .champion-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .collection-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .collection-rarity-summary {
    grid-column: 1 / -1;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .line-card {
    min-height: 0;
    grid-template-columns: 1fr;
    contain-intrinsic-size: auto 700px;
  }
  .line-card-media { aspect-ratio: 16 / 9; }
  .line-card-media::after {
    background: linear-gradient(180deg, transparent 48%, rgba(16,16,15,.5) 78%, #151513 100%);
  }
  .line-card-content { min-height: 260px; padding: 32px 34px; }

  .detail-hero { grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr); }
  .detail-panel { padding: 30px; }
  .chroma-layout.chroma-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .champion-detail-hero { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); }
  .chinese-chroma-detail-layout { grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr); }
}