/* Compact seven-product homepage grid. Loaded after the compiled stylesheet. */
@media (min-width: 901px) {
  .product-grid,
  html.nc-desktop-mode .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .product-card,
  .product-card:first-child,
  .product-card:nth-child(4),
  html.nc-desktop-mode .product-card,
  html.nc-desktop-mode .product-card:first-child,
  html.nc-desktop-mode .product-card:nth-child(4) {
    grid-column: auto !important;
    min-height: 0;
  }

  .product-visual,
  html.nc-desktop-mode .product-visual {
    min-height: 210px;
  }

  .product-visual img,
  html.nc-desktop-mode .product-visual img {
    height: 230px;
  }

  .product-info,
  html.nc-desktop-mode .product-info {
    padding: 12px 13px 14px;
  }

  .product-info h3,
  html.nc-desktop-mode .product-info h3 {
    font-size: 20px;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-card,
  .product-card:first-child,
  .product-card:nth-child(4) {
    grid-column: auto !important;
    min-height: 0;
  }
}

.product-badge[data-status="undetected"] {
  color: #72f0ad;
  border-color: rgba(53, 239, 138, 0.45);
  background: rgba(7, 49, 32, 0.86);
}

.product-badge[data-status="updating"] {
  color: #d6a7ff;
  border-color: rgba(168, 85, 247, 0.5);
  background: rgba(47, 20, 72, 0.88);
}

.product-badge[data-status="down"] {
  color: #ff9ca6;
  border-color: rgba(255, 77, 93, 0.5);
  background: rgba(72, 19, 27, 0.9);
}

/* Keep the public header at the top of the page instead of following scroll. */
.topbar {
  position: relative !important;
  top: auto !important;
}