.elementor-687 .elementor-element.elementor-element-51a29e84{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;}.elementor-687 .elementor-element.elementor-element-51a29e84:not(.elementor-motion-effects-element-type-background), .elementor-687 .elementor-element.elementor-element-51a29e84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://phongthuybaothien.com/wp-content/uploads/2025/05/8738661475108166948_0_c5a562aa-0ced-413d-ba65-32706f05f1b2-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-687 .elementor-element.elementor-element-51a29e84::before, .elementor-687 .elementor-element.elementor-element-51a29e84 > .elementor-background-video-container::before, .elementor-687 .elementor-element.elementor-element-51a29e84 > .e-con-inner > .elementor-background-video-container::before, .elementor-687 .elementor-element.elementor-element-51a29e84 > .elementor-background-slideshow::before, .elementor-687 .elementor-element.elementor-element-51a29e84 > .e-con-inner > .elementor-background-slideshow::before, .elementor-687 .elementor-element.elementor-element-51a29e84 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-687 .elementor-element.elementor-element-1cb24487{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-687 .elementor-element.elementor-element-6342deec{text-align:center;}.elementor-687 .elementor-element.elementor-element-6342deec .elementor-heading-title{font-size:30px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-687 .elementor-element.elementor-element-172bc255 .woocommerce-breadcrumb{color:var( --e-global-color-blocksy_palette_8 );text-align:center;}.elementor-687 .elementor-element.elementor-element-172bc255 .woocommerce-breadcrumb > a{color:var( --e-global-color-blocksy_palette_8 );}.elementor-687 .elementor-element.elementor-element-0578d08{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-687 .elementor-element.elementor-element-89cf64f{text-align:center;}.elementor-687 .elementor-element.elementor-element-89cf64f .elementor-heading-title{font-size:28px;line-height:36px;color:var( --e-global-color-blocksy_palette_2 );}.elementor-687 .elementor-element.elementor-element-cf83030 .swiper-carousel .bdt-ep-custom-carousel-thumbnail{background-size:contain;}.elementor-687 .elementor-element.elementor-element-cf83030 .bdt-image-mask>*{-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:space;mask-repeat:space;}.elementor-687 .elementor-element.elementor-element-cf83030 .swiper-carousel .swiper-slide{border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-687 .elementor-element.elementor-element-cf83030 .swiper-carousel .swiper-slide, .elementor-687 .elementor-element.elementor-element-cf83030 .bdt-ep-custom-carousel .swiper-carousel{border-radius:28%;}.elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-prev i,
            .elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-next i{font-size:34px;}.elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-prev{margin-right:0px;left:-60px;}.elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-next{margin-left:0px;right:-60px;}.elementor-687 .elementor-element.elementor-element-75b09aad{--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;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-687 .elementor-element.elementor-element-6fd4c2d4{text-align:center;}.elementor-687 .elementor-element.elementor-element-6fd4c2d4 .elementor-heading-title{font-size:28px;line-height:36px;color:var( --e-global-color-blocksy_palette_2 );}.elementor-687 .elementor-element.elementor-element-4bb99bd.elementor-element{--align-self:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-687 .elementor-element.elementor-element-6fb45b5b{--grid-columns:4;--grid-row-gap:10px;--auto-scroll-offset:0px;--grid-column-gap:10px;}.elementor-687 .elementor-element.elementor-element-6fb45b5b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-687 .elementor-element.elementor-element-6fb45b5b .e-loop-item > .elementor-section, .elementor-687 .elementor-element.elementor-element-6fb45b5b .e-loop-item > .elementor-section > .elementor-container, .elementor-687 .elementor-element.elementor-element-6fb45b5b .e-loop-item > .e-con, .elementor-687 .elementor-element.elementor-element-6fb45b5b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-687 .elementor-element.elementor-element-6fb45b5b .elementor-pagination{text-align:center;margin-top:20px;}body:not(.rtl) .elementor-687 .elementor-element.elementor-element-6fb45b5b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-687 .elementor-element.elementor-element-6fb45b5b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-687 .elementor-element.elementor-element-6fb45b5b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-687 .elementor-element.elementor-element-6fb45b5b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-687 .elementor-element.elementor-element-51a29e84{--content-width:1300px;}.elementor-687 .elementor-element.elementor-element-0578d08{--content-width:1210px;}}@media(max-width:1024px){.elementor-687 .elementor-element.elementor-element-51a29e84{--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-prev i,
            .elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-next i{font-size:24px;}.elementor-687 .elementor-element.elementor-element-6fb45b5b{--grid-columns:2;}}@media(max-width:767px){.elementor-687 .elementor-element.elementor-element-51a29e84{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-687 .elementor-element.elementor-element-6342deec .elementor-heading-title{font-size:30px;}.elementor-687 .elementor-element.elementor-element-cf83030 .swiper-carousel .swiper-slide{height:100px;}.elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-prev i,
            .elementor-687 .elementor-element.elementor-element-cf83030 .bdt-navigation-next i{font-size:24px;}.elementor-687 .elementor-element.elementor-element-4bb99bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-687 .elementor-element.elementor-element-6fb45b5b{--grid-columns:2;--grid-row-gap:0px;--grid-column-gap:5px;}}/* Start custom CSS for container, class: .elementor-element-51a29e84 *//* CSS cho bộ lọc trên thiết bị di động */
@media (max-width: 767px) {
    .product-filter {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .product-filter span {
        margin-bottom: 10px;
        font-weight: 600;
    }
    
    .filter-buttons {
        display: flex;
        flex-wrap: nowrap; /* Không cho phép các nút xuống dòng */
        overflow-x: auto; /* Thêm thanh cuộn ngang */
        -webkit-overflow-scrolling: touch; /* Cuộn mượt mà trên iOS */
        scrollbar-width: thin; /* Thanh cuộn mỏng trên Firefox */
        width: 100%;
        padding-bottom: 10px; /* Không gian cho thanh cuộn hiển thị */
    }
    
    .filter-buttons::-webkit-scrollbar {
        height: 4px; /* Chiều cao thanh cuộn */
    }
    
    .filter-buttons::-webkit-scrollbar-track {
        background: #f1f1f1; /* Màu nền thanh cuộn */
        border-radius: 10px;
    }
    
    .filter-buttons::-webkit-scrollbar-thumb {
        background: #ccc; /* Màu của thanh cuộn */
        border-radius: 10px;
    }
    
    .filter-buttons::-webkit-scrollbar-thumb:hover {
        background: #aaa; /* Màu khi hover vào thanh cuộn */
    }
    
    .filter-button {
        flex: 0 0 auto; /* Không co giãn, giữ nguyên kích thước */
        white-space: nowrap; /* Tránh nút bị ngắt dòng */
        margin-right: 8px; /* Khoảng cách giữa các nút */
        font-size: 13px; /* Giảm kích thước chữ một chút */
        padding: 6px 12px; /* Giảm padding để nút nhỏ hơn */
    }
    
    /* Loại bỏ margin-right cho nút cuối cùng */
    .filter-button:last-child {
        margin-right: 0;
    }
    
    /* Thêm hiệu ứng hiển thị bóng mờ ở cuối để thể hiện có thể cuộn thêm */
    .filter-buttons::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        background: linear-gradient(to right, transparent, rgba(255,255,255,0.9));
        pointer-events: none; /* Cho phép nhấp qua lớp này */
    }
}
h4.product_title.entry-title.elementor-heading-title.elementor-size-default {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.elementor-pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: #e5e5e5;
    color: #666;
}

.elementor-pagination .page-numbers.current {
    background-color: #BD9868;
    color: white;
}

.elementor-pagination .page-numbers.dots {
    border: 2px solid #14213D;
    background-color: white;
    color: #14213D;
}

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    background-color: #e5e5e5;
}

.elementor-pagination .page-numbers:hover:not(.current) {
    background-color: #d5d5d5;
}

.elementor-screen-only {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}/* End custom CSS */