/* CSDROP_SIX_CASES_GRID_V1
   Use six columns only where a complete card remains comfortable.
   This overrides both built-in Index.vue styles and csdrop-responsive-v1.css.
   Preserve category-specific cards/PNG styling and the case links.
*/
@media (min-width: 1280px) {
  body .premium-home .collection-block .premium-grid,
  body .premium-home .collection-block.csdrop-png-mode .premium-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(9px, 1vw, 16px) !important;
  }
}
@media (min-width: 992px) and (max-width: 1279.98px) {
  body .premium-home .collection-block .premium-grid,
  body .premium-home .collection-block.csdrop-png-mode .premium-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (min-width: 720px) and (max-width: 991.98px) {
  body .premium-home .collection-block .premium-grid,
  body .premium-home .collection-block.csdrop-png-mode .premium-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 11px !important;
  }
}
@media (min-width: 351px) and (max-width: 719.98px) {
  body .premium-home .collection-block .premium-grid,
  body .premium-home .collection-block.csdrop-png-mode .premium-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
}
@media (max-width: 350.98px) {
  body .premium-home .collection-block .premium-grid,
  body .premium-home .collection-block.csdrop-png-mode .premium-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}
body .premium-home .collection-block .premium-grid > .premium-case {
  min-width: 0 !important;
  max-width: 100%;
}
body .premium-home .collection-block .premium-grid > .premium-case .premium-case-link {
  min-width: 0;
}