.elementor-2880 .elementor-element.elementor-element-10b547f{--display:flex;--min-height:90vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.45;border-style:solid;--border-style:solid;border-width:0px 0px 03px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:03px;--border-left-width:0px;border-color:var( --e-global-color-astglobalcolor2 );--border-color:var( --e-global-color-astglobalcolor2 );--border-radius:0px 0px 0px 0px;}.elementor-2880 .elementor-element.elementor-element-10b547f::before, .elementor-2880 .elementor-element.elementor-element-10b547f > .elementor-background-video-container::before, .elementor-2880 .elementor-element.elementor-element-10b547f > .e-con-inner > .elementor-background-video-container::before, .elementor-2880 .elementor-element.elementor-element-10b547f > .elementor-background-slideshow::before, .elementor-2880 .elementor-element.elementor-element-10b547f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2880 .elementor-element.elementor-element-10b547f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2880 .elementor-element.elementor-element-3f2e5b6{text-align:center;}.elementor-2880 .elementor-element.elementor-element-3f2e5b6 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:70px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#1F1815;}.elementor-2880 .elementor-element.elementor-element-5b81faa{width:100%;max-width:100%;text-align:center;font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#1F1815;}.elementor-2880 .elementor-element.elementor-element-e27b8c2{width:var( --container-widget-width, 100% );max-width:100%;background-color:#02010105;margin:10px 010px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2880 .elementor-element.elementor-element-16f22e8 .elementor-button{background-color:#02010100;font-family:"Be Vietnam Pro", Sans-serif;font-size:8px;text-decoration:underline;fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );}.elementor-2880 .elementor-element.elementor-element-16f22e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2880 .elementor-element.elementor-element-16f22e8.elementor-element{--align-self:flex-end;}.elementor-2880 .elementor-element.elementor-element-511ce41{--display:flex;--position:absolute;--min-height:250px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}body:not(.rtl) .elementor-2880 .elementor-element.elementor-element-511ce41{left:0px;}body.rtl .elementor-2880 .elementor-element.elementor-element-511ce41{right:0px;}.elementor-2880 .elementor-element.elementor-element-e9db8dc{--e-transform-flipX:-1;}.elementor-2880 .elementor-element.elementor-element-e9db8dc.elementor-element{--align-self:flex-start;}.elementor-2880 .elementor-element.elementor-element-e9db8dc img{width:100%;max-width:100%;height:250px;}.elementor-2880 .elementor-element.elementor-element-c5a8566 .elementor-button{background-color:#1F1815;font-family:"Be Vietnam Pro", Sans-serif;font-weight:400;fill:#F5F5DC;color:#F5F5DC;border-radius:25px 25px 25px 25px;}.elementor-2880 .elementor-element.elementor-element-c5a8566{width:var( --container-widget-width, 15% );max-width:15%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:15%;--container-widget-flex-grow:0;top:1px;}.elementor-2880 .elementor-element.elementor-element-c5a8566:hover{--e-transform-scale:1.1;}.elementor-2880 .elementor-element.elementor-element-c5a8566.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-2880 .elementor-element.elementor-element-c5a8566{left:319px;}body.rtl .elementor-2880 .elementor-element.elementor-element-c5a8566{right:319px;}.elementor-2880 .elementor-element.elementor-element-00c6522{--display:flex;--min-height:100vh;--overlay-opacity:0.5;}.elementor-2880 .elementor-element.elementor-element-00c6522:not(.elementor-motion-effects-element-type-background), .elementor-2880 .elementor-element.elementor-element-00c6522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hutechtrunghieu.id.vn/wp-content/uploads/2026/03/Thiet-ke-chua-co-ten-2.png");background-repeat:repeat;}.elementor-2880 .elementor-element.elementor-element-00c6522::before, .elementor-2880 .elementor-element.elementor-element-00c6522 > .elementor-background-video-container::before, .elementor-2880 .elementor-element.elementor-element-00c6522 > .e-con-inner > .elementor-background-video-container::before, .elementor-2880 .elementor-element.elementor-element-00c6522 > .elementor-background-slideshow::before, .elementor-2880 .elementor-element.elementor-element-00c6522 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2880 .elementor-element.elementor-element-00c6522 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}body.elementor-page-2880:not(.elementor-motion-effects-element-type-background), body.elementor-page-2880 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-2880 .elementor-element.elementor-element-00c6522:not(.elementor-motion-effects-element-type-background), .elementor-2880 .elementor-element.elementor-element-00c6522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-2880 .elementor-element.elementor-element-3f2e5b6 .elementor-heading-title{font-size:45px;}.elementor-2880 .elementor-element.elementor-element-5b81faa{font-size:14px;}}@media(max-width:767px){.elementor-2880 .elementor-element.elementor-element-3f2e5b6 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-2880 .elementor-element.elementor-element-511ce41{--min-height:50vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2880 .elementor-element.elementor-element-e9db8dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -40px;}.elementor-2880 .elementor-element.elementor-element-e9db8dc.elementor-element{--align-self:flex-end;}.elementor-2880 .elementor-element.elementor-element-e9db8dc img{width:50%;max-width:50%;height:100px;}.elementor-2880 .elementor-element.elementor-element-c5a8566{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;top:269.934px;}.elementor-2880 .elementor-element.elementor-element-c5a8566.elementor-element{--align-self:stretch;}body:not(.rtl) .elementor-2880 .elementor-element.elementor-element-c5a8566{left:39.391px;}body.rtl .elementor-2880 .elementor-element.elementor-element-c5a8566{right:39.391px;}.elementor-2880 .elementor-element.elementor-element-c5a8566 .elementor-button{font-size:12px;}}/* Start custom CSS for button, class: .elementor-element-c5a8566 *//* 1. Box Button */
.elementor-2880 .elementor-element.elementor-element-c5a8566 .elementor-button {
    background-color: #1f1815 !important; /* Màu nền nâu đen của ông */
    border-radius: 20px !important; /* Bo góc tròn */
    position: relative; 
    border: none !important; 
    padding: 15px 30px !important; 
    
    /* LỆNH NÀY KÉO BOX LẠI GẦN NHÂN VẬT (BÊN TRÁI) */
    /* Ông tăng giảm số -40px này (ví dụ -60px, -20px) cho đến khi vừa mắt nhé */
    margin-left: -40px !important; 
}

