.elementor-727 .elementor-element.elementor-element-c9c0f2c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-812370f{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-c35aa45{--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-727 .elementor-element.elementor-element-cff1f09 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:14px;}.elementor-727 .elementor-element.elementor-element-cff1f09 .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-727 .elementor-element.elementor-element-c1a917a .jet-gallery-swiper-thumb .swiper-slide{--columns:4;--space-between:10px;}.elementor-727 .elementor-element.elementor-element-c1a917a > .elementor-widget-container{background-color:var( --e-global-color-a05a454 );padding:30px 30px 30px 30px;border-radius:10px 10px 10px 10px;}.elementor-727 .elementor-element.elementor-element-c1a917a .jet-woo-product-gallery-slider .jet-woo-product-gallery__image img{border-radius:10px 10px 10px 10px;}.elementor-727 .elementor-element.elementor-element-c1a917a .jet-woo-product-gallery-slider .jet-woo-product-gallery__image{text-align:center;}.elementor-727 .elementor-element.elementor-element-c1a917a .jet-woo-product-gallery-slider .jet-swiper-nav.jet-swiper-button-prev{top:50%;bottom:auto;transform:translate(0,-50%);right:auto;}.elementor-727 .elementor-element.elementor-element-c1a917a .jet-woo-product-gallery-slider .jet-swiper-nav.jet-swiper-button-next{top:50%;bottom:auto;transform:translate(0,-50%);left:auto;}.elementor-727 .elementor-element.elementor-element-c1a917a .jet-woo-swiper-gallery-thumbs.swiper-container-horizontal{text-align:left;}.elementor-727 .elementor-element.elementor-element-f5bfb3a{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-727 .elementor-element.elementor-element-6e10a49{background-color:var( --e-global-color-primary );padding:5px 10px 5px 10px;text-align:center;}.elementor-727 .elementor-element.elementor-element-6e10a49.elementor-element{--align-self:flex-start;}.elementor-727 .elementor-element.elementor-element-6e10a49 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:15px;color:var( --e-global-color-787f20f );}.elementor-727 .elementor-element.elementor-element-e72c19e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-e01ce2b );}.elementor-727 .elementor-element.elementor-element-b9855c8{--display:flex;--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;--justify-content:flex-start;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-727 .elementor-element.elementor-element-0f4ae0e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-727 .elementor-element.elementor-element-0f4ae0e .cart button, .elementor-727 .elementor-element.elementor-element-0f4ae0e .cart .button{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-787f20f );transition:all 0.2s;}.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity .qty{font-family:"Inter", Sans-serif;font-size:14px;transition:all 0.2s;}.elementor-727 .elementor-element.elementor-element-ddc3562{--display:flex;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:var( --e-global-color-94fe398 );--border-color:var( --e-global-color-94fe398 );--border-radius:5px 5px 5px 5px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-727 .elementor-element.elementor-element-ddc3562:not(.elementor-motion-effects-element-type-background), .elementor-727 .elementor-element.elementor-element-ddc3562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a05a454 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-727 .elementor-element.elementor-element-80fecae{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-727 .elementor-element.elementor-element-80fecae .elementor-icon-list-text{transition:color 0.3s;}.elementor-727 .elementor-element.elementor-element-304c25d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-727 .elementor-element.elementor-element-8bcf042{--display:flex;}.elementor-727 .elementor-element.elementor-element-296e9ba{--display:flex;}.elementor-727 .elementor-element.elementor-element-f565ceb{--n-accordion-title-font-size:17px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:20px;}.elementor-727 .elementor-element.elementor-element-f565ceb > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-94fe398 );}.elementor-727 .elementor-element.elementor-element-f565ceb {--n-accordion-padding:15px 0px 10px 0px;}:where( .elementor-727 .elementor-element.elementor-element-f565ceb > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:500;}:where( .elementor-727 .elementor-element.elementor-element-f565ceb > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-727 .elementor-element.elementor-element-c09a0db{--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;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-94fe398 );--border-color:var( --e-global-color-94fe398 );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-c09a0db:not(.elementor-motion-effects-element-type-background), .elementor-727 .elementor-element.elementor-element-c09a0db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a05a454 );}.elementor-727 .elementor-element.elementor-element-56de587{text-align:start;}.elementor-727 .elementor-element.elementor-element-56de587 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-e01ce2b );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-727 .elementor-element.elementor-element-844abc0{--grid-columns:4;}.elementor-727 .elementor-element.elementor-element-844abc0 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-727 .elementor-element.elementor-element-844abc0 .e-loop-item > .elementor-section, .elementor-727 .elementor-element.elementor-element-844abc0 .e-loop-item > .elementor-section > .elementor-container, .elementor-727 .elementor-element.elementor-element-844abc0 .e-loop-item > .e-con, .elementor-727 .elementor-element.elementor-element-844abc0 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination{text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;margin-top:25px;}.elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-e01ce2b );}.elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-accent );}.elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-727 .elementor-element.elementor-element-844abc0 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-727 .elementor-element.elementor-element-812370f{--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-e72c19e .elementor-heading-title{font-size:24px;}.elementor-727 .elementor-element.elementor-element-f565ceb{--n-accordion-title-font-size:16px;}.elementor-727 .elementor-element.elementor-element-c09a0db{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-844abc0{--grid-columns:2;}}@media(min-width:768px){.elementor-727 .elementor-element.elementor-element-c9c0f2c{--content-width:1000px;}.elementor-727 .elementor-element.elementor-element-c35aa45{--width:50%;}.elementor-727 .elementor-element.elementor-element-f5bfb3a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-727 .elementor-element.elementor-element-c9c0f2c{--content-width:95%;}.elementor-727 .elementor-element.elementor-element-812370f{--content-width:95%;}.elementor-727 .elementor-element.elementor-element-c09a0db{--content-width:95%;}}@media(max-width:767px){.elementor-727 .elementor-element.elementor-element-c9c0f2c{--content-width:95%;}.elementor-727 .elementor-element.elementor-element-812370f{--content-width:95%;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-6e10a49{padding:5px 5px 5px 5px;}.elementor-727 .elementor-element.elementor-element-6e10a49 .elementor-heading-title{font-size:10px;}.elementor-727 .elementor-element.elementor-element-e72c19e .elementor-heading-title{font-size:23px;}.elementor-727 .elementor-element.elementor-element-b9855c8{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-727 .elementor-element.elementor-element-20f8db8.elementor-element{--align-self:flex-start;}.elementor-727 .elementor-element.elementor-element-0f4ae0e{--button-spacing:0px;}.elementor-727 .elementor-element.elementor-element-ddc3562{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-727 .elementor-element.elementor-element-c09a0db{--content-width:95%;}.elementor-727 .elementor-element.elementor-element-56de587 .elementor-heading-title{font-size:22px;}.elementor-727 .elementor-element.elementor-element-844abc0{--grid-columns:2;}}/* Start custom CSS for heading, class: .elementor-element-6e10a49 *//* 1. Ép định dạng cho thẻ chứa tiêu đề */
.elementor-727 .elementor-element.elementor-element-6e10a49 .elementor-heading-title {
    font-size: 9px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* 2. Ép định dạng cho thẻ LINK Brand bên trong */
.elementor-727 .elementor-element.elementor-element-6e10a49 .primary-brand-link {
    font-size: inherit !important;    /* Kế thừa 9px từ cha */
    font-weight: inherit !important;  /* Kế thừa 800 từ cha */
    color: #C5A059 !important;        /* Màu vàng đồng thương hiệu */
    text-decoration: none !important; /* Xóa gạch chân của link */
    display: inline-block !important;
}

/* 3. Hiệu ứng hover */
.elementor-727 .elementor-element.elementor-element-6e10a49 .primary-brand-link:hover {
    opacity: 0.8;
    color: #B08D4B !important; /* Tối hơn #C5A059 khoảng 20% khi hover */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-afff8ec *//* --- TỔNG THỂ & DESKTOP --- */
.elementor-727 .elementor-element.elementor-element-afff8ec {
    --price-gap: 20px;
    --margin-bottom: 0px;
    --margin-top: 0px;
}
.elementor-727 .elementor-element.elementor-element-afff8ec .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}
/* RESET khoảng trắng mặc định */
.elementor-727 .elementor-element.elementor-element-afff8ec p,
.elementor-727 .elementor-element.elementor-element-afff8ec ins,
.elementor-727 .elementor-element.elementor-element-afff8ec del {
    margin: 0 !important;
    padding: 0 !important;
}

/* PRICE WRAPPER */
.elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price,
.elementor-727 .elementor-element.elementor-element-afff8ec .price,
.elementor-727 .elementor-element.elementor-element-afff8ec p.price,
.elementor-727 .elementor-element.elementor-element-afff8ec span.price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: var(--price-gap) !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    line-height: 1.1 !important;
}

/* Giá cũ trước, giá sale sau */
.elementor-727 .elementor-element.elementor-element-afff8ec del,
.elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-old {
    order: 1 !important;
}
.elementor-727 .elementor-element.elementor-element-afff8ec ins,
.elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-actual {
    order: 2 !important;
}

/* GIÁ CŨ */
.elementor-727 .elementor-element.elementor-element-afff8ec del {
    text-decoration: none !important;
    opacity: 0.6 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
}
.elementor-727 .elementor-element.elementor-element-afff8ec del .woocommerce-Price-amount,
.elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-old {
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #999999 !important;
    text-decoration: line-through !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

/* GIÁ SALE */
.elementor-727 .elementor-element.elementor-element-afff8ec ins {
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
}
.elementor-727 .elementor-element.elementor-element-afff8ec ins .woocommerce-Price-amount,
.elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-actual {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

/* RESET border / shadow */
.elementor-727 .elementor-element.elementor-element-afff8ec a,
.elementor-727 .elementor-element.elementor-element-afff8ec span,
.elementor-727 .elementor-element.elementor-element-afff8ec ins,
.elementor-727 .elementor-element.elementor-element-afff8ec del {
    border: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* --- TABLET --- */
@media (max-width: 1024px) {
    .elementor-727 .elementor-element.elementor-element-afff8ec {
        --price-gap: 18px;
    }
    .elementor-727 .elementor-element.elementor-element-afff8ec del .woocommerce-Price-amount,
    .elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-old {
        font-size: 15px !important;
    }
    .elementor-727 .elementor-element.elementor-element-afff8ec ins .woocommerce-Price-amount,
    .elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-actual {
        font-size: 26px !important;
    }
}

/* --- MOBILE --- */
@media (max-width: 767px) {
    .elementor-727 .elementor-element.elementor-element-afff8ec {
        --price-gap: 16px;
    }
    .elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price,
    .elementor-727 .elementor-element.elementor-element-afff8ec .price,
    .elementor-727 .elementor-element.elementor-element-afff8ec p.price,
    .elementor-727 .elementor-element.elementor-element-afff8ec span.price {
        flex-wrap: nowrap !important;
    }
    .elementor-727 .elementor-element.elementor-element-afff8ec del .woocommerce-Price-amount,
    .elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-old {
        font-size: 13px !important;
    }
    .elementor-727 .elementor-element.elementor-element-afff8ec ins .woocommerce-Price-amount,
    .elementor-727 .elementor-element.elementor-element-afff8ec .elementor-price-actual {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20f8db8 *//* Widget wrapper */
.elementor-727 .elementor-element.elementor-element-20f8db8 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Badge */
.elementor-727 .elementor-element.elementor-element-20f8db8 .custom-save-badge {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #F6F1E6 !important;
    color: #B08D4B !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-727 .elementor-element.elementor-element-20f8db8 {
        max-width: 100% !important;
    }

    .elementor-727 .elementor-element.elementor-element-20f8db8 .custom-save-badge {
        padding: 2px 8px !important;
        font-size: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-0f4ae0e *//* ============================================================
   WIDGET ADD TO CART - FINAL PILL STYLE (GOLD STYLE)
   ============================================================ */

/* 1. KHUNG BIẾN THỂ & KHOẢNG CÁCH */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variations { border-collapse: separate !important; border-spacing: 0 !important; width: 100%; }
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variations td { padding: 0 0 12px 0 !important; display: block !important; }
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variations label {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #000 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* 2. ĐỒNG BỘ CÁC NÚT BIẾN THỂ (Flavour, Pack, v.v.) */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variable-items-wrapper,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .vi-wpvs-variation-wrap,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .swatches {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px !important;
    padding: 0 !important;
}

/* Định dạng chung cho mọi loại nút chọn */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variable-item,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .vi-wpvs-option-wrap,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .swatch-item {
    background-color: #f2f2f2 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    margin: 0 !important;
    min-width: 80px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Chữ trong nút */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variable-item span,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .vi-wpvs-option-wrap *,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .swatch-item * {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #000 !important;
    text-decoration: none !important;
}

/* TRẠNG THÁI NÚT ĐƯỢC CHỌN */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .variable-item.selected,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .swatch-item.selected {
    background-color: #C5A059 !important;
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3) !important;
}

.elementor-727 .elementor-element.elementor-element-0f4ae0e .variable-item.selected span,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected * {
    color: #ffffff !important;
}

/* 3. BỘ ĐẾM SỐ LƯỢNG (- 1 +) */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity {
    display: inline-flex !important;
    width: fit-content !important;        /* Không stretch theo parent */
    align-self: flex-start !important;    /* Không bị kéo dài trong flex column */
    flex-wrap: nowrap !important;         /* Ngăn nút + bị rớt xuống dòng */
    background-color: #f2f2f2 !important;
    border-radius: 0px !important;
    padding: 5px !important;
    border: none !important;
    height: 48px !important;
    align-items: center;
}

/* Ẩn mũi tên tăng giảm mặc định của browser */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity input::-webkit-outer-spin-button,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity input.qty {
    -moz-appearance: textfield !important;
    background: transparent !important;
    border: none !important;
    width: 35px !important;
    font-weight: 700 !important;
    text-align: center;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Nút + và - */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity .minus,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity .plus {
    background: transparent !important;
    border: none !important;
    color: #000 !important;
    font-size: 18px !important;
    width: 30px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    flex-shrink: 0 !important;
}

/* 4. DỌN DẸP PHẦN GIÁ */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .woocommerce-variation-price { margin: 10px 0 20px 0 !important; }

/* Giá cũ */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .woocommerce-variation-price del,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .woocommerce-variation-price del .woocommerce-Price-amount {
    color: #9ca3af !important;
    font-size: 15px !important;
    text-decoration: line-through !important;
    text-decoration-color: #9ca3af !important;
    border: none !important;
    background: transparent !important;
}

/* Giá mới */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .woocommerce-variation-price ins,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .woocommerce-variation-price ins .woocommerce-Price-amount {
    color: #C5A059 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
}

/* 5. NÚT ADD TO CART */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .single_add_to_cart_button {
    background-color: #C5A059 !important;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 15px;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

.elementor-727 .elementor-element.elementor-element-0f4ae0e .single_add_to_cart_button:hover {
    background-color: #B08D4B !important;
}

/* 6. MOBILE OPTIMIZATION */
@media (max-width: 767px) {
    .elementor-727 .elementor-element.elementor-element-0f4ae0e .variable-item { padding: 8px 18px !important; font-size: 13px !important; }
    .elementor-727 .elementor-element.elementor-element-0f4ae0e form.cart { display: flex; flex-direction: column; gap: 15px; }
    .elementor-727 .elementor-element.elementor-element-0f4ae0e .quantity { align-self: flex-start !important; }
}

/* Ẩn các thông báo thừa */
.elementor-727 .elementor-element.elementor-element-0f4ae0e .reset_variations,
.elementor-727 .elementor-element.elementor-element-0f4ae0e .woocommerce-variation-description { display: none !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e72edfc *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-e72edfc h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-e72edfc h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-e72edfc h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-e72edfc` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::before,
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-50b9327 *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-50b9327 h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-50b9327 h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-50b9327 h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-50b9327` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::before,
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-757cbcb *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-757cbcb h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-757cbcb h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-757cbcb h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-757cbcb` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::before,
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e72edfc *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-e72edfc h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-e72edfc h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-e72edfc h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-e72edfc` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::before,
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-50b9327 *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-50b9327 h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-50b9327 h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-50b9327 h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-50b9327` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::before,
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-757cbcb *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-757cbcb h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-757cbcb h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-757cbcb h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-757cbcb` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::before,
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e72edfc *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-e72edfc h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-e72edfc h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-e72edfc h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-e72edfc` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::before,
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-50b9327 *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-50b9327 h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-50b9327 h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-50b9327 h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-50b9327` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::before,
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-757cbcb *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-757cbcb h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-757cbcb h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-757cbcb h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-757cbcb` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::before,
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e72edfc *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-e72edfc h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-e72edfc h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-e72edfc h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-e72edfc ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-e72edfc ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-e72edfc` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::before,
.elementor-727 .elementor-element.elementor-element-e72edfc blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-e72edfc blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-e72edfc blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-e72edfc a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-e72edfc img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-e72edfc img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-50b9327 *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-50b9327 h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-50b9327 h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-50b9327 h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-50b9327 ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-50b9327 ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-50b9327` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::before,
.elementor-727 .elementor-element.elementor-element-50b9327 blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-50b9327 blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-50b9327 blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-50b9327 a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-50b9327 img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-50b9327 img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-757cbcb *//* ============================================================
   BLOG POST – ELEMENTOR CUSTOM CSS
   Primary   : #C5A059
   Secondary : #B08D4B
   Breakpoints:
     Desktop  → > 1024px  (default, no query needed)
     Tablet   → 768px – 1024px
     Mobile   → < 768px
   ============================================================ */


/* ─────────────────────────────────────────
   1. CSS VARIABLES  (scoped toàn cục)
   ───────────────────────────────────────── */
:root {
  --clr-primary        : #C5A059;
  --clr-primary-dark   : #B08D4B;
  --clr-primary-light  : rgba(197, 160, 89, 0.12);
  --clr-primary-border : rgba(197, 160, 89, 0.25);
  --clr-primary-glow   : rgba(197, 160, 89, 0.18);

  --clr-text-body  : #6A7282;
  --clr-text-head  : #1a1a1a;
  --clr-text-muted : #6A7282;
  --clr-bg-white   : #ffffff;
  --clr-bg-hover   : #fdf8ef;       /* tint vàng nhẹ khi hover */
  --clr-border-soft: rgba(0, 0, 0, 0.07);

  --radius-card : 12px;
  --radius-bq   : 20px;
  --shadow-soft : 0 4px 24px rgba(0, 0, 0, 0.07);
  --shadow-bq   : 0 8px 32px rgba(0, 0, 0, 0.08);

  --font-body  : 'Inter', sans-serif;
  --font-head  : 'Manrope', sans-serif;
}


/* ─────────────────────────────────────────
   2. BODY TEXT  (paragraph)
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb p {
  font-family   : var(--font-body);
  font-size     : 15px;
  line-height   : 1.8;
  color         : var(--clr-text-body);
  margin-bottom : 20px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15.5px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb p { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
}


/* ─────────────────────────────────────────
   3. HEADINGS
   ───────────────────────────────────────── */

/* H2 */
.elementor-727 .elementor-element.elementor-element-757cbcb h2 {
  font-family   : var(--font-head);
  font-size     : 30px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.25;
  margin-top    : 52px;
  margin-bottom : 16px;
  padding-bottom: 12px;
  border-bottom : 2px solid var(--clr-primary-border);
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 26px; margin-top: 44px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h2 { font-size: 22px; margin-top: 36px; margin-bottom: 12px; padding-bottom: 10px; }
}

/* H3 */
.elementor-727 .elementor-element.elementor-element-757cbcb h3 {
  font-family   : var(--font-head);
  font-size     : 21px;
  font-weight   : 700;
  color         : var(--clr-text-head);
  line-height   : 1.35;
  margin-top    : 36px;
  margin-bottom : 12px;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 19px; margin-top: 30px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h3 { font-size: 18px; margin-top: 28px; margin-bottom: 8px; }
}

/* H4 */
.elementor-727 .elementor-element.elementor-element-757cbcb h4 {
  font-family    : var(--font-head);
  font-size      : 13px;
  font-weight    : 700;
  color          : var(--clr-primary);
  line-height    : 1.4;
  margin-top     : 28px;
  margin-bottom  : 8px;
  text-transform : uppercase;
  letter-spacing : 0.08em;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb h4 { font-size: 12px; margin-top: 22px; }
}


/* ─────────────────────────────────────────
   4. BOLD INLINE
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb strong {
  font-weight: 600;
  color: var(--clr-text-head);
}


/* ─────────────────────────────────────────
   5. UNORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ul {
  padding-left  : 0;
  list-style    : none;
  margin-bottom : 28px;
  border        : 1px solid var(--clr-border-soft);
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-soft);
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li {
  font-family  : var(--font-body);
  font-size    : 15px;
  color        : var(--clr-text-body);
  line-height  : 1.7;
  padding      : 13px 20px 13px 52px;
  position     : relative;
  background   : var(--clr-bg-white);
  border-bottom: 1px solid var(--clr-border-soft);
  transition   : background 0.15s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:last-child {
  border-bottom: none;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ul li:hover {
  background: var(--clr-bg-hover);
}

/* Bullet dot */
.elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
  content      : "";
  position     : absolute;
  left         : 20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : var(--clr-primary);
  box-shadow   : 0 0 0 3px var(--clr-primary-glow);
  flex-shrink  : 0;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li { font-size: 15.5px; padding: 12px 18px 12px 48px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before { left: 18px; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li {
    font-size  : 15px;
    padding    : 11px 16px 11px 44px;
    line-height: 1.65;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb ul li::before {
    left  : 16px;
    width : 7px;
    height: 7px;
  }
}


/* ─────────────────────────────────────────
   6. ORDERED LIST
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb ol {
  padding-left  : 22px;
  margin-bottom : 24px;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li {
  font-family : var(--font-body);
  font-size   : 15px;
  color       : var(--clr-text-body);
  line-height : 1.8;
  padding     : 4px 0;
}

.elementor-727 .elementor-element.elementor-element-757cbcb ol li::marker {
  color      : var(--clr-primary);
  font-weight: 700;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb ol { padding-left: 18px; }
  .elementor-727 .elementor-element.elementor-element-757cbcb ol li { font-size: 15px; }
}


/* ─────────────────────────────────────────
   7. BLOCKQUOTE  (chỉ 1 style duy nhất)
   ───────────────────────────────────────── */

/*
  FIX: CSS gốc định nghĩa blockquote 2 lần với 2 bộ rule khác nhau
  → Xóa bộ global (.elementor-widget-text-editor blockquote)
    và giữ duy nhất style qua `.elementor-727 .elementor-element.elementor-element-757cbcb` để tránh xung đột.
  Thanh màu primary bên trái được tạo bằng border-left thay vì
  ::before + overflow:hidden để đơn giản hơn và ít bug hơn.
*/

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
  background   : var(--clr-bg-white);
  border-left  : 5px solid var(--clr-primary);
  border-radius: var(--radius-bq);
  padding      : 24px 32px 24px 36px;
  box-shadow   : var(--shadow-bq);
  margin       : 36px 0;
  font-style   : normal;
  color        : var(--clr-text-muted);
  line-height  : 1.75;
  position     : relative;
}

/* Xóa ::before / ::after mặc định của theme */
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::before,
.elementor-727 .elementor-element.elementor-element-757cbcb blockquote::after {
  content: none !important;
  display: none !important;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p {
  margin     : 0 0 10px 0 !important;
  font-size  : 15.5px;
  font-family: var(--font-body);
  font-style : normal;
  color      : var(--clr-text-muted);
  line-height: 1.75;
}

.elementor-727 .elementor-element.elementor-element-757cbcb blockquote p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote { padding: 22px 28px 22px 32px; margin: 28px 0; }
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote {
    padding      : 18px 20px 18px 24px;
    margin       : 24px 0;
    border-radius: 14px;
    border-left-width: 4px;
  }
  .elementor-727 .elementor-element.elementor-element-757cbcb blockquote p { font-size: 15px; }
}


/* ─────────────────────────────────────────
   8. LINKS
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb a {
  color                  : var(--clr-primary-dark);
  text-decoration        : underline;
  text-decoration-color  : rgba(176, 141, 75, 0.4);
  text-underline-offset  : 3px;
  transition             : all 0.2s ease;
}

.elementor-727 .elementor-element.elementor-element-757cbcb a:hover {
  color                : var(--clr-primary);
  text-decoration-color: var(--clr-primary);
}


/* ─────────────────────────────────────────
   9. IMAGES
   ───────────────────────────────────────── */
.elementor-727 .elementor-element.elementor-element-757cbcb img {
  border-radius: 10px !important;
  max-width    : 100%;
  height       : auto;
  display      : block;
}

@media (max-width: 767px) {
  .elementor-727 .elementor-element.elementor-element-757cbcb img { border-radius: 8px !important; }
}


/* ─────────────────────────────────────────
   10. RESPONSIVE TABLE
   ───────────────────────────────────────── */
.elementor-widget-theme-post-content table {
  display                   : block;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  max-width                 : 100%;
  white-space               : nowrap;
  border-radius             : var(--radius-card);
  box-shadow                : var(--shadow-soft);
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-content table {
    font-size: 14px;
  }
}


/* ─────────────────────────────────────────
   11. LIST SPACING FIX (sau header / paragraph)
       — giữ nguyên logic gốc, chỉ dọn dẹp
   ───────────────────────────────────────── */
header + ul,
p + ul,
.elementor-widget-container ul {
  margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c09a0db *//* FIX LOOP GRID — DESKTOP */
.elementor-727 .elementor-element.elementor-element-c09a0db .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-727 .elementor-element.elementor-element-c09a0db .e-loop-item {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* FIX CARD */
.elementor-727 .elementor-element.elementor-element-c09a0db .product,
.elementor-727 .elementor-element.elementor-element-c09a0db .woocommerce,
.elementor-727 .elementor-element.elementor-element-c09a0db article {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* FIX IMAGE */
.elementor-727 .elementor-element.elementor-element-c09a0db .e-loop-item img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* FIX BUTTON */
.elementor-727 .elementor-element.elementor-element-c09a0db .elementor-button {
    width: 100% !important;
    box-sizing: border-box !important;
}


/* FIX LOOP GRID — TABLET */
@media (max-width: 1024px) {
    .elementor-727 .elementor-element.elementor-element-c09a0db .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .elementor-727 .elementor-element.elementor-element-c09a0db .elementor-button {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* FIX LOOP GRID — MOBILE */
@media (max-width: 767px) {
    .elementor-727 .elementor-element.elementor-element-c09a0db .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .elementor-727 .elementor-element.elementor-element-c09a0db .elementor-button {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}/* End custom CSS */