.container-shio {
  max-width: 1400px;
  margin: 90px auto;
  padding: 3rem 5rem;
  font: 1em/1.618 Inter, sans-serif;
}

.container-shio .card-shio-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  gap: 35px;
}

.container-shio .card-shio-container .product {
  text-align: center;
  padding: 25px 20px;
  border-radius: 20px;
  background: linear-gradient(170deg, #5f5f5f9f 0%, #424242 100%);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(15px);
  font: 1em/1.618 Inter, sans-serif;
}

.container-shio .card-shio-container .product h3 {
  color: #ff2525;
  font-size: 18pt;
  text-shadow: 0 25px 50px #000;
}

.container-shio .card-shio-container .product p {
  font-size: 14pt;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  color: #ffbb00;
}

@media (max-width: 460px) {
  .container-shio {
    margin-left: -25px;
  }
}