.split-banner-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        }

        .banner-image-side {
            height: 500px;
        }

        .split-banner-image {
            object-fit: cover;
            object-position: center;
        }

        .floating-badge {
            position: absolute;
            top: 20px;
            right: 20px;
        }

        .floating-badge .badge {
            font-size: 1rem;
            padding: 0.7rem 1.2rem;
            animation: pulse 2s infinite;
        }

        .banner-content-side {
            min-height: 500px;
        }

        .section-label {
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .banner-heading {
            line-height: 1.2;
        }

        .price-section {
            display: flex;
            align-items: center;
        }

        .current-price {
            font-size: 2.5rem;
        }

        .discount-badge {
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .feature-item {
            font-size: 0.95rem;
        }

        .btn-primary {
            background: linear-gradient(135deg, #e63312, #ff6b35);
            border: none;
            padding: 0.8rem 2rem;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(230, 51, 18, 0.3);
        }

        .time-unit {
            min-width: 60px;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        @media (max-width: 992px) {
            .banner-image-side,
            .banner-content-side {
                height: auto;
                min-height: 400px;
            }
        }

        @media (max-width: 768px) {
            .banner-heading {
                font-size: 2rem;
            }

            .action-buttons .btn {
                display: block;
                width: 100%;
                margin-bottom: 1rem;
            }
        }

    .product-title {
        font-size: 2rem;
        font-weight: 700;
    }

    .nav-tabs .nav-link {
        color: #6c757d;
        font-weight: 500;
    }

    .nav-tabs .nav-link.active {
        color: #0d6efd;
        font-weight: 600;
    }

    .thumbnail.active {
        border-color: #0d6efd !important;
    }

    .progress {
        background-color: #e9ecef;
    }