/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@media (max-width: 768px) {
    .flashsale-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px;
    }

    .flashsale-thumb {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    .flashsale-thumb img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .flashsale-body {
        padding-left: 0;
        width: 100%;
    }

    .flashsale-title {
        font-size: 0.95rem;
    }

    .flashsale-prices {
        font-size: 0.85rem;
        flex-wrap: wrap;
        gap: 8px;
    }

    .flashsale-countdown {
        font-size: 0.75rem;
        gap: 6px;
        padding: 4px 10px;
        flex-wrap: wrap;
    }

    .flashsale-countdown div {
        min-width: 32px;
        padding: 3px 5px;
    }

    .flashsale-countdown span {
        font-size: 1.1rem;
    }

    .flashsale-buy-button {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin-top: 12px;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        padding: 8px 0;
    }
}