:root {
    --ml-featured-section-bg: #fff8f3;
    --ml-featured-accent: #fa896b;
    --ml-featured-hot-bg: #ffb703;
    --ml-featured-hot-text: #7a5200;
    --ml-flash-strip-bg: #fff0ed;
    --ml-flash-accent: #dc2626;
    --ml-flash-accent-hover: #b91c1c;
    --ml-promo-gradient: linear-gradient(135deg, #ffb703 0%, #fa896b 100%);
}

.malaptop-promo-bar {
    background: var(--ml-promo-gradient);
}

.malaptop-gradient {
    background: var(--ml-promo-gradient);
}

.featured-products-section {
    background: var(--ml-featured-section-bg);
    border-radius: 0.75rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .featured-products-section {
        padding: 1.25rem 1.5rem;
    }
}

.featured-products-section__title {
    color: var(--ml-featured-accent);
}

.product-card--featured {
    border-top: 3px solid var(--ml-featured-accent);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-card--featured:hover {
    box-shadow: 0 0.5rem 1.25rem rgba(250, 137, 107, 0.18) !important;
}

.badge-featured-hot {
    background-color: var(--ml-featured-hot-bg) !important;
    color: var(--ml-featured-hot-text) !important;
}

.flash-sale-strip {
    background-color: var(--ml-flash-strip-bg) !important;
}

.flash-sale-strip .text-danger:not(.badge) {
    color: var(--ml-flash-accent) !important;
}

.flash-sale-strip .badge.bg-danger,
.flash-sale-strip .badge.flash-sale-label {
    background-color: var(--ml-flash-accent) !important;
    color: #ffffff !important;
}

.flash-sale-carousel__indicators [data-bs-target] {
    background-color: rgba(220, 38, 38, 0.35);
}

.flash-sale-carousel__indicators .active {
    background-color: var(--ml-flash-accent) !important;
}

.flash-sale-price {
    color: var(--ml-flash-accent) !important;
}

.flash-sale-card .btn-danger {
    background-color: var(--ml-flash-accent);
    border-color: var(--ml-flash-accent);
}

.flash-sale-card .btn-danger:hover,
.flash-sale-card .btn-danger:focus {
    background-color: var(--ml-flash-accent-hover);
    border-color: var(--ml-flash-accent-hover);
}

.flash-sale-card .badge.bg-danger {
    background-color: var(--ml-flash-accent) !important;
}