@media (max-width: 1400px) {
  .skin-grid, .chinese-chroma-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1220px) {
  .detail-hero { display: block; min-height: 0; }
  .detail-splash {
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .detail-splash::after {
    background: linear-gradient(0deg, rgba(15,15,14,.5), transparent 32%);
  }
  .detail-panel {
    border-top: 1px solid #37352e;
    border-left: 0;
    padding: clamp(32px, 5vw, 52px);
  }
  .detail-panel h1 { max-width: none; }
}

@media (max-width: 1550px) {
  .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;
  }
}