body {
}
.carousel-img {
    width: 100%;
    height: 445px;
    object-fit: cover;
}

/* Tablet */
@media (max-width: 992px) {
    .carousel-img {
        height: 350px;
    }

    marquee {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .carousel-img {
        height: 200px;
    }

    marquee {
        font-size: 16px;
        padding: 3px 0;
    }
}

/* Mobile: dưới 768px thì bỏ carousel và hiển thị dạng grid */
@media (max-width: 767px) {
    #product-carousel,
    #product-carousel-bestseller,
    #product-carousel-lk,
    #product-carousel-Camera,
    #product-carousel-Loa,
    #product-carousel-AmThanh,
    #product-carousel-Nha,
    #product-carousel-Robot {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

        #product-carousel .owl-stage-outer,
        #product-carousel .owl-stage,
        #product-carousel .owl-item,
        #product-carousel-bestseller .owl-stage-outer,
        #product-carousel-bestseller .owl-stage,
        #product-carousel-bestseller .owl-item,
        #product-carousel-lk .owl-stage-outer,
        #product-carousel-lk .owl-stage,
        #product-carousel-lk .owl-item,
        #product-carousel-Camera .owl-stage-outer,
        #product-carousel-Camera .owl-stage,
        #product-carousel-Camera .owl-item,
        #product-carousel-Loa .owl-stage-outer,
        #product-carousel-Loa .owl-stage,
        #product-carousel-Loa .owl-item,
        #product-carousel-AmThanh .owl-stage-outer,
        #product-carousel-AmThanh .owl-stage,
        #product-carousel-AmThanh .owl-item,
        #product-carousel-Nha .owl-stage-outer,
        #product-carousel-Nha .owl-stage,
        #product-carousel-Nha .owl-item,
        #product-carousel-Robot .owl-stage-outer,
        #product-carousel-Robot .owl-stage,
        #product-carousel-Robot .owl-item {
            width: 100% !important;
            transform: none !important;
        }

        #product-carousel .owl-item,
        #product-carousel-bestseller .owl-item,
        #product-carousel-lk .owl-item,
        #product-carousel-Camera .owl-item,
        #product-carousel-Loa .owl-item,
        #product-carousel-AmThanh .owl-item,
        #product-carousel-Nha .owl-item,
        #product-carousel-Robot .owl-item {
            display: block;
        }

        #product-carousel > .product-item,
        #product-carousel-bestseller > .product-item,
        #product-carousel-lk > .product-item,
        #product-carousel-Camera > .product-item,
        #product-carousel-Loa > .product-item,
        #product-carousel-AmThanh > .product-item,
        #product-carousel-Nha > .product-item,
        #product-carousel-Robot > .product-item {
            margin-bottom: 20px !important;
        }


}

.banner-img {
    object-fit: cover;
    width: 100%;
    height: 563.975px;
}

@media (max-width: 992px) {
    .banner-img {
        width:100%;
        height: 300px; /* tablet */
    }
}

@media (max-width: 768px) {
    .banner-img {
        width: 100%;
        height: 150px; /* mobile */
    }
}

@media (max-width: 991.98px) {
    .product-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.product-image-bestseller a img,
.product-image-lk a img,
.product-image-Camera a img,
.product-image-Loa a img,
.product-image-AmThanh a img,
.product-image-Nha a img,
.product-image-Robot a img,
.product-image a img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    display: block;
    margin: auto;
}

/* Khi xuống mobile (màn hình nhỏ hơn 768px) */
@media (max-width: 767.98px) {
    .product-image-bestseller a img,
    .product-image-lk a img,
    .product-image-Camera a img,
    .product-image-Loa a img,
    .product-image-AmThanh a img,
    .product-image-Nha a img,
    .product-image-Robot a img,
    .product-image a img {
        height: 100px;
    }

   
}

@media (max-width: 480px){
    .product-image-bestseller > span.sticker,
    .product-image-lk > span.sticker,
    .product-image-Camera > span.sticker,
    .product-image-Loa > span.sticker,
    .product-image-AmThanh > span.sticker,
    .product-image-Nha > span.sticker,
    .product-image-Robot > span.sticker,
    .product-image > span.sticker {
        display: none;
    }
}