.product-card2 {
      background: #222;
      border: 2px solid gold;
      border-radius: 1rem;
     
      padding: 1rem;
      transition: transform 0.3s;
      position: relative;
    }
    .product-card:hover {
      transform: scale(1.02);
    }
    .product-img {
      border-radius: 0.5rem;
      object-fit: cover;
      max-height: 200px;
      width: 100%;
    }



.alert h5 {
  font-family: 'Sarabun', 'Kanit', sans-serif;
  font-size: 1.2rem;
}
.alert {
  border-left: 8px solid #d48806;
  background: linear-gradient(to right, #fff7e6, #fff0cc);
}



.omi-o {
  background: linear-gradient(to right, gold, orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.omi-g {
    background: linear-gradient(90deg, #00ff99, #00cc66, #009966);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.omi-p {
    background: linear-gradient(90deg, #cc66ff, #9933ff, #6600cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.omi-b {
    background: linear-gradient(90deg, #00cfff, #3399ff, #0066cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.omi-pi {
    background: linear-gradient(90deg, #ff66cc, #ff3399, #cc0066);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.omi-r {
    background: linear-gradient(90deg, #ff6666, #ff3333, #cc0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.omi-bc {
  font-weight: bold;
  background: linear-gradient(to right, #000000, #434343);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}