.beta-banner[hidden] {
  display: none !important;
}

.public-banner {
  border-color: #4389d8;
  background: #102f59;
  color: #c9e3ff;
}

.product-card .visual {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  max-height: 240px;
  overflow: hidden;
}

.product-card .visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: cover;
}

.product-card .card-body {
  position: relative;
}

.product-card .name {
  min-height: 2.9em;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.cards.single {
  grid-template-columns: minmax(280px, 420px);
  justify-content: start;
}

.cards.single .product-card .visual {
  max-height: 315px;
}

@media (max-width: 560px) {
  .cards.single {
    grid-template-columns: 1fr;
  }
  .product-card .visual {
    height: auto;
    max-height: none;
  }
}