/* Tab Active State */
.product-tab-nav .nav-link.active {
    color: #1a1a1a !important;
    border-bottom: 3px solid #F5A623 !important;
    background: transparent !important;
}

.product-tab-nav .nav-link:hover {
    color: #F5A623 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .banner {
        height: 180px !important;
    }
    
    .banner .title {
        font-size: 16px !important;
    }
    
    .banner .sub-title {
        font-size: 12px !important;
    }
    
    .feature {
        padding: 15px !important;
    }
    
    .feature .icon i {
        font-size: 28px !important;
    }
    
    .feature .title {
        font-size: 14px !important;
    }
    
    .product-tab-nav {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    .product-tab-nav .nav-item {
        display: inline-block;
    }
    
    .product-tab-nav .nav-link {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
    
    .product {
        margin-bottom: 15px !important;
    }
    
    .product .thumb {
        height: 200px !important;
    }
    
    .brand-logo-carousel .swiper-slide > a > div {
        height: 130px !important;
    }
}

@media (max-width: 576px) {
    .banner {
        height: 150px !important;
    }
    
    .section-title h2 {
        font-size: 22px !important;
    }
    
    .product .thumb {
        height: 180px !important;
    }
    
    .color-box {
        width: 25px !important;
        height: 25px !important;
    }
}

/* Smooth Animations */
.product, .banner, .feature, .brand-logo-carousel .swiper-slide > a > div {
    transition: all 0.3s ease;
}

/* Button Hover Effects */
.btn-warning:hover {
    background-color: #e69500 !important;
    border-color: #e69500 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(245, 166, 35, 0.3);
}

.btn-outline-dark:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #fff !important;
}