.product-card {
      width: 24rem;
      background: white;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      border-radius: 0.75rem;
      transition: all 0.5s ease;
      border: 2px solid #9ca3af2a;
    }

    .product-card:hover {
      transform: scale(1.05);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .product-card a {
      text-decoration: none;
      color: inherit;
    }

    .product-image {
      height: 20rem;
      width: 24rem;
      object-fit: cover;
      border-radius: 0.75rem 0.75rem 0 0;
    }

    .product-content {
      padding: 0.75rem 1rem;
      width: 24rem;
    }

    .product-brand {
      color: #9ca3af;
      margin-right: 0.75rem;
      text-transform: uppercase;
      font-size: 0.75rem;
    }

    .product-name {
      font-size: 1.125rem;
      font-weight: bold;
      color: black;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      text-transform: capitalize;
    }

    .price-container {
      display: flex;
      align-items: center;
    }

    .product-price {
      font-size: 1.125rem;
      font-weight: 600;
      color: black;
      cursor: auto;
      margin: 0.75rem 0;
    }