/* 2. Đuôi tam giác bên TRÁI */
.elementor-2880 .elementor-element.elementor-element-c5a8566 .elementor-button:after {
    content: "";
    position: absolute;
    top: 50%; /* Căn giữa dọc */
    
    /* Dời đuôi sang trái và thò ra 10px */
    left: -10px; 
    transform: translateY(-50%); 
    
    /* Đảo ngược chiều tam giác để nó chỉa sang trái */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0; 
    border-color: transparent #1f1815 transparent transparent; 
    
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2c1af6a *//* =========================================
   1. CẤU TRÚC LƯỚI VÀ CONTAINER CHÍNH
   ========================================= */
.bmt-cafe-container {
    max-width: 1200px;
    margin: 0 auto;
}

.cafe-category-section {
    margin-bottom: 40px;
}

.cafe-custom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    z-index: 5;
}

/* =========================================
   2. HEADING BĂNG KEO GIẤY (SIZE MỚI 350x110)
   ========================================= */
.bmt-banner-heading-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 350px;  
    height: 110px; 
    
    margin-top: 30px;
    margin-bottom: -45px; 
    left: -20px; 
    z-index: 99; 
}

/* Ảnh nền băng keo giấy */
.bmt-sticker-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill; 
    z-index: -1; 
    filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.3)); 
}

/* Chữ hiển thị trên băng keo */
.bmt-cafe-heading-text {
    margin: 0;
    color: #1f1815; 
    font-family: 'Fraunces', serif; 
    
    /* ĐÃ CẬP NHẬT THEO LỆNH CỦA ÔNG */
    font-size: 26px; 
    font-weight: 700; 
    text-transform: capitalize; 
    
    letter-spacing: 1px;
    white-space: nowrap; 
    position: relative;
    z-index: 1;
    transform: translateY(-15px); 
}

/* =========================================
   3. NÚT ĐIỀU HƯỚNG (XEM TIẾP / QUAY LẠI)
   ========================================= */
.bmt-pagination-wrap {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    gap: 15px; 
}

.bmt-pagination-wrap button {
    background-color: transparent;
    color: #d4a373; 
    border: 2px solid #d4a373;
    padding: 8px 25px;
    border-radius: 20px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
}

.bmt-pagination-wrap button:hover {
    background-color: #d4a373;
    color: #fff;
}

/* =========================================
   4. RESPONSIVE CHO ĐIỆN THOẠI
   ========================================= */
@media (max-width: 768px) {
    .bmt-banner-heading-wrap {
        width: 300px; 
        height: 95px;
        left: -10px; 
    }
    
    .bmt-cafe-heading-text {
        font-size: 22px; /* Giảm xíu cho di động */
        transform: translateY(-12px); 
    }
    
    .cafe-custom-grid {
        grid-template-columns: 1fr; 
    }
}
/* =========================================
   4. RESPONSIVE CHO ĐIỆN THOẠI (LƯỚT NGANG SIÊU MƯỢT + HIỆN FULL QUÁN)
   ========================================= */
@media (max-width: 768px) {
    .bmt-banner-heading-wrap {
        width: 300px; 
        height: 95px;
        left: -10px; 
    }
    
    .bmt-cafe-heading-text {
        font-size: 22px; 
        transform: translateY(-12px); 
    }
    
    /* 1. ẨN HOÀN TOÀN CỤM NÚT "XEM TIẾP / QUAY LẠI" TRÊN MOBILE */
    .bmt-pagination-wrap {
        display: none !important;
    }

    /* 2. CẤU HÌNH LƯỚT NGANG */
    .cafe-custom-grid {
        display: flex !important; 
        flex-wrap: nowrap !important; 
        overflow-x: auto; 
        overflow-y: hidden;
        scroll-snap-type: x mandatory; 
        gap: 15px; 
        padding-bottom: 20px; 
        padding-left: 10px; 
        padding-right: 10px;
        -webkit-overflow-scrolling: touch; 
        
        scrollbar-width: none; 
        -ms-overflow-style: none;  
    }
    
    .cafe-custom-grid::-webkit-scrollbar {
        display: none;
    }

    /* 3. ÉP HIỆN TẤT CẢ CÁC QUÁN (PHÁ LỆNH ẨN CỦA PHP) */
    .cafe-custom-grid > div {
        display: block !important; /* Phép thuật nằm ở đây: Ép hiện tất cả! */
        flex: 0 0 85% !important; 
        scroll-snap-align: center; 
    }
}/* End custom CSS */