.elementor-12934 .elementor-element.elementor-element-d681738{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EBEBEB;--border-color:#EBEBEB;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12934 .elementor-element.elementor-element-d681738::before, .elementor-12934 .elementor-element.elementor-element-d681738 > .elementor-background-video-container::before, .elementor-12934 .elementor-element.elementor-element-d681738 > .e-con-inner > .elementor-background-video-container::before, .elementor-12934 .elementor-element.elementor-element-d681738 > .elementor-background-slideshow::before, .elementor-12934 .elementor-element.elementor-element-d681738 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12934 .elementor-element.elementor-element-d681738 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-37c4af7 );}@media(max-width:767px){.elementor-12934 .elementor-element.elementor-element-d681738{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-d681738 */.product-recently-viewed.row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
}

.product-recently-viewed.row {
    gap: 20px !important;
}
.product-recently-viewed.row .item {
    /* Chia 4 cột: (100% - 3 khoảng gap 20px) / 4 */
    width: calc((100% - 60px) / 4) !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
}


@media (max-width: 767px) {
    .product-recently-viewed.row {
        gap: 10px !important;
    }
    .product-recently-viewed.row .item {
        width: calc((100% - 10px) / 2) !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .product-recently-viewed.row {
        gap: 15px !important;
    }
    .product-recently-viewed.row .item {
        /* Chia 3 cột: (100% - 2 khoảng gap 15px) / 3 */
        width: calc((100% - 30px) / 3) !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
    }
}/* End custom CSS */