/* =========================================
   VIDMAX STORE - 404 PAGE CUSTOM STYLES
   Warna Brand & Animasi Ikon
   ========================================= */
.bg-orange-primary {
    background-color: #FF6B00;
}

.text-orange-primary {
    color: #FF6B00;
}

/* Animasi melayang untuk ikon */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.float-animation {
    animation: float 3s ease-in-out infinite;
}

/* =====================================================
   VIDMAX STORE - BRAND COLOR UTILITIES
   ===================================================== */
.bg-orange-primary { background-color: #FF6B00; }
.text-orange-primary { color: #FF6B00; }
.border-orange-primary { border-color: #FF6B00; }

/* =====================================================
   TAB MENU ACTIVE STYLE
   ===================================================== */
.tab-active {
    border-bottom: 4px solid #FF6B00;
    color: #FF6B00;
    font-weight: bold;
}

/* =====================================================
   PRODUCT CARD HOVER EFFECT
   ===================================================== */
.product-card:hover img {
    transform: scale(1.1);
}

/* =====================================================
   HELPER / UTILITY CLASS
   ===================================================== */
.hidden {
    display: none;
}

/* =====================================================
   SWIPER CUSTOM STYLE
   ===================================================== */
.swiper-pagination-bullet-active {
    background: #FF6B00 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px !important;
    font-weight: bold;
}