.content.shop .shop-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 3rem; }
@container (inline-size < 640px) {
  .content.shop .shop-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } }
  .content.shop .shop-wrapper a {
    justify-self: center; }
  .content.shop .shop-wrapper .shop-item {
    background-color: white;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden; }
    .content.shop .shop-wrapper .shop-item div {
      font-size: 1.25rem;
      font-weight: 400;
      color: white;
      padding: 0.5rem;
      text-align: center; }
      .content.shop .shop-wrapper .shop-item div.name {
        background-color: black; }
      .content.shop .shop-wrapper .shop-item div.price {
        font-weight: 500;
        font-size: 1.125rem;
        background-color: #ff6c0e; }
    .content.shop .shop-wrapper .shop-item img {
      max-width: 320px;
      aspect-ratio: 16/9;
      object-fit: contain;
      width: 100%; }

/*# sourceMappingURL=shop.css.map */
