/* css list vocher */
         body {
           font-family: 'Poppins', sans-serif;
       }
       .card-hover {
           transition: all 0.3s ease;
       }
       .card-hover:hover {
           transform: translateY(-8px);
           box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
       }
       .search-section {
           background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
       }
       .search-box {
           border: 2px solid #e2e8f0;
           transition: all 0.3s ease;
       }
       .search-box:focus-within {
           border-color: #eab308;
           box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.1);
       }
       .search-btn {
           transition: all 0.3s ease;
           background: #eab308;
           color: white;
       }
       .search-btn:hover {
           background: #ca8a04;
           transform: scale(1.05);
       }
       .filter-select {
           border: 2px solid #e2e8f0;
           transition: all 0.3s ease;
       }
       .filter-select:focus {
           border-color: #eab308;
           box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.1);
           outline: none;
       }
       .eye-icon-container {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           background: rgba(255, 255, 255, 0.95);
           width: 70px;
           height: 70px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           transition: all 0.3s ease;
           opacity: 0;
           z-index: 10;
           box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
       }
       .voucher-card:hover .eye-icon-container {
           opacity: 1;
       }
       .eye-icon-container:hover {
           background: #eab308;
           transform: translate(-50%, -50%) scale(1.1);
       }
       .eye-icon {
           color: #4b5563;
           font-size: 28px;
           transition: all 0.3s ease;
       }
       .eye-icon-container:hover .eye-icon {
           color: white;
       }
       .category-badge {
           background: linear-gradient(135deg, #eab308, #ca8a04);
       }




       /* end css list vocher */

      /* Responsive improvements */
@media (max-width: 390px) {
    .container {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .search-section {
        padding: 1rem !important;
    }

    .search-box input {
        font-size: 14px !important;
        padding: 0.75rem !important;
    }

    /* Perbaikan placeholder */
    .search-box input::placeholder {
        font-size: 13px;
    }

    .filter-select {
        font-size: 14px !important;
        padding: 0.75rem !important;
    }

    .w-full.lg\\:w-auto.flex.gap-4 {
        width: 100%;
        flex-direction: column;
    }

    .w-full.lg\\:w-auto.flex.gap-4 button {
        width: 100%;
        min-width: auto !important;
    }

    .car-card .p-6 {
        padding: 1rem !important;
    }
}

@media (max-width: 360px) {
    .search-box input::placeholder {
        font-size: 12px;
    }

    .car-card .p-6 {
        padding: 0.75rem !important;
    }

    .text-4xl {
        font-size: 1.75rem !important;
    }

    .text-lg {
        font-size: 0.875rem !important;
    }
}