/* Products */
    .category-card {
      border-radius: 50px;
      padding: 20px;
      min-height: 220px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      background-size: cover;
      background-position: center;
      color: #333;
    }
    .category-card h3 {
      font-weight: 700;
      margin-top: 5px;
    }
    
    small{
        user-select:none;
        color: #000000;
    }
    
    .category-fw-bold {
        user-select: none;
        font-family: 'Saira', sans-serif !important;
        font-size: 25px;
        font-weight: 600 !important;
        color: #181717;
        text-align: center;
    }
    .category-card-caption {
      text-align: center;
      justify-content: center;
    }
    .category-card small {
      color: #555;
    }
    .btn-shop {
      background: #000;
      color: #fff;
      font-size: 0.9rem;
      border-radius: 10px;
      padding: 6px 16px;
    }
    
    /* Warna background lembut */
    .bg-orange {
        background: linear-gradient(135deg, #ff6600, #ff9966);
        color: #fff;
    }
    
    .bg-putih {
        background: #FFFFFF;
        color: #333;
    }
    
    .img-hover {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible; /* biar gambar bisa keluar frame */
    }

    .img-hover img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    z-index: 2;
    }

    /* Hover effect */
    .img-hover:hover img {
    transform: scale(1.3);
    animation: float 3s ease-in-out infinite; /* floating animation */
    }
    
    /* ===== Responsiveness Fix untuk Halaman Produk ===== */
    .product-card {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      padding: 1.5rem;
    }
    
    .product-text {
      text-align: left;
    }
    
    .product-text small {
      display: block;
      margin-bottom: 5px;
    }
    
    .product-image {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .product-image img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
      transition: transform 0.3s ease;
    }
    
    .product-image img:hover {
      transform: scale(1.3);
      animation: float 3s ease-in-out infinite;
    }
    
    /* Mobile layout: teks di atas gambar */
    @media (max-width: 768px) {
      .product-card {
        flex-direction: column;
        text-align: center;
      }
    
      .product-text {
        text-align: center;
        margin-bottom: 1rem;
      }
    
      .product-image img {
        max-width: 80%;
      }
    }
/* Products End */