.elementor-3814 .elementor-element.elementor-element-5a0c173{--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;}.elementor-3814 .elementor-element.elementor-element-e24313e{--display:flex;--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;}.elementor-3814 .elementor-element.elementor-element-2865235{--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;}.elementor-3814 .elementor-element.elementor-element-ead219c{--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;}@media(min-width:768px){.elementor-3814 .elementor-element.elementor-element-2865235{--width:50%;}.elementor-3814 .elementor-element.elementor-element-ead219c{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-7ddde81 */.hero-section.is-width-constrained{
    display: none !important;
}
@media (max-width:767px){

.e-con,
.e-con-inner{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}

.hero-wrapper{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

}
@media (max-width:767px){

.hero,
.hero-wrapper{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}

}

/* ==========================
   MOBILE
========================== */

@media (max-width:768px){

.hero-wrapper{
    width:100vw !important;
    max-width:100vw !important;
    height:auto;
    margin:0 !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    border-radius:0 !important;
    overflow:hidden;
}

.hero{
    display:block;
    width:100%;
    height:520px;
    overflow:hidden;
    border-radius:0 0 30px 30px;
    position:relative;
}

.center-card,
.right-card{
    display:none !important;
}

.left-card{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:0 0 30px 30px;
}

.left-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0;
    transition:opacity .35s ease;
}

.review-box,
.thumb-slider,
.vertical-date{
    display:none !important;
}

/* ===== Dots ===== */

.mobile-dots{
    position:absolute;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:99;
}

.mobile-dots span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    border:1px solid rgba(255,255,255,.9);
    transition:.3s;
}

.mobile-dots span.active{
    background:#111;
    border-color:#111;
    transform:scale(1.15);
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14fb946 */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@1,400;1,500&family=Inter:wght@300;400&display=swap');

.bst-asymmetric {
    text-align: center;
    padding: 20px 0px;
    position: relative;
    overflow: hidden;
    margin-top: -150px;
}
/* Chữ "Nàng Thơ" viết bằng font Bodoni cực đại, màu xám siêu nhạt ẩn hiện ở nền */
.bst-asymmetric .bg-text {
    font-family: 'Bodoni Moda', serif;
    font-style: italic;
    font-size: 80px;
    color: #ffffff; /* Màu gần tiệp với nền trắng, rất tinh tế */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);
    z-index: 1;
    white-space: nowrap;
    user-select: none;
}
/* Tiêu đề chính đè lên trên chữ nền */
.bst-asymmetric .front-title {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #664931;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 2;
}
/* Dòng slogan nhỏ đi kèm */
.bst-asymmetric .front-sub {
    font-family: 'Bodoni Moda', serif;
    font-style: italic;
    font-size: 19px;
    color: #997d68; /* Màu vàng gold sang trọng */
    margin: 0;
    position: relative;
    z-index: 2;
}
@media (max-width: 768px) {
    .bst-asymmetric .bg-text { font-size: 60px; transform: translate(-50%, -55%); }
    .bst-asymmetric .front-title { font-size: 21px; letter-spacing: 1px; }
    .bst-asymmetric .front-sub { font-size: 19px; }
}
/* Mobile */
@media (max-width: 767px){

    .bst-asymmetric .bg-text{
        font-size: 66px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -110%);
        white-space: nowrap;
    }

}
/* =========================
ANIMATION KHI LƯỚT TỚI
========================= */

.bst-asymmetric{
    overflow: hidden;
}

/* NÀNG THƠ từ dưới đi lên */
.bst-asymmetric .bg-text{
    opacity: 1 !important;

    transform:
    translate(-50%, 120px);

    transition:
    transform 1.4s cubic-bezier(.22,.61,.36,1);

    will-change: transform;
}

/* TITLE từ trái sang */
.bst-asymmetric .front-title{
    transform: translateX(-100vw);

    transition:
    transform 1.1s cubic-bezier(.22,.61,.36,1);

    will-change: transform;
}

/* SUB từ phải sang */
.bst-asymmetric .front-sub{
    transform: translateX(100vw);

    transition:
    transform 1.1s cubic-bezier(.22,.61,.36,1);

    will-change: transform;
}

/* Khi lướt tới section */
.bst-asymmetric.show-animate .bg-text{
    transform: translate(-50%, -75%);
}

.bst-asymmetric.show-animate .front-title,
.bst-asymmetric.show-animate .front-sub{
    transform: translateX(0);
}

/* MOBILE */
@media (max-width: 767px){

    .bst-asymmetric.show-animate .bg-text{
        transform: translate(-50%, -110%);
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c221e57 */.mh-product-slider-section{
    margin-top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e24313e */@media (max-width: 767px){
    .elementor-element-5c4287e{
        margin-top: -50px !important;
    }
}/* End custom CSS */