/* Scope toàn bộ CSS chỉ cho widget này - sẽ được prefix tự động bởi Elementor */
.swiper-gallery-wrapper{overflow: hidden;}
.swiper-gallery-wrapper .swiper-slide a{ display: flex; position: relative; padding-top:100%; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; overflow: hidden;}
.swiper-gallery-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

.swiper-gallery-wrapper .swiper-slide{

}

.swiper-gallery-wrapper .swiper-slide:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.swiper-gallery-wrapper .swiper-slide:nth-child(1) img {

}

.swiper-gallery-wrapper .swiper-slide:nth-child(2) img {

}

.swiper-gallery-wrapper .swiper-slide:nth-child(2):hover img {

}

/* .swiper-gallery-wrapper .swiper-slide:nth-child(3)::after {
    content: "HOT";
    position: absolute;
    top: 15px;
    left: 15px;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
    pointer-events: none;
} */

.swiper-gallery-wrapper .swiper-slide:nth-child(4) img {
    border-radius: 50px;
}

/* Ẩn arrow trên mobile nếu muốn */
@media (max-width: 767px) {
    .swiper-gallery-wrapper .swiper-button-prev,
    .swiper-gallery-wrapper .swiper-button-next {
        display: none;
    }
}