/*
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  ***************/


}

li.variable-item.button-variable-item {
    padding: 20px 30px !important;
}
div#tab-description img,
div#tab-description video{
    width: 80%;
		height: auto;
    margin: 0 auto !important;
    display: block;
}
.toy-list-slider {
    width: 100%;
}
.carousel-cell {
    transition: transform 0.3s;
}
.carousel-cell:hover {
    transform: scale(1.03);
}
.toy-list-slider .flickity-slider > .carousel-cell {
    width: 12.5% !important;
    padding: 10px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .toy-list-slider .flickity-slider > .carousel-cell {
        width: 25% !important; /* 4 cột tablet */
    }
}

@media (max-width: 767px) {
    .toy-list-slider .flickity-slider > .carousel-cell {
        width: 50% !important; /* 2 cột mobile */
    }
}

@media (max-width: 480px) {
    .toy-list-slider .flickity-slider > .carousel-cell {
        width: 50% !important; /* vẫn 2 cột nhỏ hơn */
    }
}