/*
Theme Name: Flatsome Child
Description: Theme con cho website Vật Tư Miền Nam
Author: VTMN
Template: flatsome
Version: 1.0
*/

/* An tieu de trang o trang chu va cac page builder */
.page .page-title, .page .entry-header { display: none; }
.page .article-inner { background: transparent; }

/* Blog card */
.badge+.post-title, .post-item .post-title { font-size: .95em; line-height: 1.45; }
.post-item .box { background: #fff; border-radius: 10px; overflow: hidden; }

/* Nut chung */
.button.primary, .button { border-radius: 8px; }

/* ===== VTMN SINGLE PRODUCT — chuan theo source goc ===== */
/*  Do dac tu theme mau "Casper Smart TV 43 inch Full HD"
    (product_style.scss.css + common.scss.css + breadcrumb.scss.css).
    TOAN BO rule cua trang chi tiet san pham gom vao DUY NHAT khoi nay.
    Da xoa 10 khoi single-product chong de nhau phia tren (xem style.css.bak_source).
    CANH BAO da sua: cac dot truoc dung selector ".product-page ..." — class do
    KHONG he ton tai trong HTML cua Flatsome tren site nay, nen toan bo phan
    "the trang" cua anh/thong tin/tab/san pham lien quan la CSS CHET.
    Khoi nay dung dung class that: .single-product .product-main / .product-gallery /
    .product-info / .product-footer .woocommerce-tabs / .related  */

:root{
  --main-border-radius: 8px;
  --mainColor: #1c55da;
  --oldColor: #ff6200;
  --priceColor: #ff6200;
  --hoverColor: #ffb348;
  --starColor: #ffbe00;
  --lineColor: #e4e4e4;
}

/* ---------- 1. NEN TRANG + KHOANG CACH GIUA CAC KHOI (20px) ---------- */
.single-product #main,
.single-product #wrapper{ background-color:#F5F5F7; }
.single-product .product-main{ padding:20px 0 0; }

/* ---------- 2. THE TRANG "featured-product": anh + thong tin ---------- */
/* mau: .featured-product{padding:16px;background:#fff;border-radius:8px;margin-bottom:20px} */
/* .row co max-width 1320 nhung KHONG co padding ngang, con .container co 15px —
   them 15px vao row de the trang anh/thong tin thang hang voi the tab & san pham lien quan */
.single-product .product-main .row.content-row{
  margin-bottom:20px !important; align-items:stretch; padding-left:15px; padding-right:15px;
}
.single-product .product-main .product-gallery,
.single-product .product-main .product-info{ background:#fff; margin:0; }
.single-product .product-main .product-gallery{
  padding:16px 8px 16px 16px !important;
  border-radius:var(--main-border-radius) 0 0 var(--main-border-radius);
}
.single-product .product-main .product-info{
  padding:16px 16px 16px 8px !important;
  border-radius:0 var(--main-border-radius) var(--main-border-radius) 0;
}
@media (max-width:849px){
  .single-product .product-main .product-gallery{
    padding:16px 16px 0 !important;
    border-radius:var(--main-border-radius) var(--main-border-radius) 0 0;
  }
  .single-product .product-main .product-info{
    padding:0 16px 16px !important;
    border-radius:0 0 var(--main-border-radius) var(--main-border-radius);
  }
}

/* ---------- 3. BREADCRUMB (breadcrumb.scss.css) ---------- */
.single-product .product-info .breadcrumbs{
  font-size:14px; text-transform:none; letter-spacing:0; margin:0 0 10px; color:#000;
}
.single-product .product-info .breadcrumbs a{ color:#000; }
.single-product .product-info .breadcrumbs a:hover{ color:var(--oldColor); }
.single-product .product-info .breadcrumbs .divider{ margin:0 5px; }

/* ---------- 4. TEN SAN PHAM (.product-details__productName) ---------- */
.single-product .product-info .product-title{
  font-size:20px; font-weight:600; line-height:1.3; margin:0 0 10px; color:#000;
  text-transform:none; letter-spacing:0;
}
@media (max-width:767px){ .single-product .product-info .product-title{ font-size:24px; } }
.single-product .product-info .is-divider{ display:none; }

/* ---------- 5. HANG SAO + YEU THICH + THONG SO (.product-details__productReview) ---------- */
.vtmn-review-row{
  display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:10px; font-size:14px;
}
.vtmn-review-row .vtmn-stars{ color:var(--starColor); font-size:14px; letter-spacing:2px; line-height:1; }
.vtmn-review-row .vtmn-rating-count{ color:#000; }
.vtmn-review-row .vtmn-ra-group{ display:flex; align-items:center; gap:16px; }
.vtmn-review-row a{ display:flex; align-items:center; gap:5px; color:var(--mainColor); font-size:14px; }
.vtmn-review-row svg{ width:18px; height:18px; }
.vtmn-review-row .yith-wcwl-add-to-wishlist{ margin:0; }
.vtmn-review-row .yith-wcwl-add-button a{ color:var(--mainColor); }
.vtmn-review-row .yith-wcwl-icon-svg{ width:18px; height:18px; stroke:var(--mainColor); }
/* badge "Thong so" — .btn-view-specifications */
.vtmn-specs-btn{
  background:var(--mainColor); color:#fff !important; padding:5px 15px;
  border-radius:var(--main-border-radius); cursor:pointer; font-size:14px; line-height:1.4;
}
.vtmn-specs-btn:hover{ background:#1748bd; color:#fff !important; }
/* nut yeu thich mac dinh cua YITH (duoi form) — da chuyen len hang review */
.single-product .product-info > .yith-wcwl-add-to-wishlist{ display:none !important; }
.single-product .product-info .woocommerce-product-rating{ display:none; }
@media (max-width:767px){ .vtmn-review-row{ gap:8px; } }

/* ---------- 6. TINH TRANG / MA SKU / THUONG HIEU (.list-unstyled) ---------- */
.vtmn-meta-list{ margin-bottom:10px; font-size:15px; color:#000; }
.vtmn-meta-list > div{ display:inline-block; margin-right:16px; }
.vtmn-meta-list .a-title{ font-weight:500; }
.vtmn-meta-list .a-stock{ color:#28a745; }
.vtmn-meta-list .a-stock.stock-out{ color:var(--priceColor); }
@media (max-width:767px){ .vtmn-meta-list{ margin-top:15px; } }

/* ---------- 7. HOP GIA (.product-details__priceBox) ---------- */
.single-product .product-info .price-wrapper{
  border-bottom:1px solid var(--lineColor); padding-bottom:20px; margin-bottom:20px;
}
.single-product .product-info p.price{
  display:block; margin:0; padding:0; background:transparent; font-size:1em; font-weight:400;
}
.single-product .product-info .price ins{ text-decoration:none; background:transparent; }
.single-product .product-info .price ins .amount,
.single-product .product-info .price > .amount{
  font-size:24px; font-weight:700; color:var(--priceColor);
  display:inline-block; margin-right:8px; line-height:1.2;
}
.single-product .product-info .price del{ display:inline-block; opacity:1; }
.single-product .product-info .price del .amount{
  font-size:18px; font-weight:400; color:#929292; text-decoration:line-through;
}
.single-product .product-info .price .screen-reader-text{ display:none; }
.vtmn-save{
  display:inline-block; background:#fff1e6; color:var(--oldColor); font-size:12px; font-weight:600;
  padding:3px 9px; border-radius:6px; margin-left:4px; vertical-align:middle;
}

/* ---------- 8. MO TA NGAN (.product-details__summary) — checklist dau ✓ ---------- */
.single-product .product-info .product-short-description{
  font-size:14px; margin-bottom:16px; color:#000; line-height:1.4;
}
.single-product .product-info .product-short-description ul{
  list-style:none; margin:0; padding:0; background:transparent; border:0;
}
.single-product .product-info .product-short-description ul li{
  position:relative; padding-left:22px; margin:0 0 7px; font-size:14px; line-height:1.5; color:#000;
}
.single-product .product-info .product-short-description ul li:last-child{ margin-bottom:0; }
.single-product .product-info .product-short-description ul li::before{
  content:"\2713"; position:absolute; left:0; top:0; color:var(--mainColor); font-weight:700; font-size:14px;
}

/* ---------- 9. QUA TANG & UU DAI (.gifts-offers) ---------- */
.single-product .product-info .gifts-offers{
  margin-bottom:16px; border-radius:10px; border:1px solid #d33; background:#fff5f5;
  position:relative; overflow:hidden;
}
.single-product .product-info .gifts-offers .title{
  font-size:15px; font-weight:600; margin-bottom:15px; position:relative;
  background:#d33; color:#fff; padding:10px 16px;
}
.single-product .product-info .gifts-offers .content{
  font-size:13px; counter-reset:promo; position:relative; padding:0 16px 16px;
}
.single-product .product-info .gifts-offers .content p{
  counter-increment:promo; position:relative; padding-left:32px; margin-bottom:10px;
  line-height:1.5; color:#000;
}
.single-product .product-info .gifts-offers .content p:before{
  content:counter(promo); position:absolute; left:0; top:-1px; width:20px; height:20px;
  line-height:20px; border-radius:50%; background:#d33; color:#fff; font-size:12px;
  text-align:center; font-weight:bold;
}
.single-product .product-info .gifts-offers .content p:last-child{ margin-bottom:0; }

/* ---------- 10. FORM: SO LUONG (.custom-btn-number) ---------- */
/* Flatsome dat form.cart>*{flex:1 1 100%} -> phai ghi de, neu khong 2 nut se nam 2 dong */
.single-product .product-info form.cart{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 16px;
}
.single-product .product-info form.cart > .vtmn-qty-row{
  flex:0 0 100% !important; display:flex; align-items:center; gap:6px; margin:0 0 10px;
}
.vtmn-qty-label{ min-width:85px; margin:0; font-weight:500; font-size:15px; color:#000; }
.single-product .product-info form.cart .quantity{
  position:relative; display:block; width:102px; max-width:102px; margin:0;
}
/* Flatsome dat .quantity input[type=number]{border-radius:0!important;width:2.5em;max-width:2.5em} */
.single-product .product-info form.cart .quantity input.qty{
  border:1px solid var(--lineColor) !important;
  border-radius:var(--main-border-radius) !important;
  padding:0 34px !important; text-align:center; min-height:32px; height:32px;
  width:100% !important; max-width:none !important;
  background:#fff; box-shadow:none !important; font-size:14px; color:#000;
}
.single-product .product-info form.cart .quantity .ux-quantity__button{
  position:absolute; bottom:0; height:32px; width:32px; min-height:0; padding:0 !important;
  border:0 !important; background:transparent !important; color:#000 !important;
  font-size:16px; line-height:32px; box-shadow:none !important;
}
.single-product .product-info form.cart .quantity .ux-quantity__button--minus{ left:0; }
.single-product .product-info form.cart .quantity .ux-quantity__button--plus{ right:0; }
.single-product .product-info form.cart .quantity .ux-quantity__button:hover{ color:var(--mainColor) !important; }

/* ---------- 11. 2 NUT MUA (.product-buttons) ---------- */
/* mau: btn-cart = nen trong + vien var(--mainColor); btn-buy-now = nen var(--oldColor) */
.single-product .product-info form.cart > .single_add_to_cart_button,
.single-product .product-info form.cart > .vtmn-buynow{
  flex:1 1 0 !important; min-width:0; display:inline-flex; align-items:center; justify-content:center;
  padding:12px 8px !important; border-radius:var(--main-border-radius) !important;
  font-size:15px; font-weight:500; line-height:1.3; letter-spacing:0; text-transform:none;
  height:auto; min-height:47px; margin:0; box-shadow:none !important; transition:all .4s ease;
}
.single-product .product-info form.cart .single_add_to_cart_button{
  background:transparent !important; border:1px solid var(--mainColor) !important; color:var(--mainColor) !important;
}
@media (min-width:768px){
  .single-product .product-info form.cart .single_add_to_cart_button:hover,
  .single-product .product-info form.cart .single_add_to_cart_button:focus{
    background:var(--mainColor) !important; color:#fff !important; border-color:var(--mainColor) !important; outline:none;
  }
}
.single-product .product-info form.cart .vtmn-buynow{
  background:var(--oldColor) !important; border:1px solid var(--oldColor) !important; color:#fff !important;
}
.single-product .product-info form.cart .vtmn-buynow:hover{
  background:#fff !important; color:var(--oldColor) !important;
}
@media (max-width:767px){
  .single-product .product-info form.cart > .single_add_to_cart_button,
  .single-product .product-info form.cart > .vtmn-buynow{ flex:1 1 100% !important; }
}

/* ---------- 12. SOCIAL PROOF (.product-notice) ---------- */
.product-notice{ position:relative; padding-left:30px; font-size:14px; color:#000; margin:0 0 4px; }
.product-notice .notice-icon{ position:absolute; left:0; top:0; color:var(--mainColor); font-size:18px; line-height:1.35; }
.product-notice .number{ font-weight:500; color:var(--mainColor); }

/* ---------- 13. AN KHOI MAU KHONG CO ---------- */
.single-product .product-info .product_meta{ display:none; }
.single-product .product-info > .social-icons.share-icons{ display:none; }

/* ---------- 14. CHINH SACH SAN PHAM DUOI ANH (.policy-product) ---------- */
.vtmn-policy-product{
  overflow:hidden; border-top:1px solid var(--lineColor); margin-top:20px; padding-top:20px;
}
.vtmn-policy-product h2{
  font-size:16px; font-weight:500; margin:0 0 15px; color:#000; text-transform:none; letter-spacing:0;
}
.vtmn-policy-product__content{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.vtmn-policy-product__content .item{ display:flex; align-items:center; gap:8px; }
.vtmn-policy-product__content .item .icon{
  flex:none; width:32px; height:32px; display:flex; align-items:center; justify-content:center;
  font-size:24px; line-height:1;
}
.vtmn-policy-product__content .item .icon img.emoji{
  width:26px !important; height:26px !important; margin:0 !important;
}
.vtmn-policy-product__content .item .info .title{ font-size:15px; line-height:1.4; color:#000; }
@media (max-width:1199px) and (min-width:991px){ .vtmn-policy-product{ margin-top:16px; } }
@media (max-width:767px){ .vtmn-policy-product__content{ grid-template-columns:repeat(1,1fr); } }

/* ---------- 15. KHOI TAB (.block-tab-product + .product-tab) ---------- */
.single-product .product-footer .woocommerce-tabs{
  background:#fff; border-top:0; border-radius:var(--main-border-radius);
  padding:16px !important; margin:0 0 20px;
}
.single-product .product-footer .woocommerce-tabs > .nav-line:not(.nav-vertical),
.single-product .product-footer .woocommerce-tabs > .nav-line-grow{ margin-top:0; }
.single-product .woocommerce-tabs ul.tabs{
  display:flex; flex-wrap:wrap; gap:18px; margin:0 0 20px; padding:0;
  border:0 !important; text-align:left;
}
.single-product .woocommerce-tabs ul.tabs li{ margin:0; padding:0; border:0; background:none; }
.single-product .woocommerce-tabs ul.tabs li a{
  display:block; font-size:15px; line-height:20px; padding:8px 16px !important; margin:0;
  border:1px solid #e5e5e5; border-radius:var(--main-border-radius);
  color:#000; background:#fff; text-transform:none; letter-spacing:0; font-weight:400;
  transition:all .3s ease;
}
.single-product .woocommerce-tabs ul.tabs li a:before,
.single-product .woocommerce-tabs ul.tabs li a:after{ display:none !important; }
.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover{
  color:var(--mainColor); border-color:var(--mainColor); background:rgba(28,85,218,.08);
}
.single-product .woocommerce-tabs .tab-panels{ background:transparent; padding:0; border:0; }

/* Noi dung tab */
.single-product .woocommerce-Tabs-panel{ font-size:15px; color:#000; line-height:1.6; }
.single-product .woocommerce-Tabs-panel h2{
  font-size:18px; font-weight:600; color:#000; margin:1.4em 0 .6em; line-height:1.35;
  text-transform:none; letter-spacing:0;
}
.single-product .woocommerce-Tabs-panel > h2:first-child{ margin-top:0; }
.single-product .woocommerce-Tabs-panel h3{ font-size:16px; font-weight:600; margin:1.2em 0 .5em; }
.single-product .woocommerce-Tabs-panel p{ margin-bottom:1em; line-height:1.7; }
.single-product .woocommerce-Tabs-panel ul{ list-style:disc; padding-left:18px; margin:0 0 1em; }
.single-product .woocommerce-Tabs-panel ul li{ margin-bottom:8px; }

/* Bang thong so — mau: .product-tab .tab-content.tab-thong-so table */
.single-product .woocommerce-Tabs-panel table,
.vtmn-spec-table table{ border:none; width:100%; margin:0 0 1em; border-collapse:collapse; }
.single-product .woocommerce-Tabs-panel table tr,
.vtmn-spec-table table tr{ border-bottom:1px dashed #eee; }
.single-product .woocommerce-Tabs-panel table td,
.single-product .woocommerce-Tabs-panel table th,
.vtmn-spec-table table td,
.vtmn-spec-table table th{
  padding:6px 12px 6px 0; vertical-align:top; border:none; font-size:15px; background:transparent;
}
.single-product .woocommerce-Tabs-panel table td:first-child,
.single-product .woocommerce-Tabs-panel table th:first-child,
.vtmn-spec-table table td:first-child,
.vtmn-spec-table table th:first-child{ font-weight:500; width:30%; color:#000; }
.single-product .woocommerce-Tabs-panel table td:last-child,
.vtmn-spec-table table td:last-child{ color:#111; }
@media (max-width:549px){
  .single-product .woocommerce-Tabs-panel table td,
  .vtmn-spec-table table td{ font-size:13px; }
  .single-product .woocommerce-Tabs-panel table td:first-child,
  .vtmn-spec-table table td:first-child{ width:40%; }
}

/* ---------- 16. SAN PHAM TUONG TU (.product-relate) ---------- */
.single-product .product-footer .related.product-section{
  background:#fff; border-top:0; border-radius:var(--main-border-radius);
  padding:16px; margin:0 0 20px;
}
.single-product .related .product-section-title{
  font-size:23px; font-weight:700; line-height:1.3; margin:0 0 18px; padding:0 !important;
  text-transform:none; letter-spacing:0; color:#000; text-align:left;
}
.single-product .related .product-small.box{ background:transparent; }
.single-product .related .price ins .amount,
.single-product .related .price > .amount{ color:var(--priceColor); }

/* =====================================================================
 * 17. NGHIEM THU BANG MAT — sua 4 diem lech so voi trang mau (10/08)
 * ===================================================================== */

/* 17.1 TY LE 2 COT: 50/50 theo yeu cau chu site (mau goc la 7/5). */
@media (min-width:850px){
  .single-product .product-main .row.content-row > .product-gallery.large-6,
  .single-product .product-main .row.content-row > .product-info.large-6{
    flex-basis:50%; max-width:50%;
  }
}

/* 17.2 THU TU GIA: mau in GIA BAN truoc, gia gach sau.
   Woo xuat <del> truoc <ins> -> dao lai bang flex order. */
.single-product .product-info p.price{
  display:flex; flex-wrap:wrap; align-items:baseline; column-gap:8px; row-gap:2px;
}
.single-product .product-info .price ins{ order:1; }
.single-product .product-info .price del{ order:2; }
.single-product .product-info .price .vtmn-save{ order:3; }
.single-product .product-info .price ins .amount,
.single-product .product-info .price > .amount{ margin-right:0; }
.single-product .product-info .price .vtmn-save{ margin-left:0; }

/* 17.3 ICON CHINH SACH: mau la icon CAM trong o vuong bo goc nen cam nhat.
   Truoc dung emoji nen moi icon mot mau. */
.vtmn-policy-product__content .item .icon{
  width:32px; height:32px; border-radius:var(--main-border-radius);
  background:#fff0e8; color:var(--oldColor);
}
.vtmn-policy-product__content .item .icon .vtmn-ico{ width:19px; height:19px; display:block; }

/* 17.4 ICON TIA SET social proof: mau la SVG mau xanh (--mainColor), khong phai emoji vang */
.product-notice .notice-icon{
  display:inline-flex; align-items:center; justify-content:flex-start;
  width:20px; height:20px; top:2px;
}
.product-notice .notice-icon .vtmn-ico{ width:17px; height:17px; display:block; }

/* 17.5 KHU SAN PHAM LIEN QUAN: mau xep 5 san pham/hang va in GIA BAN o dong tren,
   gia gach o dong duoi (Woo xuat <del> truoc <ins> -> dao bang flex order). */
.single-product .related .price{
  display:flex; flex-wrap:wrap; align-items:baseline; column-gap:6px; row-gap:2px;
}
.single-product .related .price ins{ order:1; flex:0 0 100%; text-decoration:none; background:transparent; }
.single-product .related .price del{ order:2; opacity:1; }
.single-product .related .price del .amount{ color:#929292; font-size:13px; }
/* Mau hien 5 san pham cung luc; Flatsome mac dinh large-columns-4 -> ep 20% tren desktop */
@media (min-width:850px){
  .single-product .related .row.large-columns-4 .product-small.col{
    flex-basis:20%; max-width:20%;
  }
}


/* ===== VTMN HOMEPAGE — chuan theo source goc ===== */
/*  Do dac tu index.scss.css + common.scss.css cua trang mau (nd-dien-may).
    TOAN BO rule cua TRANG CHU gom vao DUY NHAT khoi nay. Cac "dot 1..7" cu
    rai rac o dau file (.vtmn-card, .vtmn-catstrip, .vtmn-flash, .vtmn-trend-*,
    .vtmn-brand, .vtmn-usp, .product-small, .price, .section-title ...) DA XOA.
    Ban truoc khi gom: /root/vtmn_build/style.css.bak_home

    Bien mau dung lai :root khai o khoi SINGLE PRODUCT phia tren:
      --mainColor #1c55da | --oldColor #ff6200 | --priceColor #ff6200
      --hoverColor #ffb348 | --starColor #ffbe00 | --main-border-radius 8px
    Nen trang: #F5F5F7.

    MOI SELECTOR duoi day da doi chieu voi HTML that cua https://vtmn.azpos.vn/
    (body.home.page-id-160, curl 10/08). Cac class cua dot cu KHONG ton tai trong
    DOM da bi bo han: .vtmn-flash-sub, .vtmn-trend-head, .vtmn-title-light,
    .product-category .count, .vtmn-tragop trong .ux-products-list.

    KHONG dung toi: khoi "VTMN SINGLE PRODUCT", header (.header-*, .vtmn-quicklinks,
    .vtmn-store-btn) va footer (.vtmn-footer, .vtmn-f-*, .absolute-footer). */

/* ---------- 0. NEN TRANG ---------- */
body, main.wrap-page, #main, #wrapper{ background-color:#F5F5F7; }
#main.dark{ background-color:#F5F5F7; }

/* ---------- 0b. BE RONG KHUNG TRANG CHU = 1320px NHU MAU ----------
   Flatsome boc noi dung trang trong ".page-wrapper > .row.row-main" (max-width 1320)
   roi ".col" cua no them padding 0 15px -> cac section ben trong chi con 1290, tru
   tiep 2x30px padding cua ".row .section" => container that chi 1230 (mau: 1320).
   Bo khung boc ngoai de moi [row custom_width=1320px] tu can giua dung 1320px.
   PHAM VI: chi ".home" — trang san pham / danh muc giu nguyen. */
.home .page-wrapper > .row-main{ max-width:none; margin-left:0; margin-right:0; }
.home .page-wrapper > .row-main > .col{ padding-left:0; padding-right:0; }
/* Flatsome keo ".row .row{margin:0 -15px}" (bu padding cot) nen [row] cua tung section
   KHONG tu can giua duoc -> tra margin ve auto. Bo luon padding ngang 30px cua
   ".row .section" de phep can giua tinh theo ca man hinh.
     - row 1 COT  : max-width 1320 + col padding 0  -> vien noi dung = 1320
     - row NHIEU COT: max-width 1350 + col padding 15 -> vien noi dung = 1320 va
       VAN CON RANH giua cac cot (neu bo padding cot thi 2 banner dinh vao nhau). */
.home .page-wrapper .section{ padding-left:0; padding-right:0; }
.home .page-wrapper .section > .section-content > .row{
  max-width:1320px; margin-left:auto; margin-right:auto;
}
.home .page-wrapper .section > .section-content > .row > .col{
  padding-left:0; padding-right:0;
}
/* (custom_width cua 3 row nhieu cot da doi thanh 1350px trong noi dung trang —
   UX Builder in "#row-xxx{max-width:...}" theo ID nen CSS class khong de len duoc) */
.home .page-wrapper .vtmn-home-banners > .section-content > .row > .col,
.home .page-wrapper .vtmn-home-trending > .section-content > .row > .col,
.home .page-wrapper .vtmn-home-services > .section-content > .row > .col{
  padding-left:15px; padding-right:15px;
}
/* "Tin nong" la THE TRANG (row 1320) nen khong the noi row ra 1350; tra ranh giua
   2 cot bai viet bang padding rieng cho tung cot. */
.home .page-wrapper .vtmn-home-news > .section-content > .row > .col.vtmn-news-big{ padding-right:15px; }
.home .page-wrapper .vtmn-home-news > .section-content > .row > .col.vtmn-news-small{ padding-left:15px; }
/* Cac row LONG BEN TRONG (row_inner, luoi san pham) bi Flatsome keo margin -15/-10
   nhung lai bi max-width 1320 cua theme chan lai -> lech trai 15px. Bo max-width. */
.home .page-wrapper .section .section-content .row .row{ max-width:none; }
/* Khoi SALE giu padding trong 30px nhu mau (.home-flash-sale .inner{padding:30px}) */
.home .page-wrapper .vtmn-home-flash{ padding-left:30px; padding-right:30px; }
/* May nho: tra lai le 15px cho ca trang */
@media (max-width:849px){
  .home .page-wrapper .section{ padding-left:15px; padding-right:15px; }
  /* khoi SALE cung thut vao 15px nhu cac the trang khac, padding trong con 10px */
  .home .page-wrapper .vtmn-home-flash{
    width:calc(100% - 30px); padding-left:10px; padding-right:10px;
  }
}

/* ---------- 1. THE TRANG CHUNG CUA SECTION ----------
   mau: moi khoi la 1 the trang tren nen xam, bo goc 8px, padding 16px.
   .col cua Flatsome da co padding 0 15px 30px -> the chi can padding doc. */
/* Selector dai vi Flatsome co ".row .row:not(.row-collapse){padding-left:0}" (0,3,0)
   se de bep padding ngang cua the trang neu ta chi viet ".home .vtmn-card". */
.home .page-wrapper .section-content > .row.vtmn-card{
  background:#fff; border-radius:var(--main-border-radius);
  padding:16px; box-shadow:0 1px 4px rgba(20,40,90,.06);
}
.home .vtmn-card > .col{ padding-bottom:0; }

/* ---------- 2. TIEU DE SECTION (.section-title-left) ----------
   mau: chu 23px/700 mau den, can trai, link "Xem tat ca" day sang phai, khong gach chan */
.home .section-title-container{ max-width:none; padding-left:0; padding-right:0; }
.home .section-title{
  display:flex; align-items:center; flex-wrap:wrap;
  border-bottom:0; margin:0 0 20px; padding:0;
}
.home .section-title b{ display:none !important; }
.home .section-title .section-title-main{
  margin:0 auto 0 0; padding:0; border:0;
  font-size:28px; font-weight:700; line-height:1.3; color:#000;
  text-transform:none; letter-spacing:0;
}
.home .section-title a{
  margin-left:auto; padding-left:15px;
  font-size:14px; font-weight:500; color:#666; text-transform:none;
}
.home .section-title a:hover{ color:var(--mainColor); }
.home .section-title a i{ margin-left:4px; }

/* ---------- 3. SLIDER: nut tron cam + cham tron ----------
   mau: nut tron nen --oldColor, mui ten trang; hover dao lai nen trang / mui ten cam.
   Flatsome ve vong tron len chinh the <svg> (.slider-nav-circle ... svg{border:2px solid;
   border-radius:100%}) chu khong phai len <button> -> to mau vao svg. */
.home .slider-nav-circle .flickity-prev-next-button svg,
.home .slider-nav-circle .flickity-prev-next-button .arrow{
  background-color:var(--oldColor); border-color:var(--oldColor);
  fill:#fff; box-shadow:0 0 4px 0 rgba(255,98,0,.5);
}
.home .slider-nav-circle .flickity-prev-next-button:hover svg,
.home .slider-nav-circle .flickity-prev-next-button:hover .arrow{
  background-color:#fff !important; border-color:var(--oldColor) !important;
  fill:var(--oldColor) !important;
}
.home .flickity-page-dots .dot{ background-color:#000; border:0; opacity:.2; }
.home .flickity-page-dots .dot.is-selected{ background-color:var(--mainColor); opacity:1; }

/* ---------- 4. HERO ---------- */
.vtmn-home-hero .vtmn-hero-img img{ border-radius:var(--main-border-radius); }

/* ---------- 5. DAI DANH MUC (.vtmn-catstrip) ----------
   mau: grid 7 cot, moi o la 1 the trang rieng, ten nam trong pill xanh nhat 8% */
.vtmn-catrow{ background:transparent; box-shadow:none; }
.vtmn-catstrip .product-category .col-inner{
  height:100%; padding:16px 8px; text-align:center;
  background:#fff; border-radius:var(--main-border-radius);
  transition:box-shadow .2s ease-out;
}
.vtmn-catstrip .product-category .col-inner:hover{ box-shadow:0 6px 18px rgba(20,40,90,.12); }
.vtmn-catstrip .box-category{ background:transparent; }
.vtmn-catstrip .box-category .box-image{ border-radius:var(--main-border-radius); }
.vtmn-catstrip .box-category .box-text{ padding:0; }
/* mau khong in so luong san pham duoi ten danh muc */
.vtmn-catstrip .box-text .count{ display:none; }
.vtmn-catstrip .box-text h5{
  display:inline-block; max-width:100%; margin:16px 0 0; padding:6px 16px;
  background:rgba(28,85,218,.08); border-radius:var(--main-border-radius);
  color:var(--mainColor); font-size:14px; font-weight:500; line-height:24px;
  text-transform:none; letter-spacing:0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vtmn-catstrip .product-category:hover .box-image img{ animation:vtmn-shake .5s; }
@keyframes vtmn-shake{
  0%  { transform:translateX(0); }
  25% { transform:translateX(-10px); }
  50% { transform:translateX(10px); }
  75% { transform:translateX(-10px); }
  100%{ transform:translateX(0); }
}
.vtmn-cat-all{ text-align:right; margin-top:4px; }
.vtmn-cat-all a{
  display:inline-block; padding:5px 12px;
  border:1px solid #A4A7AE; border-radius:var(--main-border-radius);
  font-size:14px; font-weight:600; line-height:24px; color:#000;
}
.vtmn-cat-all a:hover{ border-color:var(--mainColor); color:var(--mainColor); }

/* ---------- 6. THE SAN PHAM (dung chung cho moi khoi trang chu) ----------
   mau: .product-action{background:#fff;border-radius:8px;padding:10px}
   Thu tu mau: [badge %] anh -> tag Tra gop -> TEN -> GIA -> (flash: da ban).
   DOM cua Flatsome la .box-text > .title-wrapper(tragop, sold, ten) + .price-wrapper
   -> dung display:contents cho .title-wrapper roi sap lai bang order.

   PHAM VI: ".home" (trang chu) + ".archive" (trang /cua-hang/ va /danh-muc/*) —
   truoc day cac rule nay la toan cuc, neu chi de ".home" thi trang danh muc se
   bay lai kieu mac dinh Flatsome (mat the trang, lo nut XEM NHANH, lo dong "da ban").
   KHONG dung ".woocommerce-page" vi class do CO CA o trang san pham don — khoi
   "VTMN SINGLE PRODUCT" da chot, khong duoc dung toi. */
.home .product-small.box,
.archive .product-small.box{
  height:100%; padding:10px;
  background:#fff; border-radius:var(--main-border-radius);
  transition:box-shadow .2s, transform .2s;
}
.home .product-small.box:hover,
.archive .product-small.box:hover{ box-shadow:0 6px 20px rgba(20,40,90,.12); transform:translateY(-3px); }
.home .product-small .box-image,
.archive .product-small .box-image{ border-radius:var(--main-border-radius); overflow:hidden; }
.home .product-small .box-text,
.archive .product-small .box-text{
  display:flex; flex-direction:column; padding:10px 0 0; text-align:left !important;
}
.home .product-small .title-wrapper,
.archive .product-small .title-wrapper{ display:contents; }
.home .product-small .category,
.archive .product-small .category{ display:none !important; }
.home .product-small .vtmn-tragop,
.archive .product-small .vtmn-tragop { order:1; }
.home .product-small .product-title,
.archive .product-small .product-title{ order:2; }
.home .product-small .price-wrapper,
.archive .product-small .price-wrapper{ order:3; }
.home .product-small .vtmn-sold,
.archive .product-small .vtmn-sold   { order:4; }
.home .product-small .product-title,
.archive .product-small .product-title{
  margin:0 0 6px; font-size:14px; font-weight:600; line-height:1.4; min-height:2.8em;
}
.home .product-small .product-title a,
.archive .product-small .product-title a{ color:#000; }
.home .product-small .product-title a:hover,
.archive .product-small .product-title a:hover{ color:var(--mainColor); }
.home .product-small .quick-view,
.home .product-small .wishlist-icon,
.home .product-small .image-tools,
.home .product-small .add-to-cart-button,
.archive .product-small .quick-view,
.archive .product-small .wishlist-icon,
.archive .product-small .image-tools,
.archive .product-small .add-to-cart-button{ display:none !important; }
.home .product-small .star-rating,
.archive .product-small .star-rating{ font-size:11px; margin:0 0 4px; }
.home .product-small .star-rating span:before,
.archive .product-small .star-rating span:before{ color:var(--starColor); }

/* Gia: mau in GIA BAN mau cam truoc, gia gach xam sau (Woo xuat <del> truoc <ins>) */
.home .product-small .price,
.archive .product-small .price{
  display:flex; flex-wrap:wrap; align-items:baseline; column-gap:8px; row-gap:2px; margin:0;
}
.home .product-small .price ins,
.archive .product-small .price ins{ order:1; text-decoration:none; background:transparent; }
.home .product-small .price del,
.archive .product-small .price del{ order:2; opacity:1; }
.home .product-small .price ins .amount,
.home .product-small .price > .amount,
.archive .product-small .price ins .amount,
.archive .product-small .price > .amount{ color:var(--priceColor); font-size:16px; font-weight:700; }
.home .product-small .price del .amount,
.archive .product-small .price del .amount{ color:#929292; font-size:13px; font-weight:400; }

/* Badge % : mau la the chu nhat bo goc mau cam, khong phai vong tron
   (Flatsome: .badge{display:table;width:2.8em;height:2.8em} + .badge-inner{display:table-cell}) */
.home .badge-container,
.archive .badge-container{ margin:8px 0 0 8px; }
.home .badge,
.archive .badge{ display:inline-block; width:auto; height:auto; }
.home .badge .badge-inner,
.archive .badge .badge-inner{
  display:block; width:auto; height:auto;
  padding:2px 8px; border-radius:var(--main-border-radius);
  background-color:var(--oldColor); color:#fff;
  font-size:13px; font-weight:700; line-height:20px;
}

/* Tag "Tra gop" */
.home .vtmn-tragop,
.archive .vtmn-tragop{
  display:inline-block; width:-moz-fit-content; width:fit-content; margin:0 0 6px;
  padding:2px 8px; border-radius:var(--main-border-radius);
  background:rgba(28,85,218,.08); color:var(--mainColor);
  font-size:12px; font-weight:600; line-height:20px;
}
/* Dong "da ban": mau chi hien trong khoi flash sale, nen cam nhat chu cam */
.home .vtmn-sold,
.archive .vtmn-sold{ display:none; }

/* ---------- 7. KHOI SALE (nen dam) ----------
   mau: .home-flash-sale .inner{background:var(--mainColor);padding:30px;border-radius:8px}
   Section da co background #1c55da + padding 30px (Flatsome .row .section) tu UX Builder,
   chi con thieu bo goc. */
/* Khoi xanh phai rong DUNG 1320px va can giua nhu container cac the trang khac.
   Ben trong: padding 30px (mau) -> bo padding ngang cua .col de mep san pham
   trung voi mep trong cua khoi xanh. */
/* .home .page-wrapper ... : phai manh hon rule chong tran ".home .section{max-width:100%}"
   o cuoi file, neu khong khoi xanh se bi keo rong het man hinh. */
/* KHONG dat "width" o day: rule mobile (calc(100% - 30px)) nam TRUOC trong file,
   cung do uu tien -> se bi de bep. De Flatsome giu ".section{width:100%}". */
.home .page-wrapper .vtmn-home-flash{
  border-radius:var(--main-border-radius);
  max-width:1320px; margin-left:auto; margin-right:auto;
}
.vtmn-home-flash > .section-content > .row > .col{ padding-left:0; padding-right:0; }
.vtmn-flash-head{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; margin-bottom:20px;
}
.vtmn-flash-title{
  margin:0; color:#fff; font-size:48px; font-weight:700; line-height:1.1;
  text-transform:none; letter-spacing:0;
}
/* mau co dong phu duoi tieu de: "Gia tot chi duy nhat hom nay" */
.vtmn-flash-sub{
  margin:4px 0 0; color:rgba(255,255,255,.92);
  font-size:20px; font-weight:500; line-height:1.4;
}
/* mau chi co 2 nut mui ten hai ben, KHONG co hang cham -> bo hang cham de
   day khoi xanh khong bi thua ~50px o duoi (padding duoi con dung 30px nhu mau). */
.vtmn-flash .flickity-page-dots{ display:none; }
.vtmn-flash .product-small.box{ background:#fff; }
.vtmn-flash .product-small .price-wrapper{ order:2; }
.vtmn-flash .product-small .product-title{ order:3; margin:10px 0 0; min-height:0; }
.vtmn-flash .product-small .vtmn-sold{ order:4; }
.vtmn-flash .product-small .star-rating{ display:none; }
/* Dai gia gradient do -> vang, co tia set nhu mau */
.vtmn-flash .product-small .price{
  position:relative; overflow:hidden;
  align-items:center; column-gap:8px;
  min-height:50px; padding:4px 10px; border-radius:6px;
  background:linear-gradient(90deg,#b70000 0%,red 50%,#ffe066 100%);
  color:#fff;
}
.vtmn-flash .product-small .price:before{
  content:""; position:absolute; top:0; left:62%; width:55px; height:100%;
  background:#ffd54f;
  -webkit-clip-path:polygon(45% 0,65% 0,55% 45%,75% 45%,35% 100%,50% 55%,30% 55%);
  clip-path:polygon(45% 0,65% 0,55% 45%,75% 45%,35% 100%,50% 55%,30% 55%);
}
.vtmn-flash .product-small .price ins,
.vtmn-flash .product-small .price del{ position:relative; z-index:1; }
.vtmn-flash .product-small .price ins .amount,
.vtmn-flash .product-small .price > .amount{ color:#fff; font-size:17px; font-weight:700; }
.vtmn-flash .product-small .price del{ opacity:.9; }
.vtmn-flash .product-small .price del .amount{ color:#fff; font-size:12px; }
/* Dong "da ban" nen cam nhat */
.vtmn-flash .vtmn-sold{
  display:flex; align-items:center; justify-content:center; gap:4px;
  margin:10px 0 0; padding:0 10px; height:20px;
  border-radius:var(--main-border-radius);
  background:#ffe8d9; color:var(--oldColor);
  font-size:12px; font-weight:600; line-height:20px;
  white-space:nowrap; overflow:hidden;
}

/* ---------- 8. TOP HANG SAN PHAM BAN CHAY ----------
   mau: hang nut loc bo goc 8px vien #A4A7AE + luoi "rank-item" nen #f4f5f8,
   so thu tu chu to gradient trang -> xanh */
.vtmn-brand-filter{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 20px; }
/* mau: ".home-product-top .block-title{display:flex;justify-content:space-between}" —
   tieu de va hang nut loc NAM CUNG MOT DONG tu 1200px tro len (duoi 1200 mau tra ve
   display:block). DOM cua Flatsome tach .section-title va .vtmn-brand-filter thanh 2
   the anh em nen keo len bang margin-top am dung bang chieu cao khoi tieu de
   (28px x 1.3 = 36.4px chu + 20px margin = 56px). */
@media (min-width:1200px){
  .vtmn-home-brands .vtmn-brand-filter{
    position:relative; z-index:1;
    justify-content:flex-end; flex-wrap:nowrap;
    width:-moz-fit-content; width:fit-content; max-width:calc(100% - 380px);
    margin-top:-56px; margin-left:auto;
  }
}
.vtmn-brand-filter a{
  display:inline-block; flex:0 0 auto; padding:5px 12px; white-space:nowrap;
  border:1px solid #A4A7AE; border-radius:var(--main-border-radius);
  font-size:14px; font-weight:600; line-height:24px; color:#000;
}
.vtmn-brand-filter a:hover{ border-color:var(--mainColor); color:var(--mainColor); }
.vtmn-brand-rank{ margin-bottom:4px; }
.vtmn-brand-rank > .col{ padding-bottom:16px; }
.vtmn-brand{
  display:flex; align-items:center; gap:8px; height:100%;
  padding:10px 12px; border-radius:10px; background:#f4f5f8;
}
.vtmn-brand-num{
  flex:0 0 auto; font-size:40px; font-weight:900; line-height:1;
  background:linear-gradient(to bottom,#fff,var(--mainColor));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  text-shadow:2px 2px 0 #fff, 2px 2px 4px rgba(0,0,0,.15);
}
.vtmn-brand a{ font-size:15px; font-weight:700; line-height:1.2; color:#000; }
.vtmn-brand a:hover{ color:var(--mainColor); }

/* ---------- 9. BANNER 4 O ----------
   UX Builder in mau nen vao chinh the .banner (#banner-xxx{background-color}) nen
   bo goc phai dat o .banner, khong phai .banner-inner. */
.vtmn-banner, .vtmn-banner .banner-inner{
  border-radius:var(--main-border-radius); overflow:hidden;
}
.vtmn-banner .text-box-content{ color:#fff; }
.vtmn-banner h3{
  margin:0 0 6px; color:#fff; font-size:26px; font-weight:700; line-height:1.2;
  text-transform:none; letter-spacing:0;
}
.vtmn-banner p{ margin:0; color:rgba(255,255,255,.92); font-size:14px; line-height:1.45; }
.vtmn-banner-3 h3, .vtmn-banner-4 h3{ font-size:20px; }
.vtmn-banner-left > .col-inner, .vtmn-banner-right > .col-inner{ height:100%; }

/* ---------- 10. TAB "GOI Y CHO BAN" ---------- */
.vtmn-suggest-tabs .nav-pills{ gap:6px; margin:0 0 16px; border:0; }
.vtmn-suggest-tabs .nav-pills > li{ margin:0; flex:0 0 auto; }
.vtmn-suggest-tabs .nav-pills > li > a{
  margin:0; padding:5px 12px; background:transparent;
  border:1px solid #A4A7AE; border-radius:var(--main-border-radius);
  font-size:14px; font-weight:600; line-height:24px; color:#000;
  text-transform:none; letter-spacing:0; white-space:nowrap;
}
.vtmn-suggest-tabs .nav-pills > li > a:hover{ border-color:var(--mainColor); color:var(--mainColor); }
.vtmn-suggest-tabs .nav-pills > li.active > a{
  background:var(--mainColor); border-color:var(--mainColor); color:#fff;
}
.vtmn-suggest-tabs .tab-panels .panel{ padding:0; }
/* mau: .view-more a{padding:10px 30px;font-size:16px;font-weight:600;line-height:24px} */
.vtmn-tab-more{ text-align:center; margin-top:4px; }
.vtmn-tab-more a{
  display:inline-block; padding:10px 30px;
  border:1px solid var(--mainColor); border-radius:var(--main-border-radius);
  font-size:16px; font-weight:600; line-height:24px; color:var(--mainColor);
}
.vtmn-tab-more a:hover{ background:var(--mainColor); color:#fff; }

/* ---------- 11. SAN PHAM DO GIA DUNG ---------- */
.vtmn-appl-products > .col-inner, .vtmn-appl-banner > .col-inner{ height:100%; }
.vtmn-appl-banner .banner,
.vtmn-appl-banner .banner-inner{ border-radius:var(--main-border-radius); overflow:hidden; }
/* Banner phai cao bang cot 8 san pham ben trai (UX Builder chi dat padding-top:390px)
   — min-height giu nguyen chieu cao goc phong khi height:100% khong an. */
@media (min-width:850px){
  .vtmn-appl-banner .banner{ height:100%; min-height:390px; padding-top:0 !important; }
}

/* ---------- 12. TOP TRENDING ----------
   mau: .home-top-trending .inner{background:#fff;padding:12px;border-radius:8px;height:100%} */
.vtmn-home-trending > .section-content > .row > .col:first-child{ padding-bottom:0; }
.vtmn-trend-col{ padding-bottom:20px; }
/* !important: UX Builder in inline "#col-xxx > .col-inner{padding:0}" (do uu tien ID) */
.vtmn-trend-col > .col-inner{
  height:100%; padding:12px !important;
  background:#fff; border-radius:var(--main-border-radius);
}
.vtmn-trend-img{ margin-bottom:10px; }
.vtmn-trend-img img{ border-radius:var(--main-border-radius); }
.vtmn-trend-products > .col{ padding-bottom:12px; }
.home .vtmn-trend-col .product-small.box{ padding:0; }
.home .vtmn-trend-col .product-small.box:hover{ transform:none; box-shadow:none; }
.home .vtmn-trend-col .product-small .box-text{ padding:6px 0 0; }
.home .vtmn-trend-col .product-small .product-title{
  margin:0; font-size:13px; font-weight:500; min-height:0;
}
.home .vtmn-trend-col .vtmn-tragop{ display:none !important; }

/* ---------- 13. DANH GIA CUA KHACH HANG ----------
   ux_slider khong sinh CSS so cot cho khoi nay -> tu ep be rong o truot 3/2/1.
   BAY: sau khi flickity chay, o truot bi Flatsome ep bang
   ".flickity-slider>div:not(.col){width:100%!important;padding:0}" (do uu tien 0,2,1)
   -> phai dung chuoi 3 class ".vtmn-review-slider .flickity-slider > .testimonial-box"
   (0,3,0) kem !important moi thang. Selector con lai lo truong hop chua init flickity. */
.vtmn-review-slider .slider > .testimonial-box,
.vtmn-review-slider .flickity-slider > .testimonial-box{
  width:33.3333% !important; padding:0 10px !important;
}
/* ux_slider style="container" cua Flatsome lam mo cac o KHONG duoc chon
   (.slider-style-container .flickity-slider>*{opacity:.3}) — ta ep 3 o cung sang. */
.vtmn-review-slider .flickity-slider > .testimonial-box{ opacity:1 !important; }
/* mau: MOI o danh gia la 1 THE TRANG rieng tren nen xam (khong boc trong 1 the to). */
.vtmn-review-slider .testimonial-box .icon-box-text{
  height:100%; padding:16px;
  background:#fff; border-radius:var(--main-border-radius);
  box-shadow:0 1px 4px rgba(20,40,90,.06);
}
/* flickity dat moi o truot o position:absolute -> chieu cao KHONG tu bang nhau;
   dat min-height 3 dong de 3 the trang cao bang nhau nhu mau. */
.vtmn-review-slider .testimonial-text{
  font-size:14px; line-height:1.55; color:#333; font-style:normal;
  min-height:calc(14px * 1.55 * 3);
}
/* Flatsome dat ".is-italic{font-style:italic!important}" -> phai !important moi go duoc.
   Mau in chu danh gia dung, khong nghieng. */
.vtmn-review-slider .testimonial-text.is-italic{ font-style:normal !important; }
.vtmn-review-slider .testimonial-meta{ margin-top:10px; }
.vtmn-review-slider .testimonial-name{ font-size:18px; font-weight:500; color:#000; }
.vtmn-review-slider .testimonial-company{ color:var(--mainColor); font-weight:500; }
/* mau: hang sao vang to (svg rong 130px) nam tren cung, cach noi dung 20px */
.vtmn-review-slider .star-rating{ font-size:22px; width:6em; margin-bottom:16px; }
.vtmn-review-slider .star-rating span:before{ color:#FFCC00; }
.vtmn-review-slider .star-rating:before{ color:#FFCC00; opacity:.25; }
/* mau: cham tron nam DUOI khoi truot chu khong de len noi dung
   (spec: .home-review-customer .swiper-pagination{position:initial;margin-top:30px}) */
.vtmn-review-slider .flickity-page-dots{ position:static; margin-top:16px; }

/* ---------- 14. BANNER DICH VU ----------
   mau: .home-two-banner .item{border-radius:16px} */
.vtmn-service-img img{ border-radius:16px; }

/* ---------- 15. TIN NONG ----------
   mau: 1 bai LON ben trai + 4 bai NHO ben phai dang anh trai / chu phai */
.vtmn-home-news .box-blog-post{ background:transparent; }
.vtmn-home-news .row-box-shadow-1 .col-inner{ box-shadow:none !important; }
.vtmn-home-news .box-blog-post .box-image{
  border-radius:var(--main-border-radius); overflow:hidden;
}
.vtmn-home-news .post-title{
  margin:0 0 4px; font-size:15px; font-weight:600; line-height:1.45; color:#000;
}
.vtmn-home-news .post-title a{ color:#000; }
.vtmn-home-news .post-title a:hover{ color:var(--mainColor); }
.vtmn-home-news .post-meta{ font-size:12px; color:#7c8698; }
.vtmn-home-news .is-divider{ display:none; }
.vtmn-news-big .post-title{ font-size:19px; line-height:1.35; }
.vtmn-news-big .box-text{ padding:12px 0 0; text-align:left; }
.vtmn-news-small > .col-inner > .row > .col{ padding-bottom:14px; }
.vtmn-news-small .box-blog-post{ display:flex; align-items:flex-start; gap:12px; }
.vtmn-news-small .box-blog-post .box-image{ flex:0 0 34%; max-width:34%; }
.vtmn-news-small .box-blog-post .box-text{ flex:1 1 auto; padding:0; text-align:left; }
/* Can chieu cao 2 cot: bai lon cao hon, 4 thumb nho thap hon
   (.image-cover nhan ti le qua inline padding-top nen phai !important) */
.vtmn-news-big .box-image .image-cover{ padding-top:66% !important; }
.vtmn-news-small .box-image .image-cover{ padding-top:62% !important; }

/* ---------- 16. DAI CAM KET (policy-footer) ----------
   mau: .policy-footer .item .inner{background:#fff;padding:16px;border-radius:8px} */
.vtmn-usp-section{ background:transparent; border-top:0; }
/* mau: ICON vuong bo goc nam BEN TRAI, chu can trai, ten dich vu mau xanh chinh */
.vtmn-usp{
  display:grid; grid-template-columns:auto 1fr; column-gap:12px;
  align-items:center; align-content:center; height:100%;
  padding:16px 12px; text-align:left;
  background:#fff; border-radius:var(--main-border-radius);
}
.vtmn-usp-ico{
  grid-row:1 / span 2; display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; margin:0; border-radius:10px;
  background:rgba(255,98,0,.1); font-size:22px; line-height:1;
}
.vtmn-usp strong{ grid-column:2; color:var(--mainColor); font-size:15px; font-weight:600; }
.vtmn-usp span:last-child{ grid-column:2; color:#666; font-size:13px; line-height:1.4; }

/* =====================================================================
 * 17. RESPONSIVE — so cot theo breakpoint nhu mau
 *  desktop >=1200: danh muc 7 / flash 5 / top hang 5 / goi y 4 / trending 4 the
 *  tablet  550-849: danh muc 4 / san pham 3 / trending 2 the
 *  mobile  <=549 : danh muc 3 / san pham 2 / trending 1 the
 *  (so cot do class large-columns-* / medium-columns-* / small-columns-* trong
 *   markup dam nhiem; duoi day chi chinh phan CSS con lai)
 * ===================================================================== */

/* Tablet + mobile: hang nut loc / tab cuon ngang thay vi xuong dong */
@media (max-width:991px){
  .vtmn-brand-filter,
  .vtmn-suggest-tabs .nav-pills{
    flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .vtmn-brand-filter::-webkit-scrollbar,
  .vtmn-suggest-tabs .nav-pills::-webkit-scrollbar{ height:4px; }
  .vtmn-brand-filter::-webkit-scrollbar-thumb,
  .vtmn-suggest-tabs .nav-pills::-webkit-scrollbar-thumb{ background:#ccc; border-radius:4px; }
}

/* Tablet (<=849px) */
@media (max-width:849px){
  /* mau: @media(max-width:767px){.block-title h2{font-size:23px}} */
  .home .section-title .section-title-main{ font-size:23px; }
  .vtmn-flash-title{ font-size:30px; }
  .vtmn-flash-sub{ font-size:16px; }
  /* padding 10px cua khoi flash tren may nho: xem khoi 0b (da dat cung do uu tien) */
  .vtmn-brand-num{ font-size:32px; }
  .vtmn-brand a{ font-size:14px; }
  .vtmn-banner h3{ font-size:22px; }
  .vtmn-banner-3 h3, .vtmn-banner-4 h3{ font-size:18px; }
  .vtmn-review-slider .slider > .testimonial-box,
  .vtmn-review-slider .flickity-slider > .testimonial-box{ width:50% !important; }
  .vtmn-news-big .post-title{ font-size:17px; }
}

/* Mobile (<=549px) */
@media (max-width:549px){
  .home .page-wrapper .section-content > .row.vtmn-card{ padding:12px; }
  .home .section-title .section-title-main{ font-size:20px; }
  .home .section-title a{ font-size:13px; }
  .vtmn-flash-title{ font-size:24px; }
  .vtmn-flash-sub{ font-size:14px; }
  .vtmn-flash-head{ margin-bottom:12px; }
  /* mau: <=767px bo pill ten danh muc, chi con chu */
  .vtmn-catstrip .product-category .col-inner{ padding:10px 6px; }
  .vtmn-catstrip .box-text h5{
    margin-top:8px; padding:0; background:transparent; font-size:13px;
  }
  .vtmn-cat-all{ text-align:center; }
  .home .product-small.box,
  .archive .product-small.box{ padding:8px; }
  .home .product-small .product-title,
  .archive .product-small .product-title{ font-size:13px; }
  .home .product-small .price ins .amount,
  .home .product-small .price > .amount,
  .archive .product-small .price ins .amount,
  .archive .product-small .price > .amount{ font-size:14px; }
  /* mau: tia set trong dai gia flash an tren mobile */
  .vtmn-flash .product-small .price:before{ display:none; }
  .vtmn-flash .product-small .price{ min-height:42px; }
  .vtmn-flash .product-small .price ins .amount,
  .vtmn-flash .product-small .price > .amount{ font-size:15px; }
  .vtmn-brand{ padding:8px; gap:4px; }
  .vtmn-brand-num{ font-size:26px; }
  .vtmn-brand a{ font-size:12px; }
  .vtmn-banner h3{ font-size:18px; }
  .vtmn-banner p{ font-size:12px; }
  .vtmn-banner-3 h3, .vtmn-banner-4 h3{ font-size:15px; }
  .vtmn-review-slider .slider > .testimonial-box,
  .vtmn-review-slider .flickity-slider > .testimonial-box{ width:100% !important; padding:0 !important; }
  .vtmn-news-big .post-title{ font-size:16px; }
  .vtmn-news-small .box-blog-post .box-image{ flex:0 0 40%; max-width:40%; }
  .vtmn-usp{ padding:12px 8px; }
  .vtmn-usp-ico{ font-size:24px; }
  .vtmn-usp strong{ font-size:13px; }
  .vtmn-usp span:last-child{ font-size:11.5px; }
}

/* Chong tran ngang: khong khoi nao cua trang chu duoc day body rong ra.
   (KHONG dat lai margin cua .row — Flatsome dung margin am -15px/-10px cho row long nhau) */
.home #main, .home .page-wrapper,
.home .section, .home .section-content{ max-width:100%; }

/* ===== VTMN HEADER — chuan theo source goc =====
   Nguon do dac: theme-dienmai-viewsource/homepage_files/header.scss.css + homepage.html
   Bien mau goc: --mainColor #1c55da | --hoverColor #ffb348 | --main-border-radius 8px
   Kich thuoc goc: .header-wrapper padding 18px 0 + cum cao 52px => 88px
                   .header-navigation (thanh trang) item a cao 60px  => tong 148px
   Moi selector duoi day deu CO THAT trong DOM Flatsome cua site nay.
   ------------------------------------------------------------------ */

:root {
  --vtmn-main: #1c55da;
  --vtmn-hover: #ffb348;
  --vtmn-r: 8px;
}

/* ---------- 1. KHUNG HEADER ---------- */
#header .header-wrapper { box-shadow: none; }
#masthead.header-main { background-color: var(--vtmn-main); }
.header-main .header-inner { position: relative; }
.header-main .flex-row { height: 88px; }
.header-main .header-inner > .flex-col { min-width: 0; }
/* position:static de panel danh muc neo vao .header-inner (container) chu khong neo vao <ul> */
.header-main ul.header-nav-main.nav-left { flex-wrap: nowrap; width: 100%; align-items: center; position: static; }
.header-main .nav > li { margin: 0; }
#header .top-divider { display: none; }

/* ---------- 1b. THANG HANG LE TRAI VOI FOOTER (sua lech 12/08) ----------
   Do duoc: mau co le trai 33px cho CA header (logo, menu trang) LAN footer
   (cot lien he, the cam ket) => noi dung rong dung 1320px o moi hang.
   Site ta: footer dung 33px (dung), nhung header bi 48px vi Flatsome them
   padding 0 15px cho .container => noi dung header chi con 1290px va lech
   15px so voi footer. Bo padding do o be ngang desktop; duoi 849px van giu
   padding de noi dung khong dinh mep man hinh (mau cung chua le o mobile). */
@media (min-width: 850px) {
  .header-main .header-inner.container,
  #wide-nav .container { padding-left: 0; padding-right: 0; }
}

/* ---------- 2. LOGO (mau: img height 46px, object-fit scale-down) ---------- */
#logo { margin-right: 10px; flex: 0 0 auto; }
#logo a { display: block; }
/* padding 10px 0 cua Flatsome lam anh co lai con 118px -> phai bo */
/* Logo THAT (nen trang, chu navy) -> dat o nen trang bo goc cho noi tren header xanh */
#logo img { padding: 0 !important; height: auto !important; max-height: 52px; width: auto !important; max-width: 250px;
  background: #fff; border-radius: 10px; }

/* ---------- 3. NUT "DANH MUC" ----------
   mau: .category-menu{margin:0 10px;padding:8px 20px;min-height:52px;border-radius:8px;
        background:rgba(9,13,20,.2);color:#fff}  .menu-toggle{gap:6px;text-transform:uppercase} */
.header-main li.header-vertical-menu { position: static; margin: 0 10px 0 0; flex: 0 0 auto; }
.header-main .header-vertical-menu__opener {
  width: auto; height: auto; min-height: 52px;
  padding: 8px 20px; gap: 6px;
  background-color: rgba(9, 13, 20, .2); border-radius: var(--vtmn-r);
  color: #fff; font-size: 15px; font-weight: 400; text-transform: uppercase;
  display: flex; align-items: center; justify-content: center; white-space: nowrap;
  transition: opacity .2s ease-out;
}
.header-main .header-vertical-menu__opener:hover { opacity: .86; background-color: rgba(9, 13, 20, .2); }
.header-main .header-vertical-menu__title { flex: 0 0 auto; }
.header-main .header-vertical-menu__opener > i.icon-angle-down { display: none; }
.header-main .header-vertical-menu__icon { display: flex; margin: 0; }
.header-main .header-vertical-menu__icon i.icon-menu {
  font-size: 0; width: 22px; height: 22px; margin: 0; display: block;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.5' y='4' width='7' height='7' rx='2.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Crect x='3.5' y='14' width='7' height='7' rx='2.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Crect x='13.5' y='4' width='7' height='7' rx='2.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Crect x='13.5' y='14' width='7' height='7' rx='2.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center / 22px 22px;
}

/* ---------- 4. PANEL DANH MUC XO RA ----------
   mau: .nd-categories{position:absolute;left:0;top:100%}
        .nav-cate{background:#fff;width:300px}
        .subcate{left:100%;top:0;width:1020px;background:#edf0f3;padding:15px; luoi 3 cot the trang} */
.header-main .header-vertical-menu__fly-out {
  left: 15px; top: 100%; width: 300px; background-color: #fff;
  border-radius: 0 0 var(--vtmn-r) var(--vtmn-r); overflow: visible; z-index: 99;
}
.header-main .header-vertical-menu__fly-out.has-shadow { box-shadow: none; }
.header-main li.header-vertical-menu:has(> .header-vertical-menu__fly-out--open)::before {
  content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
  background: #363636; opacity: .5; z-index: 1; pointer-events: none;
}
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a.nav-top-link {
  position: relative; display: flex; align-items: center;
  padding: 12px 15px 12px 47px; border-bottom: 1px dotted #e1e1e1;
  color: #000; font-size: 15px; font-weight: 400; line-height: 1.4; min-height: 45px;
}
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item:last-child > a.nav-top-link { border-bottom: none; }
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li + li { border-top: none; }
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a.nav-top-link:hover,
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-dropdown > a.nav-top-link {
  color: var(--vtmn-main); font-weight: 600; background: transparent;
}
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a.nav-top-link > i.icon-angle-down {
  margin-left: auto; margin-right: 0; font-size: 10px; opacity: 1;
}
/* GHI CHU (nghiem thu 12/08): mui ten cuoi dong DA tro sang phai dung nhu mau.
   Dung glyph icon-angle-down (\f107 = hinh "v") nhung theme cha da xoay san:
     flatsome.css: .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a > i.icon-angle-down
                   { transform: rotate(-90deg) }
   => "v" xoay -90 do thanh ">" . KHONG duoc doi content sang icon-angle-right
   (\f105 = ">"), vi bi xoay them -90 do nua se thanh "^" (da thu va da hoan lai). */
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a.nav-top-link::before {
  content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
  width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 22px 22px;
}
.header-main .nav-vertical-fly-out > li.menu-item-172 > a.nav-top-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='12.5' rx='2'/%3E%3Cpath d='M8 20h8M12 16.5V20'/%3E%3C/svg%3E");
}
.header-main .nav-vertical-fly-out > li.menu-item-175 > a.nav-top-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2'/%3E%3Cpath d='M5 9.5h14M8 5.5v2M8 12.5v3'/%3E%3C/svg%3E");
}
.header-main .nav-vertical-fly-out > li.menu-item-180 > a.nav-top-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V9Z'/%3E%3Cpath d='M2.5 9h19M8 6V4M12 6V3.5M16 6V4'/%3E%3C/svg%3E");
}
.header-main .nav-vertical-fly-out > li.menu-item-188 > a.nav-top-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5S5.5 10 5.5 14.2a6.5 6.5 0 0 0 13 0C18.5 10 12 2.5 12 2.5Z'/%3E%3C/svg%3E");
}
.header-main .nav-vertical-fly-out > li.menu-item-280 > a.nav-top-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4.5' width='16' height='11' rx='1.5'/%3E%3Cpath d='M2 18.5h20'/%3E%3C/svg%3E");
}
.header-main .nav-vertical-fly-out > li.menu-item-281 > a.nav-top-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2'/%3E%3Cpath d='M10.5 5.5h3M11 18.5h2'/%3E%3C/svg%3E");
}
.header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-dropdown > ul.nav-dropdown {
  left: 100% !important; top: 0 !important; right: auto !important;
  width: 1020px !important; max-width: none !important;
  min-height: 100%; margin: 0 !important;
  padding: 15px !important; background-color: #edf0f3;
  border: none; border-radius: 0 var(--vtmn-r) var(--vtmn-r) 0; box-shadow: none;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-content: start;
}
.header-main .header-vertical-menu__fly-out .nav-dropdown > li.menu-item { margin: 0; padding: 0; }
.header-main .header-vertical-menu__fly-out .nav-dropdown > li.menu-item > a {
  display: flex; align-items: center; height: 100%;
  background: #fff; border-radius: var(--vtmn-r); padding: 10px;
  color: #000; font-size: 15px; font-weight: 500; line-height: 1.4; border: none;
}
.header-main .header-vertical-menu__fly-out .nav-dropdown > li.menu-item > a:hover { color: var(--vtmn-main); }
@media (max-width: 1360px) {
  .header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-dropdown > ul.nav-dropdown {
    width: calc(100vw - 350px) !important;
  }
}
@media (max-width: 1199px) {
  .header-main .header-vertical-menu__fly-out { width: 220px; }
  .header-main .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-dropdown > ul.nav-dropdown {
    width: 720px !important; grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------- 5. O TIM KIEM ----------
   mau: .search-area{flex:3 1 280px;margin:0 10px;min-height:52px} form{max-width:600px}
        input{padding:0 48px 0 16px;border-radius:8px;border:none} nut kinh lup nam TRONG o, nen trong suot */
.header-main li.header-search-form { flex: 3 1 280px; max-width: 600px; margin: 0 10px; min-height: 52px; display: flex; }
.header-main li.header-search-form .header-search-form-wrapper { width: 100%; display: flex; }
.header-main .searchform-wrapper { width: 100%; max-width: 600px; }
.header-main form.searchform { position: relative; margin: 0; width: 100%; }
.header-main form.searchform > .flex-row { margin: 0; }
.header-main form.searchform > .flex-row > .flex-col { padding: 0; }
.header-main form.searchform > .flex-row > .flex-col:last-child {
  position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 52px; z-index: 2;
}
.header-main input.search-field {
  height: 52px; margin: 0; border: 0; border-radius: var(--vtmn-r);
  background-color: #fff; box-shadow: none; color: #000;
  font-size: 15px; padding: 0 48px 0 16px;
}
.header-main input.search-field::placeholder { color: #8a94a6; opacity: 1; }
.header-main .ux-search-submit.submit-button {
  position: relative; height: 100%; min-height: 0; width: auto; padding: 0 12px; margin: 0;
  background-color: transparent; background-image: none; border: 0; box-shadow: none;
  border-radius: 0 var(--vtmn-r) var(--vtmn-r) 0; line-height: 1;
}
.header-main .ux-search-submit.submit-button:hover { background-color: transparent; }
.header-main .ux-search-submit.submit-button i.icon-search { color: var(--vtmn-main); font-size: 22px; }

/* dropdown goi y — khoi "Xu huong tim kiem" do functions.php chen vao form */
.vtmn-search-suggest {
  position: absolute; top: 100%; left: 0; width: 100%; z-index: 99; margin-top: 4px;
  background: #fff; border: 1px solid #dfe3e8; box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
  padding: 16px; display: none; border-radius: var(--vtmn-r); text-align: left;
}
.vtmn-search-suggest.open { display: block; }
.vtmn-search-suggest .search-title {
  display: block; width: 100%; margin-bottom: 10px; font-weight: 600; line-height: normal; color: #000; font-size: 15px;
}
.vtmn-search-suggest .search-list { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: -5px; }
.vtmn-search-suggest a.search-item {
  display: inline-block; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: var(--vtmn-r);
  line-height: normal; margin: 0 5px 5px 0; font-size: 14px; color: #000;
}
.vtmn-search-suggest a.search-item:hover { background: #f3f4f6; color: #000; }
.header .search-form .live-search-results { border-radius: var(--vtmn-r); margin-top: 4px; }

/* ---------- 6. CUM PHAI: Yeu thich / Tai khoan / Gio hang ----------
   mau: .action-arena{gap:10px;margin-left:10px}
        .action-item{padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.1);min-height:52px}
        icon 22px xep TREN chu 14px trang; badge 16x16 bo 8px */
/* margin-left phai la 0: cot cha (.flex-col.flex-right) duoc do vua bang be rong
   cua <ul>, nen bat ky margin-left nao cung day <ul> tran ra khoi cot dung bang
   so do => canh phai cum nay se vuot qua vach 1353px cua khung noi dung 1320px.
   Khoang cach voi o tim kiem da co san tu margin-right 10px cua o tim kiem. */
.header-main ul.header-nav-main.nav-right { flex-wrap: nowrap; gap: 10px; margin-left: 0; align-items: center; }
.header-main ul.nav-right > li { margin: 0; }
.header-main ul.nav-right > li .header-button { margin: 0; }
.header-main ul.nav-right > li.header-wishlist-icon > a.wishlist-link,
.header-main ul.nav-right > li.account-item > a,
.header-main ul.nav-right > li.cart-item a.header-cart-link {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  flex-wrap: nowrap;              /* xem ghi chu muc 6b */
  min-height: 52px; height: 52px; padding: 5px 10px; margin: 0;
  background-color: rgba(255, 255, 255, .1); background-image: none;
  border: 0; border-radius: var(--vtmn-r); box-shadow: none;
  color: #fff !important; font-size: 14px; font-weight: 400; line-height: 1.2;
  text-transform: none; letter-spacing: 0; white-space: nowrap; min-width: 0;
}
.header-main ul.nav-right > li.header-wishlist-icon > a.wishlist-link:hover,
.header-main ul.nav-right > li.account-item > a:hover,
.header-main ul.nav-right > li.cart-item a.header-cart-link:hover {
  background-color: rgba(255, 255, 255, .2); color: #fff !important;
}
.header-main ul.nav-right > li i { color: #fff; font-size: 22px; margin: 0; order: -1; line-height: 1; }

/* ---------- 6b. SUA LECH SO VOI MAU (nghiem thu bang mat 12/08) ----------
   LOI 1 — "Yeu thich" nam NGANG, khac hai muc con lai:
     Flatsome dat flex-wrap:wrap cho a.wishlist-link. The cao 52px, padding 5px
     => long the chi con 42px. <i> font-size 22px nhung line-height 1.2 => cao 26.4px,
     cong gap 2px + chu 17px = 45.4px > 42px nen chu BI DAY SANG COT THU HAI
     => icon va chu nam canh nhau. Ep flex-wrap:nowrap (muc 6) + line-height:1
     (dong tren) cho <i> con 22px => 22+2+17 = 41px, vua khung, xep DOC nhu mau.
   LOI 2 — icon gio hang tran len khoi the: cung nguyen nhan tran 45.4px > 42px.
   LOI 3 — glyph khac mau: mau dung TRAI TIM VIEN va TUI xach; Flatsome mac dinh
     cho trai tim DAC (icon-heart \e000) va XE DAY (icon-shopping-cart \e908).
     Doi content sang glyph co san cung bo fl-icons: icon-heart-o \e906,
     icon-shopping-bag \e90a. Khong them font, khong them anh.
   LOI 4 — mau co huy hieu so tren "Yeu thich" va "Gio hang". Ta chi co so THAT
     cua gio hang (data-icon-label do WooCommerce sinh ra, dang la 0); Flatsome an
     khi bang 0 -> mo lai cho hien dung nhu mau. KHONG bia so cho "Yeu thich"
     (site chua co plugin dem wishlist) -> de trong, ghi vao problems. */
.header-main ul.nav-right > li.header-wishlist-icon i.icon-heart::before { content: "\e906"; }
.header-main ul.nav-right > li.cart-item i.icon-shopping-cart::before { content: "\e90a"; }
.header-main ul.nav-right > li.cart-item i[data-icon-label]::after { display: block; }
.header-main ul.nav-right .header-wishlist-title,
.header-main ul.nav-right .header-cart-title,
.header-main ul.nav-right > li.account-item > a > span { order: 2; font-size: 14px; }
.header-main ul.nav-right .cart-price { display: none; }
.header-main ul.nav-right > li.account-item > a::before {
  content: ""; width: 22px; height: 22px; order: -1; display: block;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.3 19.4A4.6 4.6 0 0 1 9.5 17h5a4.6 4.6 0 0 1 4.2 2.4'/%3E%3Ccircle cx='12' cy='9.5' r='4'/%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3C/svg%3E") no-repeat center / 22px 22px;
}
.header-main ul.nav-right [data-icon-label]:after {
  background-color: var(--vtmn-main); color: #fff; box-shadow: none;
  border-radius: var(--vtmn-r); font-size: 12px; font-weight: 700;
  height: 16px; min-width: 16px; line-height: 16px; padding: 0 3px;
  top: -4px; right: auto; left: 50%; margin-left: 5px;
}

/* ---------- 7. THANH MENU TRANG DUOI HEADER + nut "He thong cua hang" ----------
   mau: .header-navigation{background:#fff}; item a cao 60px, cach nhau 20px, chu 15px;
        .header-store a{padding:8px 16px;border-radius:8px;color:#1c55da; nen mainColor opacity .08} */
#wide-nav.header-bottom {
  background-color: #fff; min-height: 60px; box-shadow: none; border: 0;
}
#wide-nav .flex-col.flex-left { flex: 1 1 auto; min-width: 0; }
#wide-nav li.html_topbar_left { width: 100%; padding: 0; margin: 0; }
.vtmn-quicklinks { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 16px; }
/* Menu ngang co 13 muc, khung chi chua vua ~12 => muc cuoi bi cat NGANG CHU.
   Mau xu ly bang hai nut mui ten < > de cuon. Ta khong them JS, thay bang:
   - cuon ngang duoc bang chuot/vuot (overflow-x:auto), an thanh cuon;
   - lam MO DAN 36px cuoi de cho cat trong nhu co chu y, khong cut cut giua chu.
   Khi man hinh du rong (khong tran) thi vung mo dan la khoang trong => khong thay gi. */
.vtmn-ql-left {
  flex: 1 1 auto; min-width: 0;
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent 100%);
          mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent 100%);
}
.vtmn-ql-left::-webkit-scrollbar { display: none; }
ul.vtmn-ql-menu {
  display: flex; flex-wrap: nowrap; align-items: center; white-space: nowrap; overflow: hidden;
  margin: 0; padding: 0; list-style: none;
}
ul.vtmn-ql-menu > li { margin: 0 20px 0 0; padding: 0; list-style: none; }
ul.vtmn-ql-menu > li > a {
  display: block; height: 60px; line-height: 60px;
  color: #000; font-size: 15px; font-weight: 400; text-transform: none; letter-spacing: 0;
}
ul.vtmn-ql-menu > li > a:hover { color: var(--vtmn-main); }
a.vtmn-store-btn {
  position: relative; display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto;
  padding: 8px 16px; border-radius: var(--vtmn-r); margin-left: 16px;
  color: var(--vtmn-main) !important; font-size: 15px; font-weight: 500; text-transform: none; white-space: nowrap;
}
a.vtmn-store-btn::before {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  background: var(--vtmn-main); opacity: .08; border-radius: var(--vtmn-r);
}
a.vtmn-store-btn:hover { color: var(--vtmn-hover) !important; }
a.vtmn-store-btn .vtmn-store-ico { width: 22px; height: 22px; position: relative; flex: 0 0 auto; }
a.vtmn-store-btn span { position: relative; }

/* ---------- 8. MOBILE (Flatsome doi bo cuc tu 849px) ---------- */
@media (max-width: 849px) {
  .header-main .flex-row { height: 56px; }
  #logo img { height: auto !important; max-height: 40px; max-width: 176px; border-radius: 8px; }
  .header-main .mobile-nav > li > a,
  .header-main .mobile-nav > li > a i { color: #fff !important; }
  #wide-nav.header-bottom { min-height: 0; border-bottom: 0; background-color: var(--vtmn-main); }
  .vtmn-quicklinks { display: none; }
  #wide-nav input.search-field { height: 40px; border-radius: var(--vtmn-r); border: 0; background: #fff; }
  #wide-nav form.searchform > .flex-row > .flex-col:last-child { position: absolute; right: 0; top: 0; height: 100%; }
  #wide-nav .ux-search-submit.submit-button {
    background: transparent; border: 0; box-shadow: none; height: 100%; min-height: 0; padding: 0 12px;
  }
  #wide-nav .ux-search-submit.submit-button i.icon-search { color: var(--vtmn-main); font-size: 20px; }
}

/* ===== VTMN FOOTER — chuan theo source goc =====
   Nguon do dac: theme-dienmai-viewsource/homepage_files/main.scss.css
       .policy-footer  (dai cam ket, tren footer)      -> pretty dong 687-731
       .footer .mid-footer / .col-footer / .list-menu  -> pretty dong 733-809
       .footer .copyright .border                      -> pretty dong 751-755
       responsive                                      -> pretty dong 951-960, 1267-1282
     + common.scss.css: h4 = 15px/500, a{color:#000}, body 15px/1.4
     + homepage.html dong 5805-6134 (markup policy-footer + footer + copyright)

   Bien mau (khai o khoi HEADER phia tren): --vtmn-main #1c55da | --vtmn-r 8px
   Mau goc dung --mainColor #1c55da va --main-border-radius 8px -> trung khop.

   TOAN BO rule footer gom vao DUY NHAT khoi nay. Cac rule footer cu o dau file
   (.vtmn-footer p / .vtmn-f-title / .vtmn-f-menu / .absolute-footer nen xanh /
   an payment-icons) DA XOA — ban truoc khi sua: /root/vtmn_build/style.css.bak_hf
   KHONG dung toi 3 khoi: VTMN SINGLE PRODUCT, VTMN HOMEPAGE, VTMN HEADER.
   ------------------------------------------------------------------ */

/* ---------- 1. KHUNG: be rong noi dung 1320px nhu mau ----------
   Mau: .container inner 1320px, .row margin 0 -10px, .col padding 0 10px
        => gutter 20px, vien noi dung ngoai cung = 1320px.
   Flatsome: [row custom_width="1340px"] in inline max-width:1340px,
        cot ta ep padding 10px => 1340 - 20 = 1320. Khop mau. */
#footer .vtmn-policy-footer > .section-content > .row > .col,
#footer .vtmn-footer > .section-content > .row > .col {
  padding-left: 10px; padding-right: 10px; padding-bottom: 0;
}
/* row long ben trong (2 cot menu): Flatsome ep max-width 1320 + margin cua row cha,
   tra ve am 10px de cot con thang hang voi mau */
#footer .vtmn-footer .row .row.vtmn-f-row-inner {
  max-width: none; width: auto; margin-left: -10px; margin-right: -10px;
}
#footer .vtmn-footer .vtmn-f-row-inner > .col {
  padding-left: 10px; padding-right: 10px; padding-bottom: 0;
}

/* ---------- 2. DAI CAM KET (mau: .policy-footer) ----------
   Mau: .policy-footer{margin-bottom:20px} — nam TREN footer, tren nen trang #F5F5F7,
        moi muc la the trang bo goc 8px, icon trai + tieu de xanh + mo ta 14px. */
#footer .vtmn-policy-footer { margin-bottom: 20px; }
.vtmn-pf-item {
  background: #fff; padding: 16px; border-radius: var(--vtmn-r);
  display: flex; align-items: center; gap: 16px; height: 100%;
}
/* Icon dai cam ket — sua lech 12/08:
   Mau dung anh icon_policy_1..4.png 61x60: mot O VUONG BO GOC nen CAM NHAT,
   ben trong la hinh ve mau CAM. Ta khong duoc dung anh cua trang mau nen dung
   lai SVG tu ve, chi bo sung phan "o vuong bo goc nen cam" bang CSS va doi mau
   net tu XANH sang CAM cho dung mau. Kich thuoc lay dung 60px nhu mau. */
.vtmn-pf-ico {
  flex: 0 0 auto; width: 60px; height: 60px; color: #ff6b1a;
  background: #fff1e8; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
}
.vtmn-pf-ico svg { width: 32px; height: 32px; display: block; stroke-width: 1.9; }
.vtmn-pf-info { min-width: 0; }
.vtmn-pf-title {
  color: var(--vtmn-main); font-weight: 600; margin-bottom: 3px;
  font-size: 15px; line-height: 1.4;
}
.vtmn-pf-item p { margin-bottom: 0; font-size: 14px; line-height: 1.4; color: #000; }

/* Mau: duoi 1200px dai cam ket cuon ngang, moi muc rong toi thieu 280px */
@media (max-width: 1199px) {
  #footer .vtmn-policy-footer > .section-content > .row {
    flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin;
  }
  #footer .vtmn-policy-footer > .section-content > .row > .col {
    /* width:auto + min-width => the co ro theo noi dung nhung khong hep hon 280px
       (Flatsome dat .col{width:100%} nen phai tra ve auto, neu khong the se rong
        bang ca man hinh va dai cuon mat y nghia) */
    width: auto; min-width: 280px; max-width: none; flex: 0 0 auto;
  }
  #footer .vtmn-policy-footer > .section-content > .row::-webkit-scrollbar { height: 4px; }
  #footer .vtmn-policy-footer > .section-content > .row::-webkit-scrollbar-thumb {
    background: #ccc; border-radius: 4px;
  }
}

/* ---------- 3. MID-FOOTER: nen + chu ----------
   Mau: .footer{background:#fff}; .footer .mid-footer{padding:50px 0}
        (padding 50px da dat qua [section padding="50px"]) */
#footer .vtmn-footer,
#footer .vtmn-footer p,
#footer .vtmn-footer a,
#footer .vtmn-footer strong { color: #000; font-size: 15px; line-height: 1.4; }
#footer .vtmn-footer a:hover { color: var(--vtmn-main); }
#footer .vtmn-footer p { margin-bottom: 0; }

/* ---------- 4. TIEU DE COT (mau: .col-footer h4.title-menu) ----------
   Mau: h4 ke thua common.scss.css => font-size 1.5rem = 15px, font-weight 500;
        .footer .col-footer h4{line-height:24px; margin-bottom:16px} */
#footer .vtmn-footer .vtmn-f-title {
  font-size: 15px; font-weight: 500; line-height: 24px; margin: 0 0 16px;
  color: #000; letter-spacing: 0; text-transform: none;
}

/* ---------- 5. COT LIEN HE (mau: .contact-footer) ----------
   Mau: .item{margin-bottom:10px;display:flex;align-items:center;gap:10px}
        .icon{background:var(--mainColor);30x30;border-radius:8px;flex center}
        .icon svg{18x18} + .icon svg path{fill:#fff} */
.vtmn-f-contact .item { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
.vtmn-f-contact .item:last-child { margin-bottom: 0; }
.vtmn-f-contact .item.item-plain { display: block; }
.vtmn-f-contact .item .icon {
  flex: 0 0 auto; width: 30px; height: 30px; background: var(--vtmn-main);
  border-radius: var(--vtmn-r); display: inline-flex; align-items: center; justify-content: center;
}
.vtmn-f-contact .item .icon svg { width: 18px; height: 18px; display: block; fill: #fff; }
.vtmn-f-contact .item .icon svg path { fill: #fff; }
.vtmn-f-contact .item .txt { min-width: 0; }

/* ---------- 6. DANH SACH LINK CO MUI TEN (mau: .list-menu) ----------
   Mau: a{display:block;margin-bottom:10px;position:relative;padding-left:23px}
        a svg{11x10;position:absolute;left:0;top:6px}; a svg path{stroke:var(--mainColor)} */
.vtmn-f-menu a { display: block; margin-bottom: 10px; position: relative; padding-left: 23px; }
.vtmn-f-menu a:last-child { margin-bottom: 0; }
.vtmn-f-menu a .vtmn-f-arrow { width: 11px; height: 10px; position: absolute; left: 0; top: 6px; }
.vtmn-f-menu a .vtmn-f-arrow path { stroke: var(--vtmn-main); fill: none; }
.vtmn-f-menu a:hover { color: var(--vtmn-main); }

/* ---------- 7. TONG DAI (mau: .list-hotline .item{margin-bottom:10px}) ---------- */
.vtmn-f-hotline .item { margin-bottom: 10px; }
.vtmn-f-hotline .item:last-child { margin-bottom: 0; }

/* ---------- 8. MANG XA HOI (mau: .list-social{margin-top:16px}; a img{width:38px}) ----------
   Mau dung 4 anh PNG 50x50 hien o 38px. Ta KHONG tai anh mau -> ve SVG inline,
   moi huy hieu MOT MAU, dung mau nhan dien cua tung mang nhu mau:
   Facebook #1877f2, Zalo nen trang chu xanh #0068ff co vien, YouTube #ff0000, TikTok #111.

   SUA LECH 12/08 — LOI O VUONG (tofu):
   Truoc day the <a> dat class icon-facebook / icon-youtube / icon-tiktok.
   Do la ten class CUA THEME CHA flatsome: flatsome.css co san
     .icon-facebook::before{content:"\e002"} .icon-youtube::before{content:"\e018"}
     .icon-tiktok::before{content:"\e90b"}
   nhung KHONG kem font-family:fl-icons cho ngu canh nay, nen ky tu vung dung
   rieng do roi ve font chu Inter -> trinh duyet ve O VUONG RONG canh glyph SVG.
   Da doi ten class trong block footer (ID 154) thanh vtmn-soc-* de khong con
   trung ten voi theme cha. Chan them ::before cho chac. */
.vtmn-f-social { margin-top: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vtmn-f-social > a {
  width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%;
  background: var(--vtmn-main); display: inline-flex; align-items: center; justify-content: center;
}
.vtmn-f-social > a::before, .vtmn-f-social > a::after { content: none !important; }
.vtmn-f-social > a svg { width: 20px; height: 20px; display: block; fill: #fff; }
.vtmn-f-social > a:hover { opacity: .86; }
.vtmn-f-social > a.vtmn-soc-fb { background: #1877f2; }
.vtmn-f-social > a.vtmn-soc-yt { background: #ff0000; }
.vtmn-f-social > a.vtmn-soc-tt { background: #111111; }
.vtmn-f-social > a.vtmn-soc-zalo { background: #ffffff; box-shadow: inset 0 0 0 1px #d8e2f2; }
.vtmn-f-social > a.vtmn-soc-zalo svg { fill: #0068ff; width: 22px; height: 22px; }

/* ---------- 9. DAI BAN QUYEN (mau: .footer .copyright .border.text-center) ----------
   Mau: nen trang #fff (cung nen mid-footer), duong ke phan cach 1px DASHED mau
        --mainColor, padding 12px 0, chu canh GIUA, co chu 15px ke thua body, mau #000.
   Site ta dung thanh .absolute-footer cua Flatsome -> ep ve dung kieu mau. */
#footer .absolute-footer {
  background-color: #fff; color: #000; font-size: 15px; line-height: 1.4;
  padding: 0; border-top: 0; text-align: center; text-shadow: none;
}
#footer .absolute-footer > .container {
  max-width: 1350px;                       /* + padding 15px/ben => vien noi dung 1320 nhu mau */
  padding-top: 0; padding-bottom: 0;
}
/* Duong ke DASHED dat tren .footer-primary (khong dat tren .container) de no dai
   dung 1320px — thang hang voi cot cua mid-footer, giong mau. */
#footer .absolute-footer .footer-primary {
  float: none; width: 100%; margin: 0;
  border-top: 1px dashed var(--vtmn-main);
  padding: 12px 0;
}
#footer .absolute-footer .copyright-footer {
  float: none; width: 100%; text-align: center; color: #000; opacity: 1; margin: 0; padding: 0;
}
#footer .absolute-footer a { color: #000; }
/* Mau in ten thuong hieu ("ND Theme") mau XANH giua dong ban quyen mau den.
   Ta lam tuong tu cho "Vat Tu Mien Nam" bang the <strong> co san trong dong. */
#footer .absolute-footer .copyright-footer strong { color: var(--vtmn-main); font-weight: 600; }
#footer .absolute-footer a:hover { opacity: .8; color: var(--vtmn-main); }
#footer .absolute-footer ul { border: 0; opacity: 1; }
/* Mau khong co icon thanh toan Visa/PayPal o dai ban quyen */
#footer .absolute-footer .footer-secondary,
#footer .absolute-footer .payment-icons { display: none !important; }

/* ---------- 10. RESPONSIVE ----------
   Mau: @media(max-width:991px) and (min-width:767px){.footer .contact-footer{margin-bottom:30px}}
        @media(max-width:767px){.footer .col-footer{margin-bottom:30px}; .mid-footer{padding-bottom:0}}
   Flatsome doi bo cuc o 849px (medium) va 549px (small). */
@media (max-width: 849px) {
  /* Mau: .container{padding-left:20px;padding-right:20px} duoi 767px => noi dung
     cach mep man hinh 20px. Section cua ta trai het be ngang nen bu 10px o day
     (10px section + 10px padding cot = 20px nhu mau). */
  #footer .vtmn-policy-footer,
  #footer .vtmn-footer { padding-left: 10px; padding-right: 10px; }
  #footer .absolute-footer > .container { padding-left: 20px; padding-right: 20px; }
  #footer .vtmn-footer > .section-content > .row > .col { margin-bottom: 30px; }
  #footer .vtmn-footer > .section-content > .row > .col:last-child { margin-bottom: 0; }
  #footer .vtmn-footer .vtmn-f-row-inner > .col { margin-bottom: 0; }
}
@media (max-width: 549px) {
  #footer .vtmn-footer { padding-bottom: 20px !important; }
  #footer .vtmn-footer .vtmn-f-row-inner > .col { margin-bottom: 24px; }
  #footer .vtmn-footer .vtmn-f-row-inner > .col:last-child { margin-bottom: 0; }
  .vtmn-pf-item { padding: 12px; gap: 12px; }
  .vtmn-pf-ico { width: 48px; height: 48px; border-radius: 13px; }
  .vtmn-pf-ico svg { width: 26px; height: 26px; }
}

/* ---------- 11. CHONG TRAN NGANG ----------
   Khong khoi nao cua footer duoc day body rong ra (dai cam ket tu cuon ben trong). */
#footer .vtmn-policy-footer,
#footer .vtmn-footer,
#footer .absolute-footer { max-width: 100%; }
#footer .vtmn-policy-footer > .section-content,
#footer .vtmn-footer > .section-content { max-width: 100%; }


/* ===== VTMN SINGLE POST — chuan theo source goc ===== */
/*  Do dac tu theme mau "Bo tui cach chon may loc khong khi theo dien tich phong"
    (blog_article_style.scss.css + breadcrumb.scss.css + main.scss.css + common.scss.css).
    Luu y ve don vi: trang mau dat html{font-size:62.5%} nen 1rem = 10px.
    Moi gia tri rem cua mau da quy doi sang px o day (vd 1.4rem -> 14px).

    PHAM VI: chi #content.blog-wrapper.blog-single (single.php cua Flatsome).
    Class THAT dang render (da curl kiem chung, KHONG viet CSS cho class khong ton tai):
      .blog-single > .row.row-large.row-divided
        > .large-9.col > article.post > .article-inner
            > header.entry-header > .entry-header-text > h1.entry-title
                                                       > .entry-meta
                                  > .entry-image > img.wp-post-image + .badge.post-date
            > .entry-content.single-page ( + .blog-share )
        > .post-sidebar.large-3.col > #secondary.widget-area > aside.widget
      + .comments-area, + .vtmn-post-breadcrumb / .vtmn-toc / .vtmn-post-related (theme con them)
    Anh xa khoi cua mau -> class that:
      .article-main   -> .blog-single article.post > .article-inner
      .article-title  -> .blog-single .entry-title
      .time-post      -> .blog-single .entry-header .entry-meta
      .rte            -> .blog-single .entry-content
      .blog-cate/.blog-advise/.blog-tags -> .blog-single #secondary .widget
      .article-lq     -> .blog-single .vtmn-post-related                                */

/* ---------- 1. KHUNG TRANG + CHIA COT ----------
   Mau: 2 cot 9/3 (>=1200px), khe giua 2 cot 20px, KHONG co duong ke doc.
   Flatsome: .row-large cho khe 60px va .row-divided ve duong ke -> chinh lai.
   Nen trang #F5F5F7 da co san (khoi VTMN HOMEPAGE), khong khai bao lai.        */
.blog-single.page-wrapper{ padding-top:10px; padding-bottom:30px; }
/* Ba hang (breadcrumb / noi dung + sidebar / bai lien quan) dung CHUNG mot be rong
   va cung le trai-phai. Flatsome dat width:100% cho .row nen KHONG dung margin am
   (se lam ca hang lech sang trai 10px o mobile) — thay bang padding 10px tren .col. */
.blog-single .row.row-large,
.blog-single .vtmn-post-bc-row,
.blog-single .vtmn-post-related > .row{
  margin-left:auto; margin-right:auto; max-width:1340px;
}
.blog-single .row.row-large > .col,
.blog-single .vtmn-post-bc-row > .col,
.blog-single .vtmn-post-related > .row > .col{
  padding-left:10px; padding-right:10px; padding-bottom:0;
}
.blog-single .row.row-divided > .col + .col{ border-left:0; }
@media (max-width:767px){
  /* Mau dat padding 20px cho .container o mobile. */
  .blog-single .row.row-large > .col,
  .blog-single .vtmn-post-bc-row > .col,
  .blog-single .vtmn-post-related > .row > .col{ padding-left:20px; padding-right:20px; }
}

/* ---------- 2. BREADCRUMB (breadcrumb.scss.css) ----------
   Nam NGOAI the trang, tren nen #F5F5F7, ngay dau trang.                        */
.blog-single .vtmn-post-bc-row{ margin-bottom:0; }
.blog-single .vtmn-post-breadcrumb{ padding:10px 0; font-size:14px; margin-bottom:20px; }
.blog-single .vtmn-post-breadcrumb ul{ margin:0; padding:0; list-style:none; line-height:1.4; }
.blog-single .vtmn-post-breadcrumb ul li{ display:inline-block; word-break:break-word; margin:0; }
.blog-single .vtmn-post-breadcrumb ul li a{ color:#000; }
.blog-single .vtmn-post-breadcrumb ul li a:hover{ color:var(--oldColor); }
.blog-single .vtmn-post-breadcrumb ul li strong{ color:var(--oldColor); }
.blog-single .vtmn-post-breadcrumb ul li svg{ margin:0 5px; width:10px; height:10px; position:relative; top:-2px; }
.blog-single .vtmn-post-breadcrumb ul li svg path{ fill:#000; }

/* ---------- 3. THE TRANG BAI VIET (.article-main) ---------- */
.blog-single article.post > .article-inner{
  padding:16px;
  border-radius:var(--main-border-radius);
  overflow:hidden;
  position:relative;
  background:#fff;
  margin-bottom:30px;
}
@media (max-width:991px){
  .blog-single article.post > .article-inner{ margin-bottom:20px; }
}

/* ---------- 4. TIEU DE (.article-title) ----------
   Mau canh TRAI, 34px bold; mau chu hien thi thuc te la #000
   (mau khai bao #001f3f nhung bi a{color:#000} de len vi tieu de nam trong the <a>).
   Mau KHONG co duong ke duoi tieu de va KHONG co dong danh muc.                  */
.blog-single .entry-header-text{ text-align:left !important; }
.blog-single .entry-title{
  margin:0 0 15px;
  font-size:34px;
  font-weight:bold;
  color:#000;
  line-height:normal;
  position:relative;
  text-transform:none;
  letter-spacing:0;
}
.blog-single .entry-header .entry-divider{ display:none; }
.blog-single .entry-header .entry-category{ display:none; }
@media (max-width:767px){
  .blog-single .entry-title{ font-size:24px; line-height:1.4; }
}

/* ---------- 5. HANG META (.time-post) ----------
   Mau CHI co Ngay dang + Tac gia (khong luot xem, khong danh muc, khong duong ke duoi).
   Icon SVG inline stroke var(--mainColor), 22x22.                                */
.blog-single .entry-header .entry-meta{
  margin:0 0 6px;
  font-size:16px;
  text-transform:none;
  letter-spacing:0;
  color:#000;
  opacity:1;
  border:0;
  padding:0;
}
.blog-single .entry-header .entry-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:16px;
  font-size:16px;
}
.blog-single .entry-header .entry-meta span svg{
  width:22px; height:22px; position:relative; top:-1px; flex:0 0 auto;
}
.blog-single .entry-header .entry-meta span svg path{ stroke:var(--mainColor); }

/* ---------- 6. ANH DAI DIEN ----------
   Mau khong co anh dai dien o dau bai (anh nam trong than bai). Ta GIU anh that
   cua bai viet nhung bo badge ngay thang chong len anh cho giong tinh than mau. */
.blog-single .entry-image{ margin:0 0 15px; }
.blog-single .entry-image img{ max-width:100%; height:auto; border-radius:0; }
.blog-single .entry-image .badge.post-date{ display:none; }

/* ---------- 7. MUC LUC TU DONG (.toc-wrapper) ----------
   Vien 1px mainColor, radius 8px, padding 10px, margin 15px 0; desktop rong 65%.
   Mui ten thu gon: mau dung anh PNG base64 -> ta ve bang CSS (khong tai anh ngoai). */
.blog-single .vtmn-toc{
  border:1px solid var(--mainColor);
  border-radius:var(--main-border-radius);
  padding:10px;
  margin:15px 0;
  position:relative;
  background:none;
}
@media (min-width:991px){ .blog-single .vtmn-toc{ width:65%; } }
.blog-single .vtmn-toc-title{
  position:relative;
  display:block;
  overflow:hidden;
  text-align:center;
  cursor:pointer;
  font-weight:bold;
  -webkit-user-select:none;
  user-select:none;
  line-height:28px;
  font-size:16px;
  color:var(--mainColor);
}
.blog-single .vtmn-toc-title:after{
  content:"";
  float:right;
  width:0; height:0;
  border-style:solid;
  border-width:7px 7.5px 0 7.5px;
  border-color:var(--mainColor) transparent transparent transparent;
  margin:10px 0 0 0;
  transition:transform .2s ease-out;
}
.blog-single .vtmn-toc-title:not(.open):after{ transform:rotate(-90deg); }
.blog-single .vtmn-toc-body{ margin-top:5px; }
.blog-single .vtmn-toc-body > .toc-list{ padding:0; }
.blog-single .vtmn-toc .toc-list{ padding:0 15px; list-style-type:none; margin:0; }
.blog-single .vtmn-toc .toc-list li{ color:var(--mainColor); margin:0; }
.blog-single .vtmn-toc .toc-list li a{
  line-height:20px;
  padding:5px 0;
  color:var(--mainColor);
  font-size:15px;
  position:relative;
}
.blog-single .vtmn-toc .toc-list li a:hover{ text-decoration:underline; }

/* ---------- 8. NOI DUNG BAI (.rte) ----------
   CANH BAO tu ban do CSS goc: trang mau KHONG co bat ky rule typography rieng nao
   cho .rte — toan bo trinh bay la typography goc cua common.scss.css. Cac gia tri
   duoi day chep dung tu do (body 15px/1.4, p margin 0 0 10px, h2 20px weight 500,
   h3 17.5px, h4 15px, headings margin 0 0 5px, ul/ol list-style:none khong thut le,
   anh khong bo goc khong canh giua, link mau den, blockquote tran).             */
.blog-single .entry-content{ font-size:15px; line-height:1.4; color:#000; }
.blog-single .entry-content p{ margin:0 0 10px; }
.blog-single .entry-content h1,
.blog-single .entry-content h2,
.blog-single .entry-content h3,
.blog-single .entry-content h4,
.blog-single .entry-content h5,
.blog-single .entry-content h6{
  margin:0 0 5px;
  font-weight:500;
  color:#000;
  line-height:1.4;
  text-transform:none;
  letter-spacing:0;
}
.blog-single .entry-content h1{ font-size:25px; }
.blog-single .entry-content h2{ font-size:20px; }
.blog-single .entry-content h3{ font-size:17.5px; }
.blog-single .entry-content h4{ font-size:15px; }
.blog-single .entry-content h5{ font-size:12.5px; }
.blog-single .entry-content h6{ font-size:10px; }
.blog-single .entry-content ul,
.blog-single .entry-content ol{ margin:0; padding:0; list-style:none; }
.blog-single .entry-content li{ margin:0; }
.blog-single .entry-content img{
  max-width:100%; height:auto; border-radius:0; vertical-align:middle; border-style:none;
}
.blog-single .entry-content a{ color:#000; text-decoration:none; transition:all .2s ease-out 0s; }
.blog-single .entry-content a:hover{ color:var(--mainColor); }
.blog-single .entry-content blockquote{
  margin:0 0 10px; padding:0; border:0; background:none; font-style:normal; font-size:15px;
}
.blog-single .entry-content table{ border-collapse:collapse; max-width:100%; }
.blog-single .entry-content th{ text-align:inherit; }
.blog-single .entry-content pre{ overflow-x:auto; max-width:100%; }
.blog-single .entry-content{ overflow-wrap:break-word; }
@media (max-width:767px){
  .blog-single .entry-content iframe{ width:100%; }
  /* Chong tran ngang o man hinh hep — mau khong co rule nay vi bai mau khong co bang. */
  .blog-single .entry-content table{ display:block; overflow-x:auto; }
}

/* ---------- 9. CHIA SE + TU KHOA (.tag-share / .tag_article) ----------
   Mau xep hang TRAI, margin 30px 0. Hang tu khoa chi in khi bai co tag that. */
.blog-single .blog-share{ text-align:left !important; margin:30px 0 0; }
.blog-single .blog-share .is-divider{ display:none; }
.blog-single .blog-share .social-icons{ justify-content:flex-start; }
.blog-single .vtmn-post-tags{ display:flex; align-items:center; flex-wrap:wrap; margin:30px 0 0; }
.blog-single .vtmn-post-tags .inline{ line-height:26px; font-size:15px; margin-right:15px; color:#494949; }
.blog-single .vtmn-post-tags .tag_article a{
  display:inline-block;
  padding:6px 10px;
  border:1px solid #d1d5db;
  line-height:normal;
  margin-right:5px;
  margin-bottom:5px;
  font-size:14px;
  border-radius:var(--main-border-radius);
  color:#000;
}
.blog-single .vtmn-post-tags .tag_article a:hover{ background:#f3f4f6; }
@media (max-width:767px){
  .blog-single .vtmn-post-tags{ display:block; }
  .blog-single .vtmn-post-tags .inline{ margin-bottom:5px; display:block; }
}

/* ---------- 10. BINH LUAN (.form-coment cua mau) ----------
   Mau dat form ngay trong the trang trang; Flatsome dat .comments-area ben ngoai
   the <article> nen cho no MOT the trang rieng cung he thong (16px / radius 8px). */
.blog-single .comments-area{
  background:#fff;
  border-radius:var(--main-border-radius);
  padding:16px;
  margin-bottom:30px;
  position:relative;
  overflow:hidden;
}
.blog-single .comments-area .comment-reply-title,
.blog-single .comments-area .comments-title{
  font-size:22px; font-weight:700; text-transform:none; letter-spacing:0;
  margin:0 0 20px; color:#494949;
}
.blog-single .comment-form label{ display:block; margin-bottom:4px; font-weight:700; }
.blog-single .comment-form .required{ color:#ff0000; }
.blog-single .comment-form input[type="text"],
.blog-single .comment-form input[type="email"],
.blog-single .comment-form input[type="url"],
.blog-single .comment-form textarea{
  width:100%;
  min-height:60px;
  padding:10px 20px;
  font-size:15px;
  line-height:1.5;
  color:#656565;
  background-color:#fff;
  margin-bottom:20px;
  border:1px solid #e3e3e3;
  box-shadow:none;
  border-radius:6px;
}
.blog-single .comment-form input::placeholder,
.blog-single .comment-form textarea::placeholder{ color:#656565; }
.blog-single .comment-form-cookies-consent label{ display:inline; font-weight:400; margin:0 0 0 6px; }
.blog-single .comment-form input[type="submit"],
.blog-single .comment-form .submit{
  height:50px;
  line-height:48px;
  padding:0 54px;
  background:var(--mainColor);
  font-size:16px;
  color:#fff;
  font-weight:700;
  border-radius:6px;
  border:1px solid transparent;
  text-transform:none;
  letter-spacing:0;
  min-height:0;
  box-shadow:none;
}
.blog-single .comment-form input[type="submit"]:hover,
.blog-single .comment-form .submit:hover{
  color:var(--mainColor); border-color:var(--mainColor); background:transparent;
}
@media (max-width:480px){
  .blog-single .comment-form input[type="submit"],
  .blog-single .comment-form .submit{ max-width:100%; padding:0 24px; }
}

/* ---------- 11. BAI VIET LIEN QUAN (.article-lq) ----------
   Nam DUOI ca 2 cot, the trang trang rieng, tieu de 28px bold.                  */
.blog-single .vtmn-post-related{ margin-bottom:30px; }
.blog-single .vtmn-post-related .inner{
  padding:16px;
  border-radius:var(--main-border-radius);
  overflow:hidden;
  position:relative;
  background:#fff;
}
.blog-single .vtmn-post-related .aside-title{
  font-weight:700; font-size:28px; line-height:1.3; margin:0 0 20px; position:relative;
}
.blog-single .vtmn-post-related .aside-title a{ color:#000; }
.blog-single .vtmn-post-related .aside-title a:hover{ color:var(--mainColor); }
.blog-single .vtmn-post-related .post-item .box-image,
.blog-single .vtmn-post-related .post-item .box-image img{ border-radius:8px; }
.blog-single .vtmn-post-related .post-item .box-text{ padding:10px 0 0; text-align:left; }
.blog-single .vtmn-post-related .post-item .post-title{
  font-size:15px; line-height:1.45; text-transform:none; letter-spacing:0; margin:0;
}
.blog-single .vtmn-post-related .post-item .is-divider{ display:none; }
.blog-single .vtmn-post-related .post-item .post-meta{ font-size:13px; }
@media (max-width:991px){ .blog-single .vtmn-post-related{ margin-top:20px; } }
@media (max-width:767px){ .blog-single .vtmn-post-related .aside-title{ font-size:23px; } }

/* ---------- 12. SIDEBAR ----------
   Mau: cot phai dinh (position:sticky; top:0), duoi 991px xuong duoi cach 20px,
   duoi 767px bo dinh. Flatsome gay cot o 850px nen dung 849px cho margin-top.   */
@media (min-width:850px){
  .blog-single .post-sidebar > .widget-area{ position:sticky; top:0; }
}
@media (max-width:849px){
  .blog-single .post-sidebar{ margin-top:20px; }
}
.blog-single #secondary .widget{
  margin-bottom:20px;
  padding:16px;
  border-radius:var(--main-border-radius);
  overflow:hidden;
  position:relative;
  background:#fff;
  border:0;
}
.blog-single #secondary .widget:last-child{ margin-bottom:0; }
/* O tim kiem (.blog-search cua mau) — KHONG phai the trang trang */
.blog-single #secondary .widget.widget_search{
  background:none; padding:0; margin-bottom:30px; overflow:visible;
}
.blog-single #secondary .widget-title{
  position:relative;
  display:block;
  margin:0 0 16px;
  font-size:20px;
  padding-bottom:8px;
  font-weight:700;
  line-height:1.3;
  color:#000;
  text-transform:none;
  letter-spacing:0;
}
.blog-single #secondary .widget-title:before{
  position:absolute; content:''; width:10px; border-bottom:3px solid var(--mainColor); bottom:0; left:0;
}
.blog-single #secondary .widget-title:after{
  position:absolute; content:''; width:25px; border-bottom:3px solid var(--mainColor); bottom:0; left:15px;
}
.blog-single #secondary .widget-title a{ color:#000; }
.blog-single #secondary .widget-title a:hover{ color:var(--mainColor); }

/* 12a. O tim kiem — do dac tu .blog-search cua mau */
.blog-single .widget_search .wp-block-search__label{ display:none; }
.blog-single .widget_search .wp-block-search__inside-wrapper{
  position:relative; border-radius:var(--main-border-radius); overflow:hidden; border:0; padding:0;
}
.blog-single .widget_search .wp-block-search__inside-wrapper:before{
  content:''; position:absolute; left:0; top:0; width:100%; height:100%;
  background:var(--mainColor); opacity:.1; pointer-events:none;
}
.blog-single .widget_search .wp-block-search__input{
  border:0; width:100%; padding:12px 45px 12px 16px; background:none;
  box-shadow:none; margin:0; height:auto; position:relative; z-index:1; font-size:15px;
}
.blog-single .widget_search .wp-block-search__input::placeholder{ color:var(--mainColor); }
.blog-single .widget_search .wp-block-search__button{
  position:absolute; right:7px; top:7px; z-index:2;
  height:32px; width:32px; min-height:0; padding:0; margin:0;
  border:0; border-radius:var(--main-border-radius); background:var(--mainColor); color:#fff;
  display:flex; align-items:center; justify-content:center;
}
.blog-single .widget_search .wp-block-search__button svg{ width:16px; height:16px; fill:#fff; }

/* 12b. Menu danh muc nhieu cap (.category-navigation cua mau) */
.blog-single .category-navigation ul{ padding:0; margin:0; list-style:none; }
.blog-single .category-navigation ul li{ position:relative; margin:0; }
.blog-single .category-navigation ul li a{
  display:block; padding:5px 30px 5px 0; color:#000; font-size:15px; line-height:1.4;
}
.blog-single .category-navigation ul li a:hover{ color:var(--mainColor); }
.blog-single .category-navigation ul li.current-menu-item > a{ color:var(--mainColor); }
.blog-single .category-navigation ul ul{ padding-left:10px; display:none; }
.blog-single .category-navigation .down_icon{
  width:30px; height:31px; top:0; right:0; position:absolute; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:.5s all;
}
.blog-single .category-navigation .down_icon:before{
  content:''; width:0; height:0; border-style:solid; border-width:4px 4px 0 4px;
  border-color:#59646a transparent transparent transparent;
  transition:border-color 300ms ease-in-out 0s;
}
.blog-single .category-navigation .down_icon.cls_mn{ transform:rotate(180deg); }
.blog-single .category-navigation li.current-menu-item > .down_icon:before,
.blog-single .category-navigation .down_icon:hover:before{
  border-color:var(--mainColor) transparent transparent transparent;
}

/* 12c. Bai viet noi bat (.blog-advise cua mau) — muc dau anh to, cac muc sau nam ngang */
.blog-single .vtmn-blog-advise .post-item{ padding-bottom:0; }
.blog-single .vtmn-blog-advise .box-blog-post{ margin-bottom:16px; }
.blog-single .vtmn-blog-advise .post-item:last-child .box-blog-post{ margin-bottom:0; }
.blog-single .vtmn-blog-advise .box-image,
.blog-single .vtmn-blog-advise .box-image img{ border-radius:8px; }
.blog-single .vtmn-blog-advise .box-text{ padding:0 0 0 15px; text-align:left; }
.blog-single .vtmn-blog-advise .post-title{
  font-size:15px; line-height:1.45; text-transform:none; letter-spacing:0; margin:0;
}
.blog-single .vtmn-blog-advise .is-divider{ display:none; }
.blog-single .vtmn-blog-advise .post-meta{ font-size:13px; }
/* Flatsome dung display:table + table-cell cho .box-vertical nen phai reset ca con,
   khong thi muc dau van nam ngang. */
.blog-single .vtmn-blog-advise .post-item:first-child .box-vertical,
.blog-single .vtmn-blog-advise .post-item:first-child .box-vertical > .box-image,
.blog-single .vtmn-blog-advise .post-item:first-child .box-vertical > .box-text{
  display:block; width:100% !important; vertical-align:top;
}
.blog-single .vtmn-blog-advise .post-item:first-child .box-vertical > .box-image{ margin-bottom:8px; }
.blog-single .vtmn-blog-advise .post-item:first-child .box-vertical > .box-text{ padding-left:0; }

/* 12d. San pham ban chay (thay cho khoi "Tu khoa pho bien" cua mau — site chua co tag nao) */
.blog-single .ux-products-list{ margin:0; padding:0; list-style:none; }
.blog-single .ux-products-list li{ padding:10px 0; margin:0; border-bottom:1px solid #ebebeb; }
.blog-single .ux-products-list li:last-child{ border-bottom:0; padding-bottom:0; }
.blog-single .ux-products-list li a{ color:#000; font-size:15px; line-height:1.45; }
.blog-single .ux-products-list li a:hover{ color:var(--mainColor); }
.blog-single .ux-products-list li img{ border-radius:8px; }
.blog-single .ux-products-list .amount{ color:var(--priceColor); font-weight:600; }

/* ---------- 13. CHONG TRAN NGANG ----------
   Khong khoi nao duoc day body rong ra o 1400px lan 390px.                      */
.blog-single .entry-content > *{ max-width:100%; }
.blog-single .vtmn-post-related .inner{ max-width:100%; }
.blog-single #secondary .widget{ max-width:100%; }

/* ===== VTMN SINGLE POST — HIEU CHINH SAU NGHIEM THU BANG MAT (12/08/2026) =====
   Doi chieu ANH CHUP trang ta vs trang mau, cung 1400px, tren cung mot trinh duyet.
   Chi sua nhung diem LECH do bang mat + do bang DOM. KHONG dung toi 4 khoi da chot
   (VTMN SINGLE PRODUCT / VTMN HOMEPAGE / VTMN HEADER / VTMN FOOTER).                */

/* L1. TIEU DE + HANG META BI THUT VAO 24px.
   Flatsome dat .entry-header-text{padding:0 24px 24px}. The trang cua mau chi co
   padding 16px va tieu de an sat mep -> do duoc: mau 17px, ta 40px. Bo padding do. */
.blog-single .entry-header-text{ padding:0; }

/* L2. HEADING TRONG THAN BAI HIEN RA MANH (net thuong) TRONG KHI MAU IN DAM.
   Nguyen nhan that (do bang document.fonts): CA HAI site deu dung font Inter,
   nhung trang mau nap Inter 400/500/600/700 con site ta chi nap 400/600/700.
   Mau khai bao font-weight:500 -> tren site ta khong co net 500 nen roi ve 400.
   Do be rong chuoi thu: w400 = w500 = 412.58px, w600 = 419.89px  => phai dung 600
   (net gan Inter Medium cua mau nhat; 700 se dam hon mau).                         */
.blog-single .entry-content h1,
.blog-single .entry-content h2,
.blog-single .entry-content h3,
.blog-single .entry-content h4,
.blog-single .entry-content h5,
.blog-single .entry-content h6{ font-weight:600; }

/* L3. MAU KHONG CO HANG CHIA SE duoi bai (da grep DOM trang mau: khong he co
   .tag-share). Flatsome tu in .blog-share -> an di cho dung mau.
   (Muon bat lai chi can xoa 1 dong duoi day.)                                       */
.blog-single .blog-share{ display:none; }

/* L4. THE TRANG BAI + KHUNG BINH LUAN PHAI LA MOT THE LIEN TUC.
   Mau dat form binh luan ngay trong .article-main; Flatsome tach .comments-area ra
   ngoai <article> nen ta thay hai the trang roi nhau. Hai the la ANH EM ruot nen
   noi lien bang bo goc + bo khe giua.                                               */
.blog-single article.post:has(+ .comments-area) > .article-inner{
  margin-bottom:0;
  border-radius:var(--main-border-radius) var(--main-border-radius) 0 0;
}
.blog-single article.post + .comments-area{
  border-radius:0 0 var(--main-border-radius) var(--main-border-radius);
  padding-top:0;
}

/* L5. KHUNG BINH LUAN: Flatsome to nen xam rgba(0,0,0,.05) + padding 15px 25px cho
   .comment-respond, mau la nen trang phang. Tieu de mau 22px / 700 / #494949
   (rule cu bi Flatsome de len nen thuc te chi ra 19.2px).                           */
.blog-single .comments-area .comment-respond{ background:none; padding:0; }
.blog-single .comments-area #reply-title,
.blog-single .comments-area .comment-reply-title{
  font-size:22px; font-weight:700; color:#494949; margin:0 0 20px;
}
.blog-single .comments-area .comment-reply-title small{
  font-size:14px; font-weight:400; margin-left:10px;
}
/* Mau xep hai o dau tren cung mot hang. WP in san 7 the <p> anh em nen dung flex
   + order (khong dong vao PHP cua form).                                            */
/* Flatsome da cho .comment-form la flex, dat gutter margin:0 -15px tren form +
     padding:0 15px tren tung <p>, va dat flex:1 1 0% cho 3 o author/email/url (nen
     khai bao width KHONG an thua — phai doi flex-basis). Giu nguyen he gutter do
     de cac o van thang hang voi le the trang. */
@media (min-width:768px){
  .blog-single .comment-form{ display:flex; flex-wrap:wrap; }
  .blog-single .comment-form > .comment-form-author,
  .blog-single .comment-form > .comment-form-email{ flex:0 0 50%; max-width:50%; order:1; }
  .blog-single .comment-form > .comment-form-url{ flex:0 0 100%; max-width:100%; order:2; }
  .blog-single .comment-form > .comment-form-comment{ order:3; }
  .blog-single .comment-form > .comment-form-cookies-consent{ order:4; }
  .blog-single .comment-form > .form-submit{ order:5; }
}

/* L6. WIDGET "BAI VIET NOI BAT": mau CHI in tieu de bai (da doc DOM trang mau:
   .blog-advise .item-blog > .block-info chi co the <h3>), ta dang in them ngay dang. */
.blog-single .vtmn-blog-advise .post-meta{ display:none; }
.blog-single .vtmn-blog-advise .box-text{ padding-top:0; }

/* L7. LOI THAT: WIDGET SAN PHAM BI ANH DE LEN CHU.
   Flatsome dat ul.product_list_widget li{padding:10px 0 5px 75px; min-height:80px}
   va img{position:absolute; left:0; width:60px} — anh nam tuyet doi, cho trong cho
   anh la NHO padding-left:75px. Rule cu ghi "padding:10px 0" da xoa mat padding-left
   -> anh de len dau dong tieu de va len ca hang gia (nhin nhu chu bi cat ben trai). */
.blog-single .ux-products-list li{ padding:10px 0 10px 75px; min-height:80px; }
.blog-single .ux-products-list li img{ top:10px; }

/* L8. BAI VIET LIEN QUAN: the cua mau co TOM TAT 4 dong va ngay dang co icon lich;
   the cua ta moi co anh + tieu de + ngay tran. Bat tom tat trong functions.php,
   phan trinh bay o day.                                                             */
.blog-single .vtmn-post-related .post-item .post-title{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; word-break:break-word;
}
.blog-single .vtmn-post-related .post-item .post-meta{
  display:flex; align-items:center; gap:6px;
  font-size:15px; color:#000; opacity:1; margin:6px 0 0;
}
/* Icon lich ve bang SVG inline (data-uri), khong tai anh tu internet. */
.blog-single .vtmn-post-related .post-item .post-meta:before{
  content:""; flex:0 0 auto; width:20px; height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231c55da' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M4 10h16M8 14h8m-4-7V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.blog-single .vtmn-post-related .post-item .from_the_blog_excerpt{
  font-size:15px; line-height:1.4; color:#5b5b5b; margin:8px 0 0;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
  overflow:hidden; word-break:break-word;
}

/* --- Vong 2: cac diem con lech sau khi chup lai va soi lai DOM --- */

/* L4b. Khe 30px giua the bai va the binh luan la margin-bottom cua chinh
   <article class="post"> (Flatsome), khong phai cua .article-inner. */
.blog-single article.post:has(+ .comments-area){ margin-bottom:0; }

/* L9. .entry-content cua Flatsome co padding 1.5em tren/duoi (22.5px) — .rte cua
   mau khong co. Chinh no lam muc luc bi day xuong va day chan bai ra xa. */
.blog-single .entry-content.single-page,
.blog-single .entry-content{ padding-top:0; padding-bottom:0; }

/* L5b. Nen xam + padding cua #respond va be rong 1/3 cua cac <p> trong form deu do
   rule co do uu tien cao hon cua Flatsome; scope da khoa trong .blog-single nen
   dung !important o day la an toan (khong anh huong trang khac). */
.blog-single .comments-area .comment-respond{
  background:none !important;
  padding:0 !important;
}
.blog-single .comments-area .comment-reply-title{
  font-size:22px !important;
  font-weight:700 !important;
  color:#494949 !important;
}
/* (Da bo rule xoa padding cua <p> — no pha he gutter -15px/15px cua Flatsome
   lam ca form tran ra ngoai le the trang. Xem lai khoi @media ben tren.) */

/* L10. O TIM KIEM SIDEBAR: trang mau KHONG co o tim kiem trong sidebar bai viet
   (da grep DOM trang mau: khong co .blog-search). Nhung sidebar-main dung CHUNG
   voi trang /tin-tuc/ nen KHONG go widget (se doi ca trang danh sach tin) —
   chi an rieng tren trang bai viet don. */
.blog-single #secondary .widget_search{ display:none; }

/* --- Vong 3: can lai TYPOGRAPHY theo so do duoc tren trang mau ---
   Do bang getComputedStyle tren CHINH trang mau o 1400px. Ly do chung cho cac
   sai lech net chu: trang mau nap Inter 400/500/600/700, site ta chi co
   400/600/700 -> moi cho mau khai bao 500 ta phai dung 600 (net gan nhat). */

/* L11. Tieu de widget sidebar: mau 20px/500 (ta dang de 700 -> dam hon mau). */
.blog-single #secondary .widget-title{ font-weight:600; }

/* L12. Tieu de tung bai trong widget "Bai viet noi bat":
   mau 15px / 600 / #000 / line-height 21px. Ta dang 700 va mau chu #555. */
.blog-single .vtmn-blog-advise .post-title,
.blog-single .vtmn-blog-advise .post-title a{
  font-weight:600; color:#000; line-height:21px;
}
.blog-single .vtmn-blog-advise .post-title a:hover{ color:var(--mainColor); }

/* L13. The "Bai viet lien quan": mau 16px/600/#000, lh 22.4px, cach anh 15px;
   tom tat 15px/400 mau #4d4e50; hang ngay 15px/21px. */
.blog-single .vtmn-post-related .post-item .box-text{ padding-top:15px; }
.blog-single .vtmn-post-related .post-item .post-title,
.blog-single .vtmn-post-related .post-item .post-title a{
  font-size:16px; font-weight:600; color:#000; line-height:1.4;
}
.blog-single .vtmn-post-related .post-item .post-title a:hover{ color:var(--mainColor); }
.blog-single .vtmn-post-related .post-item .post-meta{ line-height:21px; }
.blog-single .vtmn-post-related .post-item .from_the_blog_excerpt{
  color:#4d4e50; line-height:21px;
}


/* ===== VTMN MOBILE — HEADER / MENU OFF-CANVAS / THANH DAY / FOOTER =====
   Them 12/08/2026. Ban truoc khi sua: /root/vtmn_build/style.css.bak_mobile_*

   NGUYEN TAC BAT DI BAT DICH CUA KHOI NAY:
   MOI rule deu nam trong @media (max-width: 849px) hoac (max-width: 549px)
   => desktop (>=850px, la be ngang da chot) KHONG doi mot pixel.
   Ngoai le duy nhat la 1 dong ".vtmn-bottombar{display:none}" o ngay duoi:
   no lam thanh day AN o desktop (mac dinh an, chi mo o mobile) — tuc la vi
   desktop cang khong doi.

   Vi sao chon 849px: Flatsome doi bo cuc header sang ban mobile o 849px
   (.show-for-medium / .hide-for-medium), nen day la duong bien that cua theme.
   Mau nd-dien-may doi o 767px, nhung ta phai theo moc cua Flatsome, neu khong
   se co dai 768-849px vua an menu desktop vua chua ap rule mobile.

   Do dac TRUOC khi sua (CDP 390x844, iPhone UA):
     hamburger  24.3 x 49.2   (be ngang 24 < 44)
     icon gio   42   x 52     (be ngang 42 < 44)
     o tim kiem 356  x 40     (cao 40 < 44), nut kinh lup 44.5 x 40
     drawer     .mfp-content nen rgba(255,255,255,.95) => noi dung trang hien xuyen qua
     14 link footer cao 19-21px, icon MXH 38px
     dai 4 loi ich: row scrollWidth 1120 / clientWidth 370 => chi thay 1,3 the
     #top-link: display none (class .hide-for-medium) => khong bao gio hien
   ------------------------------------------------------------------------- */

/* Thanh dieu huong day: MAC DINH AN. Chi bat trong media query mobile ben duoi. */
.vtmn-bottombar { display: none; }

@media (max-width: 849px) {

/* ==========================================================================
   1. HEADER HANG 1 — [hamburger] [logo giua] [gio hang]
   Bo cuc nay da dung san (Flatsome: logo_position_mobile=center,
   header_mobile_elements_left=menu-icon, _right=cart) nen KHONG doi markup,
   chi phong to vung bam len 44x44 va boc chip nen mo giong mau nd-dien-may
   (.action-item{background:rgba(255,255,255,.1);border-radius:8px}).
   ========================================================================== */
  .header-main .header-inner.container { padding-left: 15px; padding-right: 15px; }
  /* logo cao 40px -> vung bam 44px (do dac: day la tap target cuoi cung con <44) */
  #logo a { display: flex; align-items: center; min-height: 44px; }

  .header-main ul.mobile-nav > li { margin: 0; }
  .header-main ul.mobile-nav > li.nav-icon > a,
  .header-main ul.mobile-nav > li.cart-item a.header-cart-link {
    display: flex; align-items: center; justify-content: center;
    width: 44px; min-width: 44px; height: 44px; min-height: 44px;
    padding: 0; margin: 0; line-height: 1;
    background-color: rgba(255, 255, 255, .12); background-image: none;
    border: 0; border-radius: var(--vtmn-r); box-shadow: none;
    color: #fff !important;
  }
  .header-main ul.mobile-nav > li.nav-icon > a:hover,
  .header-main ul.mobile-nav > li.cart-item a.header-cart-link:hover {
    background-color: rgba(255, 255, 255, .22);
  }
  .header-main ul.mobile-nav > li.cart-item .header-button { margin: 0; }
  .header-main ul.mobile-nav > li > a > i {
    font-size: 22px; margin: 0; line-height: 1; color: #fff;
  }
  /* Huy hieu so tren icon gio: cam noi bat tren nen xanh; AN khi bang 0.
     LUU Y do dac: <ul> mobile mang class "mobile-nav nav nav-right" — tuc la
     CUNG khop rule cua khoi VTMN HEADER
       .header-main ul.nav-right > li.cart-item i[data-icon-label]::after{display:block}
     (do uu tien 0,4,3). Vi vay phai viet du "> li.cart-item i" de bang do uu tien
     roi thang nho dung sau trong file, neu khong so 0 van hien. */
  .header-main ul.mobile-nav > li.cart-item i[data-icon-label]::after {
    background-color: #ff6200; color: #fff; box-shadow: none;
    border-radius: 9px; font-size: 11px; font-weight: 700; opacity: 1;
    height: 18px; min-width: 18px; line-height: 18px; padding: 0 4px;
    top: -6px; right: -6px; left: auto; margin: 0;
  }
  .header-main ul.mobile-nav > li.cart-item i[data-icon-label="0"]::after { display: none; }

/* ==========================================================================
   2. HEADER HANG 2 — O TIM KIEM CHIEM TRON HANG (giong mau: order 3, full width)
   ========================================================================== */
  #wide-nav.header-bottom { min-height: 0; padding: 0 0 8px; }
  #wide-nav .flex-row.container { padding-left: 15px; padding-right: 15px; min-height: 0; }
  #wide-nav li.header-search-form { width: 100%; margin: 0; padding: 0; }
  #wide-nav .searchform-wrapper,
  #wide-nav form.searchform { width: 100%; max-width: none; margin: 0; }
  #wide-nav input.search-field {
    height: 44px; min-height: 44px; margin: 0;
    /* 16px la nguong iOS khong tu phong to trang khi go */
    font-size: 16px; padding: 0 54px 0 14px;
  }
  #wide-nav .ux-search-submit.submit-button {
    width: 48px; min-width: 48px; height: 44px; min-height: 44px; padding: 0;
  }
  #wide-nav .ux-search-submit.submit-button i.icon-search { font-size: 20px; }
  /* goi y "Xu huong tim kiem" trong o mobile: chip nho lai cho vua 1 hang doi */
  #wide-nav .vtmn-search-suggest { padding: 12px; }
  #wide-nav .vtmn-search-suggest a.search-item { font-size: 13px; padding: 8px 10px; }

/* ==========================================================================
   3. MENU OFF-CANVAS (#main-menu) — day du cay danh muc
   LOI DA SUA: khung menu nen rgba(255,255,255,.95) => chu hero "VAT TU MIEN NAM",
   nut MUA NGAY va cac o danh muc hien XUYEN QUA chu menu.
   Ep nen TRANG DAC + opacity 1 (chan ca hai kha nang: alpha o mau nen va
   opacity con dang animate cua magnific-popup).
   ========================================================================== */
  .off-canvas-left .mfp-content,
  .off-canvas-right .mfp-content {
    background-color: #fff !important; opacity: 1 !important;
  }
  #main-menu.mobile-sidebar { background-color: #fff; min-height: 100%; }
  #main-menu .sidebar-menu { background-color: #fff; padding: 14px 0 30px; }

  /* dong menu: 48px cho de bam, bo IN HOA cho de doc tieng Viet co dau */
  #main-menu .nav-sidebar.nav-vertical > li > a {
    min-height: 48px; padding: 12px 20px;
    display: flex; align-items: center;
    font-size: 15px; font-weight: 500; text-transform: none; letter-spacing: 0;
    color: #111;
  }
  #main-menu .nav-sidebar.nav-vertical > li > a:hover { color: var(--vtmn-main); }
  #main-menu .nav-sidebar.nav-vertical > li .toggle {
    width: 48px; min-width: 48px; height: 48px; top: 0;
    display: flex; align-items: center; justify-content: center;
  }
  #main-menu .nav-sidebar .sub-menu > li > a,
  #main-menu .nav-sidebar ul.children > li > a {
    min-height: 44px; padding: 11px 20px 11px 34px;
    display: flex; align-items: center;
    font-size: 14px; text-transform: none; color: #333;
  }
  /* o tim kiem trong menu cung phai du cao */
  #main-menu input.search-field { height: 44px; min-height: 44px; font-size: 16px; }
  #main-menu .ux-search-submit.submit-button { min-height: 44px; height: 44px; }
  /* nut X dong menu: 40x40 -> 48x48 */
  .mfp-close, button.mfp-close {
    width: 48px !important; height: 48px !important; line-height: 48px !important;
    font-size: 32px !important;
  }
  /* dong "Goi ngay" chen tu functions.php */
  #main-menu .vtmn-drawer-cta > a {
    gap: 8px; color: var(--vtmn-main) !important; font-weight: 600;
    background-color: rgba(28, 85, 218, .07);
  }
  #main-menu .vtmn-drawer-cta > a svg { width: 20px; height: 20px; flex: 0 0 auto; }

/* ==========================================================================
   4. THANH DIEU HUONG DAY (bottom bar)
   Ly do co: header KHONG dinh (position relative, do dac scrollY=3000 =>
   header.top = -3000) va trang chu cao 12.094px = 14,3 man hinh iPhone.
   Khong co thanh nay thi cuon qua 106px dau la mat sach o tim kiem, danh muc,
   gio hang. Chon thanh DAY thay vi lam header dinh vi: header dinh ton 110px
   (13% man hinh 844px) va chi cuu duoc o tim kiem; thanh day ton 54px va cho
   5 loi vao — dat o vung ngon tay cai voi toi de nhat.
   z-index 900 < 1042 (mfp-bg cua off-canvas) => mo menu la thanh day bi phu dung.
   ========================================================================== */
  .vtmn-bottombar {
    display: flex; align-items: stretch;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    height: 54px; background: #fff;
    border-top: 1px solid #e6e9ef;
    box-shadow: 0 -2px 10px rgba(16, 24, 40, .07);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .vtmn-bottombar .vtmn-bb-item {
    flex: 1 1 20%; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; padding: 4px 2px; text-decoration: none;
    color: #5b6472; font-size: 11px; line-height: 1.1; font-weight: 500;
    -webkit-tap-highlight-color: rgba(28, 85, 218, .12);
  }
  .vtmn-bottombar .vtmn-bb-item:hover,
  .vtmn-bottombar .vtmn-bb-item.is-active { color: var(--vtmn-main); }
  .vtmn-bottombar .vtmn-bb-ico { width: 23px; height: 23px; display: block; }
  .vtmn-bottombar .vtmn-bb-txt {
    display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .vtmn-bottombar .vtmn-bb-icowrap { position: relative; display: block; }
  .vtmn-bottombar .vtmn-bb-badge {
    position: absolute; top: -5px; right: -10px;
    min-width: 17px; height: 17px; line-height: 17px; padding: 0 4px;
    background: #ff6200; color: #fff; border-radius: 9px;
    font-size: 10px; font-weight: 700; text-align: center;
  }
  .vtmn-bottombar .vtmn-bb-badge[hidden] { display: none; }
  /* cho thanh day cho, khong de no che dong ban quyen / noi dung cuoi trang */
  body { padding-bottom: 54px; }
  /* Khi menu / gio hang off-canvas dang mo: AN thanh day va nut len dau trang.
     Do dac cho thay lop phu .mfp-bg cua theme cha co position:absolute (khong phai
     fixed) nen KHONG lam mo duoc thanh day dang position:fixed — thanh day van
     sang ro va bam duoc xuyen qua lop phu. Dung dung class trang thai cua theme
     cha (<html class="has-off-canvas">) de an han, khong can them JS. */
  html.has-off-canvas .vtmn-bottombar,
  html.has-off-canvas #footer #top-link.back-to-top { display: none !important; }

/* ==========================================================================
   5. NUT VE DAU TRANG — Flatsome co san #top-link nhung gan class .hide-for-medium
   (display:none!important duoi 850px) nen mobile khong bao gio thay. Mo lai va
   dat len TREN thanh day. Van giu co che cua theme cha: .back-to-top{opacity:0}
   -> chi hien khi JS them .active (da cuon qua 1 man hinh).
   ========================================================================== */
  #footer #top-link.back-to-top {
    display: flex !important; align-items: center; justify-content: center;
    width: 44px; height: 44px; min-height: 44px; padding: 0;
    right: 12px; bottom: 66px; z-index: 880;
    background-color: #fff; border-color: #d7dbe3;
    color: var(--vtmn-main); box-shadow: 0 2px 10px rgba(16, 24, 40, .18);
  }
  #footer #top-link.back-to-top i { font-size: 20px; margin: 0; }

/* ==========================================================================
   6. FOOTER — DAI 4 LOI ICH: bo thanh cuon ngang, xep LUOI 2 x 2
   Truoc: row flex-wrap:nowrap + overflow-x:auto + col min-width 280px
   => scrollWidth 1120 / clientWidth 370, chi thay 1,3 the, the thu 2 bi cat
   giua chu, khong co dau hieu cuon duoc. Markup san co class .small-6 nen y do
   ban dau dung la 2 cot — chi can tra lai flex-wrap.
   Dai 850-1199px (tablet) GIU NGUYEN cuon ngang nhu da chot.
   ========================================================================== */
  #footer .vtmn-policy-footer > .section-content > .row {
    flex-wrap: wrap; overflow-x: visible; overflow-y: visible;
  }
  #footer .vtmn-policy-footer > .section-content > .row > .col {
    width: 50%; max-width: 50%; min-width: 0; flex: 0 0 50%;
    /* khe giua 2 the con 10px (thay vi 20px) => noi dung the rong them 10px,
       du cho "Thuong hieu uy tin" nam gon 1 dong */
    padding-left: 5px; padding-right: 5px; padding-bottom: 8px;
    /* cho 2 the cung hang CAO BANG NHAU (chu tieu de dai ngan khac nhau) */
    display: flex;
  }
  #footer .vtmn-policy-footer > .section-content > .row > .col > .col-inner { width: 100%; }
  #footer .vtmn-policy-footer { margin-bottom: 4px; }
  /* The nen gon: icon 32 + chu 13/12 => moi dong chu vua 1 hang trong be rong
     con lai ~117px, the cao ~78px thay vi ~106px. */
  .vtmn-pf-item { padding: 8px; gap: 8px; }
  .vtmn-pf-ico { width: 32px; height: 32px; border-radius: 9px; }
  .vtmn-pf-ico svg { width: 19px; height: 19px; }
  .vtmn-pf-title { font-size: 13px; margin-bottom: 1px; line-height: 1.3; }
  .vtmn-pf-item p { font-size: 12px; line-height: 1.3; }

/* ==========================================================================
   7. FOOTER — RUT GON CHIEU CAO + PHONG TO VUNG BAM
   ========================================================================== */
  /* padding section 50px/50px -> 20px/10px (do dac: tiet kiem ~70px) */
  #footer .vtmn-footer { padding-top: 20px !important; padding-bottom: 10px !important; }
  #footer .vtmn-footer > .section-content > .row > .col { margin-bottom: 14px; }
  #footer .vtmn-footer .vtmn-f-title { margin-bottom: 6px; font-size: 15px; }

  /* 7a. HAI COT LINK ("VE CHUNG TOI" / "DICH VU KHACH HANG") xep CANH NHAU.
     Truoc: 2 nhom xep doc = 9 dong lien tiep cach nhau 31px, cao 363px.
     Sau: 2 cot 50%, moi dong cao >=44px, cao ~285px => ngan hon VA de bam hon. */
  #footer .vtmn-footer .vtmn-f-row-inner {
    display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px;
  }
  #footer .vtmn-footer .vtmn-f-row-inner > .col {
    width: 50%; max-width: 50%; flex: 0 0 50%;
    padding-left: 8px; padding-right: 8px; margin-bottom: 0;
  }

  /* 7b. Link co mui ten: 21px -> >=44px, co duong ke phan cach cho khoi bam nham */
  #footer .vtmn-f-menu a {
    display: block; min-height: 44px; margin-bottom: 0;
    padding: 12px 0 12px 20px; font-size: 14px; line-height: 1.35;
    border-bottom: 1px solid #f0f1f4;
  }
  #footer .vtmn-f-menu a:last-child { border-bottom: 0; }
  #footer .vtmn-f-menu a .vtmn-f-arrow { top: 16px; }

  /* chu than footer 15px -> 14px (van >= nguong 14px de doc) => dia chi va dong
     "So DKKD ..." bot 1 dong xuong dong, ngan them ~40px */
  #footer .vtmn-footer,
  #footer .vtmn-footer p,
  #footer .vtmn-footer a,
  #footer .vtmn-footer strong { font-size: 14px; }

  /* 7c. Cot lien he: dong dia chi/email/dien thoai cao >=44px */
  #footer .vtmn-f-contact .item { margin-bottom: 2px; }
  #footer .vtmn-f-contact .item:not(.item-plain) { min-height: 44px; }
  #footer .vtmn-f-contact .item .icon { width: 34px; height: 34px; }
  #footer .vtmn-f-contact .item .icon svg { width: 17px; height: 17px; }
  #footer .vtmn-f-contact .item .txt > a {
    display: inline-flex; align-items: center; min-height: 44px;
  }

  /* 7d. Tong dai: so dien thoai la vung bam that (truoc chi cao 19px) */
  #footer .vtmn-f-hotline .item { margin-bottom: 2px; }
  #footer .vtmn-f-hotline .item .content { font-size: 14px; line-height: 1.4; }
  #footer .vtmn-f-hotline .item a {
    display: inline-block; padding: 11px 2px; min-height: 44px; font-size: 15px;
  }

  /* 7e. Mang xa hoi: 38px -> 44px, khe 12px (>=8px giua cac vung bam) */
  #footer .vtmn-f-social { margin-top: 12px; gap: 12px; }
  #footer .vtmn-f-social > a { width: 44px; height: 44px; }
  #footer .vtmn-f-social > a svg { width: 22px; height: 22px; }
  #footer .vtmn-f-social > a.vtmn-soc-zalo svg { width: 25px; height: 25px; }

  /* 7f. Dai ban quyen gon lai */
  #footer .absolute-footer { font-size: 13px; }
  #footer .absolute-footer .footer-primary { padding: 10px 0; }
}

/* ---------- SIEU NHO (<=380px): tranh chu thanh day bi cat ---------- */
@media (max-width: 380px) {
  .vtmn-bottombar .vtmn-bb-item { font-size: 10px; }
  .vtmn-bottombar .vtmn-bb-ico { width: 21px; height: 21px; }
  .header-main .header-inner.container { padding-left: 10px; padding-right: 10px; }
  #wide-nav .flex-row.container { padding-left: 10px; padding-right: 10px; }
}

/* ===== VTMN MOBILE TRANG CHU — 11 khoi (Hero ... TinNong) =====================
   Them 12/08/2026. Ban truoc khi sua: /root/vtmn_build/style.css.bak_mobile

   NGUYEN TAC: MOI rule trong khoi nay nam trong @media (max-width: 549px).
   549px la moc "small" that cua Flatsome (cung moc sinh ra columns__sm /
   span__sm / padding__sm / height__sm trong shortcode) => desktop (>=850px)
   va ca dai tablet 550-849px KHONG doi mot pixel.

   Do dac TRUOC khi sua (CDP 390x844, iPhone UA) — chieu cao tung khoi:
     Hero 169 | DanhMuc 957 | FlashSale 507 | TopHang 1925 | Banner4 780
     GoiY 1834 | GiaDung 1979 | Trending 1130 | DanhGia 352 | TwoBanner 357
     TinNong 899        => tong trang 12.125px = 14,4 man hinh iPhone
   Loi nang da do duoc:
     - 7/13 ten danh muc bi cat cut (h5 white-space:nowrap trong be rong 95px)
     - Trending: o san pham con chi rong 53px, ten xuong 5-6 dong, anh 53x53
     - Chip thu hang: o 92x42 nhung the <a> that chi 15x14 => vung bam nho nhat trang
     - Pill "da ban": scrollWidth 156 > clientWidth 144 => mat chu cuoi
     - Cham slider hero de len nut MUA NGAY in trong anh banner
     - Dai tab (742/336 va 691/336) cuon ngang nhung KHONG co dau hieu cuon duoc
   --------------------------------------------------------------------------- */

@media (max-width: 549px) {

/* ---------- 0. CHUNG ---------- */
  /* the trang bao quanh cac khoi: 12px -> 10px */
  .home .page-wrapper .section-content > .row.vtmn-card{ padding:10px; }

/* ---------- 1. HERO ----------
   Cham phan trang cua ux_slider dang position:absolute o day anh => de len nut
   "MUA NGAY" ve san trong file anh. Dua cham RA NGOAI anh (position:static)
   va phong to cham 8 -> 10px cho de bam. */
  .vtmn-home-hero .flickity-page-dots{
    position:static; margin:8px 0 0; padding:0; height:auto; line-height:1;
  }
  .vtmn-home-hero .flickity-page-dots .dot{
    width:10px; height:10px; margin:0 6px;
  }

/* ---------- 2. DANH MUC ----------
   Truoc: 3 cot x 5 hang = 867px, ten dung nowrap+ellipsis trong 95px nen
   7/13 ten bi cat ("May lanh - Di...", "Quat - Quat d...").
   Sau: 4 cot (shortcode columns__sm="4") x 4 hang, ten XUONG 2 DONG day du.
   Ep min-height 2 dong de 4 o cung hang cao bang nhau. */
  .vtmn-catstrip .product-category .col-inner{ padding:8px 3px; }
  .vtmn-catstrip .box-text h5{
    display:block; margin:6px 0 0; padding:0; background:transparent;
    font-size:11.5px; line-height:1.25; font-weight:500;
    /* BO nowrap/ellipsis — day la nguyen nhan cat chu */
    white-space:normal; overflow:visible; text-overflow:clip;
    min-height:2.5em;                 /* 2 dong => cac o thang hang */
    overflow-wrap:break-word; word-break:break-word; hyphens:auto;
  }
  .vtmn-catstrip .box-category .box-image{ padding:0 2px; }
  .vtmn-cat-all a{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; padding:0 18px;   /* vung bam 44px */
  }

/* ---------- 3. FLASH SALE ----------
   a) Mui ten carousel do duoc 24x107px, dat x=22 va x=344 trong khi the san pham
      trai dai x=25..365 => mui ten DE LEN the, che badge/anh. Doi thanh nut tron
      36px co nen trang + do bong (doc duoc tren nen anh), day ra sat mep va keo
      len ngang tam ANH de khong che gia/ten. Vung bam mo rong bang ::before 44px.
   b) Pill "da ban" bi cat chu (156 > 144): ha font 12 -> 11px, padding 10 -> 6px. */
  .vtmn-flash .flickity-prev-next-button{
    width:36px; height:36px; top:34%; margin:0; padding:0;
    border-radius:50%; background:rgba(255,255,255,.95);
    box-shadow:0 2px 8px rgba(0,0,0,.25); opacity:1;
  }
  .vtmn-flash .flickity-prev-next-button.previous{ left:-8px; right:auto; }
  .vtmn-flash .flickity-prev-next-button.next{ right:-8px; left:auto; }
  .vtmn-flash .flickity-prev-next-button svg,
  .vtmn-flash .flickity-prev-next-button .arrow{
    width:18px; height:18px; fill:var(--mainColor); color:var(--mainColor);
  }
  /* vung bam that 44x44 (nut chi ve 36px cho do che noi dung) */
  .vtmn-flash .flickity-prev-next-button::before{
    content:""; position:absolute; top:50%; left:50%;
    width:44px; height:44px; transform:translate(-50%,-50%);
  }
  /* the flash chi con 139px (do peek) => de pill XUONG 2 DONG thay vi cat chu.
     Truoc: white-space:nowrap + overflow:hidden lam mat chu cuoi ("da ba|n"). */
  .vtmn-flash .vtmn-sold{
    height:auto; min-height:20px; padding:3px 6px;
    font-size:11px; line-height:1.25;
    white-space:normal; flex-wrap:wrap; justify-content:center; text-align:center;
  }
  /* bot khoang xanh thua duoi hang the */
  .vtmn-flash .flickity-slider > .col{ padding-bottom:0; }

/* ---------- 4. TOP HANG SAN PHAM BAN CHAY ----------
   a) Chip thu hang: the <a> that chi 15x14..72x14 (vung bam nho nhat toan trang)
      vi <a> chi boc chu, phan nen chip la <div class="col"> khong bam duoc.
      Cho <a> gian ra chiem het phan con lai cua chip + cao >=44px.
   b) 10 san pham x 2 cot = 5 hang. Tren dien thoai chi giu 6 (3 hang), phan con
      lai da co san link "Xem tat ca" ngay duoi. */
  .vtmn-brand-rank > .col{ padding-bottom:8px; }
  .vtmn-brand{ min-height:48px; padding:6px 10px; }
  .vtmn-brand a{
    display:flex; align-items:center; flex:1 1 auto; min-height:44px;
    min-width:0; overflow-wrap:break-word;
  }
  .vtmn-home-brands .row.vtmn-brand-products > .col:nth-child(n+7){ display:none; }

/* ---------- 5. DAI TAB CUON NGANG (Top hang + Goi y cho ban) ----------
   Do duoc: .vtmn-brand-filter 742/336, .nav-pills 691/336 => cuon duoc nhung
   KHONG co dau hieu gi, tab bi cat giua chu nen nhin nhu vo layout.
   Them BONG MO hai mep bang thu thuat background-attachment:local — bong chi
   hien khi con noi dung o phia do, tu bien mat khi cuon het. Khong can JS. */
  .vtmn-brand-filter,
  .vtmn-suggest-tabs .nav-pills{
    background-image:
      linear-gradient(to right, #fff, rgba(255,255,255,0)),
      linear-gradient(to left,  #fff, rgba(255,255,255,0)),
      linear-gradient(to right, rgba(16,24,40,.16), rgba(16,24,40,0)),
      linear-gradient(to left,  rgba(16,24,40,.16), rgba(16,24,40,0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 24px 100%, 24px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
    padding-bottom:2px;
  }
  /* vung bam tab >= 44px */
  .vtmn-brand-filter a{
    display:inline-flex; align-items:center; min-height:44px;
    white-space:nowrap; flex:0 0 auto;
  }
  .vtmn-suggest-tabs .nav-pills > li{ flex:0 0 auto; }
  .vtmn-suggest-tabs .nav-pills > li > a{
    display:flex; align-items:center; min-height:44px;
    white-space:nowrap; font-size:13px;
  }

/* ---------- 6. GOI Y CHO BAN ----------
   Moi tab 10 san pham = 5 hang. Giu 6 (3 hang) + link "Xem tat ca" san co. */
  .vtmn-home-suggest .row.equalize-box > .col:nth-child(n+7){ display:none; }

/* ---------- 7. SAN PHAM DO GIA DUNG ----------
   a) Khoi tren 3 san pham / 2 cot = 1 hang du + 1 o le loi => giu 2 (1 hang chan).
   b) Khoi duoi 5 san pham / 2 cot = 2 hang du + 1 o le loi => giu 4 (2 hang chan).
      (nth-child(n+5) khong anh huong khoi tren vi khoi tren chi con 2 o) */
  .vtmn-appl-products .row.equalize-box > .col:nth-child(n+3){ display:none; }
  .row.vtmn-appl-row2 > .col:nth-child(n+5){ display:none; }
  .vtmn-appl-banner{ padding-top:10px; }

/* ---------- 8. TOP TRENDING ----------
   Truoc (nang nhat trang): 2 the lon canh nhau, MOI the lai chia tiep 2 cot con
   => o san pham con chi rong 53px: anh 53x53 bi badge "-23%" (~70px) che gan het,
   ten xuong 5-6 dong moi dong 1 chu, khoi ten cao 87px.
   Sau: shortcode columns__sm="1" => moi san pham con la 1 DONG NGANG
   (anh vuong 52px ben trai + ten 2 dong ben phai), va chi giu 2 san pham dau
   moi the (banner danh muc ben tren van la loi vao day du). */
  .vtmn-trend-col{ padding-bottom:10px; }
  .vtmn-trend-col > .col-inner{ padding:10px !important; }
  .row.vtmn-trend-products > .col:nth-child(n+3){ display:none; }
  .vtmn-trend-products > .col{ padding-bottom:8px; }
  .home .vtmn-trend-col .product-small.box{
    display:flex; align-items:center; gap:8px;
  }
  .home .vtmn-trend-col .product-small .box-image{
    flex:0 0 52px; width:52px; max-width:52px;
  }
  .home .vtmn-trend-col .product-small .box-text{
    flex:1 1 auto; min-width:0; padding:0; text-align:left;
  }
  .home .vtmn-trend-col .product-small .product-title{
    font-size:12px; line-height:1.3; min-height:0;
  }
  /* badge "-23%" tung che gan het anh 53px: thu nho lai cho vua o 52px */
  .home .vtmn-trend-col .badge-container,
  .home .vtmn-trend-col .callout{ display:none; }

/* ---------- 9. DANH GIA + 10. TWOBANNER: chi thu gon khoang trang ---------- */
  .vtmn-review-slider .flickity-page-dots{ margin-top:10px; }
  .vtmn-home-services > .section-content > .row > .col{ padding-bottom:8px; }
  .vtmn-home-services > .section-content > .row > .col:last-child{ padding-bottom:0; }

/* ---------- 11. TIN NONG ----------
   Anh bai lon chiem 66% be ngang (=250px) + trich dan 30 chu (~5 dong).
   Ha anh xuong 52% va gioi han trich dan 2 dong. Bai nho da la dang danh sach
   (anh trai / chu phai) tu khoi HOMEPAGE, chi siet lai khoang cach. */
  .vtmn-news-big .box-image .image-cover{ padding-top:52% !important; }
  .vtmn-news-big .box-text{ padding-top:8px; }
  .vtmn-news-big .from_the_blog_excerpt{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; margin-bottom:6px;
  }
  .vtmn-news-small > .col-inner > .row > .col{ padding-bottom:10px; }
  .vtmn-news-small .box-blog-post .post-title{
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .home .page-wrapper .vtmn-home-news > .section-content > .row > .col.vtmn-news-big{ padding-right:0; }
  .home .page-wrapper .vtmn-home-news > .section-content > .row > .col.vtmn-news-small{ padding-left:0; }

/* ---------- 12. THE SAN PHAM CHUNG: siet nhe chieu cao ---------- */
  .home .product-small.box{ padding:6px; }
  .home .product-small .box-text{ padding-top:6px; padding-bottom:0; }
  .home .product-small .product-title{
    font-size:12.5px; line-height:1.32;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

/* --- VTMN MOBILE TRANG CHU (bo sung): siet khoang trong the san pham ---
   Do duoc o 390px: the cao 291px, buoc hang 310px. Cac khoang margin duoi
   day chi la khoang trong, cat bot KHONG mat noi dung nao. --------------- */
@media (max-width: 549px) {
  .home .product-small .box-text{ padding-top:4px; }
  .home .product-small .vtmn-tragop{ height:20px; line-height:16px; margin-bottom:3px; font-size:11px; }
  .home .product-small .product-title{ min-height:33px; margin-bottom:2px; }
  .home .product-small .star-rating{ margin-bottom:2px; }
  .home .product-small .price-wrapper .star-rating{ transform:scale(.92); transform-origin:center; }
  /* buoc hang giua 2 hang san pham: 19,6px -> 12px */
  .home .row.equalize-box > .col{ padding-bottom:12px; }
}

/* ===== VTMN MOBILE TRANG CHU — VONG SUA 2 (sau khi soi anh chup) ==========
   Xem giai thich day du trong /root/vtmn_build/patch2.php                    */
@media (max-width: 549px) {

  /* 1. CAT TEN SAN PHAM CON 2 DONG.
     Phai dat tren the <a> ben trong: <p class="product-title"> la FLEX ITEM
     (do .box-text{display:flex} + .title-wrapper{display:contents}) nen
     display:-webkit-box tren <p> bi blockify thanh flow-root, clamp mat tac dung. */
  .home .product-small .product-title a{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* 2. FLASH SALE: bo mui ten (de len the, be ngang 24px), dung HANG CHAM.
     Theme cha ep width:20px!important nen phai ghi de bang !important. */
  .home .vtmn-flash .row-slider .flickity-prev-next-button{ display:none !important; }
  /* KHONG dung hang cham: do duoc .flickity-page-dots khong ton tai trong DOM
     (ux_products khong sinh ra no). Thay bang PEEK: o truot 50% -> 44% de
     lo ~1/3 the ke tiep => nhin la biet vuot duoc, khong can lop phu nao. */
  .vtmn-flash .flickity-slider > .col{
    width:44% !important; flex-basis:44% !important; max-width:44% !important;
  }

  /* 3. TRENDING: anh nho 52 -> 60px cho de nhin (anh mau co chu in san ben trong) */
  .home .vtmn-trend-col .product-small .box-image{
    flex:0 0 48px; width:48px; max-width:48px;
  }
  .home .vtmn-trend-col .product-small .product-title a{ -webkit-line-clamp:3; }
}

/* ===== VTMN MOBILE — VONG NGHIEM THU (13/08/2026) ==========================
   Ban truoc khi sua: /root/vtmn_build/style.css.bak_mobile_nt

   MOI rule nam trong @media (max-width: 549px) => desktop (>=850px) va dai
   tablet 550-849px KHONG doi mot pixel.

   Do dac TRUOC vong nay (CDP 390x844, iPhone UA, da xoa fastcgi_cache):
     scrollWidth 390 (dat) | cao trang 8.662px
     vung bam <44px: 31 (29 that + 2 la link tro nang screen-reader 1x1px)
     font <13px: 148 (112 that + 36 la markup sao danh gia khong hien chu)
   Cac loi do duoc bang so + soi anh chup:
     1. Danh muc 13 o / 4 cot => hang 4 chi co 1 o le loi (do 95x135,8 @x=5)
     2. Ten san pham 12,5px, the <a> chi cao 32,5px (23 the) — duoi chuan 44px
     3. "Xem tat ca >" trong tieu de khoi: <a> 89,4x20,8px (2 cho)
     4. Tin nong: link tieu de bai 340x41,6 va 192x39 — thieu vai px
     5. Cham slider: cham khong duoc chon la #fff opacity .2 => VO HINH tren
        nen sang #F5F5F7 (hero 2 cham, danh gia 4 cham) — nguoi dung khong
        biet con slide nao khac
     6. Top trending: o ten chi rong 74,4px => ten bi cat ("...Inverter 36..."),
        vung bam 74,4x31,2px, font 12px
     7. Chip thu hang: so thu hang cach ten 4px (do: so "2" het o x=236,4;
        ten "LG" bat dau x=240,4) => nhin nhu dinh vao chu
   --------------------------------------------------------------------------- */

@media (max-width: 549px) {

/* ---------- N1. DANH MUC: bo o thu 13 le loi + ten 11,5 -> 13px ----------
   13 o / 4 cot = 3 hang chan + 1 o dung mot minh o goc trai hang 4.
   An o thu 13; nut "Xem tat ca" ngay duoi van la loi vao day du danh muc.
   Ten o rong 89px, font 13px van du cho 2 dong (da kiem: 0/12 ten bi cat). */
  .row.vtmn-catstrip > .product-category:nth-child(n+13){ display:none; }
  .vtmn-catstrip .box-text h5{ font-size:13px; line-height:1.22; }

/* ---------- N2. THE SAN PHAM: ten 12,5 -> 13,5px, vung bam 32,5 -> 44px ----
   <a> ten san pham la loi vao chinh thu hai sau anh. Dem duoc 23 the cao
   32,5px. Cho <a> them padding doc + min-height 44px; bu lai bang cach bo
   margin-bottom cua <p> nen chi cao them ~6px moi hang. */
  .home .product-small .product-title{
    font-size:13.5px; line-height:1.3; min-height:44px; margin-bottom:0;
  }
  .home .product-small .product-title a{
    padding:5px 0; min-height:44px; box-sizing:border-box;
  }

/* ---------- N3. "Xem tat ca >" trong tieu de khoi: 20,8 -> 44px ----------
   Dung padding + margin am bang nhau => vung bam cao 44px nhung dong tieu de
   KHONG cao them mot pixel nao. */
  .home .section-title a{
    display:inline-flex; align-items:center; min-height:44px;
    padding-top:11px; padding-bottom:11px;
    margin-top:-11px; margin-bottom:-11px;
  }

/* ---------- N4. TIN NONG: link tieu de bai -> >=44px ---------- */
  .home .post-title a.plain{
    display:block; padding:3px 0; min-height:44px;
  }

/* ---------- N5. CHAM SLIDER: dang VO HINH ----------
   Flatsome dat .dot{background:#fff;opacity:.2} — tren nen trang/xam sang thi
   khong thay gi, chi thay moi cham dang chon. Doi cham thuong sang xam dam,
   phong 10 -> 12px, va noi rong vung bam bang ::after gioi han TRONG dai cham
   (khong trum len anh banner ben tren nen khong cuop cham cua banner). */
  .home .flickity-page-dots{ height:auto; padding:10px 0; }
  .home .flickity-page-dots .dot{
    position:relative; width:12px; height:12px; margin:0 7px;
    background:#aeb6c4; opacity:1; border:0;
  }
  .home .flickity-page-dots .dot.is-selected{
    background:var(--mainColor); opacity:1;
  }
  .home .flickity-page-dots .dot::after{
    content:""; position:absolute; left:-7px; right:-7px; top:-10px; bottom:-10px;
  }

/* ---------- N6. TOP TRENDING: ten bi cat trong o 74,4px ----------
   Do box model: .col-inner 150 - padding 20 = 130,4 cho MOT san pham; trong do
   anh 48 + khe 8 chiem 56 => ten chi con 74,4px, 3 dong x ~11 chu = 33 chu,
   trong khi ten dai toi 39 chu ("May loc khong khi Xiaomi Air Purifier 4")
   => bi cat cut. Vung bam cung chi 74,4x31,2px.
   ANH 48px KHONG cuu duoc: anh mau chi 48x48 that, chu in san ben trong
   ("Electrolux / May hut bui 1800W") o co do la khong the doc.
   => BO anh tren mobile, tra het 130,4px cho ten: font 13px, 3 dong = ~57 chu
   (du cho moi ten), vung bam 130x44. Chieu cao gan nhu khong doi.
   Anh van con day du o desktop va o moi khoi san pham khac cua trang. */
  .home .vtmn-trend-col .product-small .box-image{ display:none; }
  .home .vtmn-trend-col .product-small.box{ gap:0; }
  .home .vtmn-trend-col .product-small .product-title{
    font-size:13px; line-height:1.3; min-height:44px; margin:0;
  }
  .home .vtmn-trend-col .product-small .product-title a{
    -webkit-line-clamp:3; padding:4px 0; min-height:44px; box-sizing:border-box;
  }

/* ---------- N7. CHIP THU HANG: khe so-ten 4px -> 9px ---------- */
  .vtmn-brand-num{ margin-right:5px; }

/* ---------- N8. NHAN NHO: nang cac nhan 11px -> 12px ----------
   (12px la muc chuan cua nhan tab-bar iOS/Android; van bao toan be ngang) */
  .home .product-small .vtmn-tragop{
    font-size:12px; height:auto; min-height:20px; line-height:1.4;
  }
  .vtmn-flash .vtmn-sold{ font-size:12px; }
  .vtmn-brand a{ font-size:13px; }
  .vtmn-bottombar .vtmn-bb-txt{ font-size:12px; }
}

/* ===== VTMN MOBILE — NGHIEM THU, VONG 2 (13/08/2026) =======================
   Bo sung 2 diem sau khi do lai:
   a) Cham slider VAN trang: theme cha co rule .slider-nav-light
      .flickity-page-dots .dot{background:#fff} do uu tien 0,3,0 — rule vong 1
      chi 0,2,0 nen chi doi duoc opacity (.2 -> 1) ma khong doi duoc mau.
      Viet lai voi :not(.is-selected) => 0,4,0, an chac.
   b) Con 32 phan tu font 12px la chu THAT (khong phai markup an):
      23 chip "Tra gop" + 9 phu de banner. Nang len 13px — da do be ngang
      con du (chip 79,7px trong the 148px; phu de nam tren banner rong 360px).
   -------------------------------------------------------------------------- */
@media (max-width: 549px) {
  .home .slider-nav-light .flickity-page-dots .dot:not(.is-selected){
    background:#aeb6c4; opacity:1;
  }
  .home .product-small .vtmn-tragop{ font-size:13px; }
  .home .text-box-content .text-inner > p{ font-size:13px; }
}

/* ===== VTMN MOBILE — NGHIEM THU, VONG 3: SUA LOI DO CHINH VONG 1 GAY RA =====
   LOI: sau vong 1, ten san pham trong the FLASH SALE (the chi rong 139px do
   peek 44%) lo ra MOT PHAN DONG THU 3 ben duoi dong ellipsis ("...10 k").
   NGUYEN NHAN: -webkit-line-clamp cat theo so dong, con overflow:hidden cat
   theo PADDING BOX. Vong 1 them "padding:5px 0" (co ca padding DUOI) nen vung
   cat tut xuong them 5px => dong thu 3 hien ra 5px dau.
   CACH SUA: chi them padding TREN (padding-bottom = 0) => vung cat trung dung
   day dong cuoi; bu chieu cao vung bam bang line-height 1,3 -> 1,45.
   Ket qua: <a> van >= 44px ma khong con chu thua lo ra.
   -------------------------------------------------------------------------- */
@media (max-width: 549px) {
  .home .product-small .product-title a{
    padding:5px 0 0; line-height:1.45; min-height:44px; box-sizing:border-box;
  }
  .home .vtmn-trend-col .product-small .product-title a{
    padding:4px 0 0; line-height:1.4; min-height:44px;
  }
  /* tieu de bai viet: <a> nam trong h5 co line-clamp => cung phai bo padding duoi */
  .home .post-title a.plain{ padding:3px 0 0; min-height:44px; }
}

/* ===== VTMN MOBILE — NGHIEM THU, VONG 4: bo khoang trong chet o TIN NONG =====
   Do duoc: trong bai lon cua khoi Tin nong co
     <p class="from_the_blog_excerpt show-on-hover"> cao 43,5px + margin 6px.
   Flatsome dat lop "show-on-hover" = opacity:0, chi hien khi RE CHUOT — tren
   dien thoai cam ung KHONG BAO GIO hien => 49,5px trong ron hoan toan.
   (Vong truoc chi -webkit-line-clamp:2 cho no, van chiem cho.)
   Bo han tren mobile + ha padding duoi cua bai lon 30 -> 14px.
   -------------------------------------------------------------------------- */
@media (max-width: 549px) {
  .home .vtmn-home-news .from_the_blog_excerpt.show-on-hover{ display:none; }
  .home .vtmn-news-big .col.post-item{ padding-bottom:14px; }
}

/* ===== VTMN SUA LOI FOOTER MOBILE (icon thanh toan 0x0 + nut len dau trang de) ===== */
/* 1) An HET dai icon thanh toan: rule cu chi bat .payment-icons (so nhieu),
      con moi <li class="payment-icon"> van render svg 0x0 -> tao khoang trong loi. */
#footer .payment-icons,
#footer .payment-icon,
.absolute-footer .payment-icons,
.absolute-footer .payment-icon,
.absolute-footer ul.payment-icons li { display: none !important; }

@media (max-width: 849px) {
  /* 2) Nut "len dau trang" dang de len dong ban quyen + dinh sat thanh day.
        Nang no len tren thanh day (54px) + chua khoang cach. */
  .back-to-top.fixed { bottom: 66px !important; right: 12px !important; z-index: 950 !important; }

  /* 3) Chua cho thanh day o cuoi trang, khong che noi dung footer */
  body.has-vtmn-bottombar,
  #main + .footer-wrapper,
  .footer-wrapper { padding-bottom: 0; }
  .absolute-footer { padding-bottom: 62px !important; }
}

/* ===== VTMN SUA LOI THANH DAY BI CAT TREN IPHONE (safe-area) =====
   Nguyen nhan: .vtmn-bottombar dat height:54px CO DINH + padding-bottom:env(safe-area-inset-bottom).
   Voi box-sizing:border-box, vung safe-area (~34px tren iPhone co Home indicator) bi tinh
   VAO TRONG 54px -> phan noi dung chi con ~20px -> icon va chu bi CAT DOI.
   Cach sua: chieu cao = 54px + safe-area (cong them, khong tru vao). */
@media (max-width: 849px) {
  .vtmn-bottombar {
    height: auto !important;
    min-height: calc(54px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: content-box;
  }
  .vtmn-bottombar .vtmn-bb-item { min-height: 54px; padding: 6px 2px 4px; }
  .vtmn-bottombar .vtmn-bb-txt { font-size: 11.5px; line-height: 1.15; }

  /* Dong bo co icon: icon Gio hang dung font fl-icons nen to lech so voi 4 icon SVG */
  .vtmn-bottombar .vtmn-bb-item i,
  .vtmn-bottombar .vtmn-bb-item i::before {
    font-size: 22px !important; line-height: 23px !important;
    width: 23px; height: 23px; display: block;
  }
  .vtmn-bottombar .vtmn-bb-ico { width: 23px !important; height: 23px !important; }

  /* Chua cho thanh day + safe-area o cuoi trang */
  body { padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px)) !important; }
  .back-to-top.fixed { bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ===== VTMN FOOTER MOBILE — RUT GON (accordion + gon khoang cach) ===== */
@media (max-width: 849px) {
  /* 1) 4 the cam ket: chu 1 dong, cao bang nhau, gon lai */
  .vtmn-usp-section .col, #footer .vtmn-usp-section .col { padding-bottom: 8px; }
  .vtmn-usp-grid > div, .vtmn-usp-section .col-inner { padding: 10px 10px !important; }
  .vtmn-usp-section strong, .vtmn-usp-section b { font-size: 13px !important; line-height: 1.25; }
  .vtmn-usp-section p, .vtmn-usp-section span:last-child { font-size: 11.5px !important; line-height: 1.25; }

  /* 2) Cot lien he: icon nho lai, dong sat nhau */
  .vtmn-footer .vtmn-contact-ico, .footer-wrapper .vtmn-f-ico {
    width: 38px !important; height: 38px !important;
  }
  .vtmn-footer p, .footer-wrapper .vtmn-footer p { margin-bottom: 10px !important; font-size: 13.5px; }

  /* 3) ACCORDION cho 2 cot link */
  .footer-wrapper .vtmn-f-title.vtmn-acc {
    position: relative; cursor: pointer; user-select: none;
    padding: 13px 34px 13px 0 !important; margin: 0 !important;
    border-top: 1px solid #eef1f6; min-height: 44px; display: flex; align-items: center;
  }
  .footer-wrapper .vtmn-f-title.vtmn-acc::after {
    content: ""; position: absolute; right: 8px; top: 50%;
    width: 9px; height: 9px; margin-top: -6px;
    border-right: 2px solid #7c8698; border-bottom: 2px solid #7c8698;
    transform: rotate(45deg); transition: transform .2s;
  }
  .footer-wrapper .vtmn-f-title.vtmn-acc.is-open::after { transform: rotate(-135deg); margin-top: -2px; }
  .footer-wrapper .vtmn-acc-panel {
    max-height: 0; overflow: hidden; transition: max-height .28s ease; margin: 0 !important;
  }
  .footer-wrapper .vtmn-f-title.vtmn-acc.is-open + .vtmn-acc-panel { max-height: 420px; padding-bottom: 8px; }
  .footer-wrapper .vtmn-acc-panel li { border-bottom: 0 !important; margin-bottom: 0 !important; }
  .footer-wrapper .vtmn-acc-panel li a { min-height: 42px; display: flex; align-items: center; font-size: 13.5px; }

  /* 4) Tong dai: gon 3 dong, chu nho hon, sat nhau */
  .footer-wrapper .vtmn-hotline-list li,
  .footer-wrapper .vtmn-f-menu li { font-size: 13px; margin-bottom: 6px !important; line-height: 1.4; }

  /* 5) Bot khoang cach chung cua footer */
  .vtmn-footer, #footer .vtmn-footer { padding-top: 20px !important; padding-bottom: 14px !important; }
  .footer-wrapper h4.vtmn-f-title { margin-bottom: 10px; }
  .footer-wrapper .vtmn-soc, .footer-wrapper .vtmn-social { margin-top: 12px !important; }
}

/* ===== VTMN FOOTER MOBILE — accordion xep DOC full khô + the cam ket gon ===== */
@media (max-width: 849px) {
  /* 2 cot link -> moi accordion 1 hang tron chieu rong */
  .footer-wrapper .vtmn-footer .col.small-6,
  .footer-wrapper .vtmn-footer .col.medium-2,
  .footer-wrapper .vtmn-footer .col.medium-3 { flex-basis: 100% !important; max-width: 100% !important; padding-bottom: 0; }
  .footer-wrapper .vtmn-f-title.vtmn-acc { padding-right: 34px !important; }
  .footer-wrapper .vtmn-f-title.vtmn-acc::after { right: 4px; }
  /* accordion cuoi cung co duong ke duoi cho gon khoi */
  .footer-wrapper .col:has(.vtmn-acc):last-of-type .vtmn-acc-panel { border-bottom: 1px solid #eef1f6; }

  /* The cam ket: tieu de 1 dong, khong xuong dong le */
  .vtmn-usp-section strong, .vtmn-usp-section b,
  #footer .vtmn-usp-section strong { font-size: 12.5px !important; white-space: nowrap; }
  .vtmn-usp-section p, .vtmn-usp-section span:last-child { font-size: 11px !important; }
}

/* ===== VTMN FOOTER MOBILE — dung CLASS THAT (vtmn-f-col*) ===== */
@media (max-width: 849px) {
  /* 2 accordion xep DOC, moi cai tron chieu rong */
  .footer-wrapper .vtmn-f-col,
  .footer-wrapper .vtmn-f-col-mid,
  .footer-wrapper .vtmn-f-col-contact {
    flex: 0 0 100% !important; max-width: 100% !important; padding-bottom: 0 !important;
  }
  .footer-wrapper .vtmn-f-title.vtmn-acc { font-size: 14px; letter-spacing: .2px; }
}
/* The cam ket: tieu de 1 dong (dung class that .vtmn-usp) */
@media (max-width: 849px) {
  .vtmn-usp strong { font-size: 12.5px !important; white-space: nowrap; }
  .vtmn-usp span:last-child { font-size: 11px !important; }
  .vtmn-usp { gap: 6px; }
}

/* ===========================================================================
   VTMN MOBILE — TRANG SAN PHAM DON (13/08/2026)
   Backup truoc khi sua: /root/vtmn_build/style.css.bak_sp_mobile

   NGUYEN TAC BAT DI BAT DICH: MOI rule trong khoi nay nam trong
   @media (max-width: 849px) => desktop (>=850px, be ngang da chot) KHONG doi
   mot pixel. Ngoai le duy nhat: ".vtmn-buybar{display:none}" ngay duoi day —
   no lam thanh mua hang AN o desktop, tuc la desktop cang khong doi.

   SELECTOR THAT — da xac nhan bang CDP (Runtime.evaluate tren chinh trang):
     .product-main > .row.content-row  (display:flex, padding 0 15px, max-width 1320)
       > .product-gallery.col.large-6
           > .product-images.relative.mb-half.woocommerce-product-gallery
           > .vtmn-policy-product
       > .product-info.summary.col-fit.col.entry-summary.product-summary
           > nav.woocommerce-breadcrumb.breadcrumbs.uppercase
           > h1.product-title  > div.is-divider.small
           > div.vtmn-review-row
           > ul.next-prev-thumbs.is-small.show-for-medium
           > div.vtmn-meta-list   > div.price-wrapper
           > div.product-short-description  > div.gifts-offers
           > form.cart  > div.yith-wcwl-add-to-wishlist (an)
           > div.product-notice  > div.product_meta (an)  > div.social-icons (an)
       > div.mfp-hide   (popup zoom, display:none -> khong phai flex item)
     .woocommerce-tabs ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav...
     .related.related-products-wrapper .product-small.col

   VAN DE GOC (do bang CDP 390x844, iPhone UA, TRUOC khi sua):
     man hinh dau KHONG co gia, KHONG co nut mua. Gia o y=991 (1,17 man hinh),
     2 nut mua o y=1666/1723 (~2 man hinh). Thu pham: khoi "Chinh sach san pham"
     (215px) nam TRONG cot anh nen mobile no chen giua anh va thong tin ban hang;
     anh 328px; va 501px noi dung phu (checklist + hop qua tang) chen giua gia va nut.
   =========================================================================== */

/* Thanh mua hang dinh day: MAC DINH AN, chi bat trong media query mobile ben duoi. */
.vtmn-buybar { display: none; }

@media (max-width: 849px) {

/* ==========================================================================
   A. BO CUC — DUA GIA + NUT MUA LEN MAN HINH DAU
   Cach lam: .product-gallery dat display:contents => 2 con cua no (.product-images
   va .vtmn-policy-product) tro thanh con TRUC TIEP cua .row.content-row, nho vay
   sap xep lai duoc bang 'order' ma KHONG phai doi PHP/DOM (desktop giu nguyen).
   The trang mau trang chuyen tu 2 the (gallery/info) sang 1 the duy nhat = chinh .row.
   ========================================================================== */
  .single-product .product-main .row.content-row {
    display: flex; flex-direction: column;
    background: #fff; border-radius: var(--main-border-radius);
    padding: 16px !important;
    margin: 0 15px 20px !important;
    width: auto;
  }
  .single-product .product-main .product-gallery { display: contents; }

  .single-product .product-main .product-images { order: 1; margin-bottom: 2px !important; }
  .single-product .product-main .product-info {
    order: 2;
    display: flex; flex-direction: column;
    width: 100%; max-width: 100%;
    padding: 0 !important; background: transparent; border-radius: 0;
  }
  .single-product .product-main .vtmn-policy-product { order: 3; }

/* A1. ANH SAN PHAM: 328px = 39% man hinh, trong khi anh goc chi 600x600 va noi dung
       do hoa chiem ~50% khung => ha xuong 240px, object-fit:contain nen KHONG vo ti le. */
  .single-product .product-images .woocommerce-product-gallery__wrapper img {
    height: 240px; width: 100%; object-fit: contain;
  }
  /* the <a> boc anh la inline nen vung bam chi cao 20px (do dac) -> cho block,
     cham vao anh moi mo duoc lightbox phong to (nut .zoom-button co class
     hide-for-small nen mobile khong co nut rieng). */
  .single-product .product-images .woocommerce-product-gallery__image > a { display: block; }
  /* mui ten gallery: 36px rong -> 44px cho du chuan cham */
  .single-product .product-images .flickity-prev-next-button {
    width: 44px; height: 44px;
  }
  /* nut tim tren anh: 39px -> 44px */
  .single-product .product-images .wishlist-icon .wishlist-button {
    width: 44px; height: 44px; min-height: 44px;
  }

/* A2. THU TU MOI TRONG COT THONG TIN (flex order) — gia va nut mua len truoc,
       noi dung phu (mo ta, qua tang) xuong sau. */
  .single-product .product-info .breadcrumbs            { order: 1; }
  .single-product .product-info .product-title          { order: 2; }
  .single-product .product-info .vtmn-review-row        { order: 3; }
  .single-product .product-info .price-wrapper          { order: 4; }
  .single-product .product-info form.cart               { order: 5; }
  .single-product .product-info .product-notice         { order: 6; }
  .single-product .product-info .vtmn-meta-list         { order: 7; }
  .single-product .product-info .product-short-description { order: 8; }
  .single-product .product-info .gifts-offers           { order: 9; }
  /* cac phan tu con lai (da an san) khong tham gia bo cuc */
  .single-product .product-info .is-divider,
  .single-product .product-info .next-prev-thumbs,
  .single-product .product-info .product_meta,
  .single-product .product-info > .social-icons,
  .single-product .product-info > .yith-wcwl-add-to-wishlist { display: none !important; }

/* A3. BREADCRUMB — dinh sat khoi tren, vung bam 17px. Nay dung dau the, co khoang cach. */
  .single-product .product-info .breadcrumbs {
    font-size: 14px; line-height: 1.2; margin: 0;
  }
  /* link breadcrumb truoc cao 17px. Dem padding doc de vung bam ~44px ma CHU
     van 14px va hang breadcrumb khong phinh to (bu lai bang margin am cua .product-images). */
  .single-product .product-info .breadcrumbs a { display: inline-block; padding: 14px 0; }

/* A4. TIEU DE — giu 24px cho de doc, chi siet le duoi. */
  .single-product .product-info .product-title { font-size: 24px; margin: 0 0 8px; }

/* A5. HANG DANH GIA — dang bi xuong 2 dong (69px). Go 2 thu gay tran:
       - nut xanh dac "Thong so": trung mau voi nut hanh dong chinh, va da co tab
         "Thong so ky thuat" ngay duoi => an tren mobile.
       - chu "Them vao yeu thich" (11,52px, duoi chuan): giu ICON TRAI TIM,
         bo chu, nang vung bam len 44x44. */
  .single-product .vtmn-review-row { gap: 12px; margin-bottom: 8px; }
  .single-product .vtmn-review-row .vtmn-specs-btn { display: none; }
  .single-product .vtmn-review-row .vtmn-rating-count { font-size: 14px; }
  .single-product .vtmn-review-row .yith-wcwl-add-button a {
    min-width: 44px; min-height: 44px; justify-content: center; margin: -10px 0;
  }
  .single-product .vtmn-review-row .yith-wcwl-add-button a span { display: none; }
  .single-product .vtmn-review-row .yith-wcwl-icon-svg { width: 22px; height: 22px; }

/* A6. HOP GIA — siet le, phong to gia ban, nhan "Tiet kiem" 12px -> 13px. */
  .single-product .product-info .price-wrapper { padding-bottom: 12px; margin-bottom: 12px; }
  .single-product .product-info .price ins .amount,
  .single-product .product-info .price > .amount { font-size: 26px; }
  .single-product .product-info .price del .amount { font-size: 17px; }
  /* ky hieu "d" thua huong 0.75em cua WooCommerce -> chi con 12px o gia gach */
  .single-product .product-info .price .woocommerce-Price-currencySymbol { font-size: .85em; }
  /* nhan "Tiet kiem ..." xuat hien ca trong hop gia lan trong danh sach dropdown
     san pham truoc/sau -> khong gioi han trong .product-info */
  .single-product .vtmn-save { font-size: 13px; padding: 3px 8px; }

/* A7. HANG SO LUONG — nut -/+ 32x32 va o nhap 102x32 deu duoi chuan 44px. */
  .single-product .product-info form.cart { margin: 0 0 12px; }
  .single-product .product-info form.cart > .vtmn-qty-row { margin: 0 0 10px; }
  .single-product .product-info .vtmn-qty-label { min-width: 0; margin-right: 8px; font-size: 15px; }
  .single-product .product-info form.cart .quantity { width: 136px; max-width: 136px; }
  .single-product .product-info form.cart .quantity input.qty {
    height: 46px; min-height: 46px; padding: 0 46px !important; font-size: 16px;
  }
  .single-product .product-info form.cart .quantity .ux-quantity__button {
    width: 46px; height: 46px; line-height: 46px; font-size: 20px;
  }

/* A8. 2 NUT MUA — truoc xep DOC (104px, day nut mua xuong sau) va nut "Them vao gio"
       kieu outline nen NHIN YEU hon. Nay: nam NGANG, cao 48px, nut "Them vao gio"
       co nen xanh nhat de doc ra la nut that, "MUA NGAY" cam dac van la nut chinh. */
  .single-product .product-info form.cart > .single_add_to_cart_button,
  .single-product .product-info form.cart > .vtmn-buynow {
    flex: 1 1 0 !important; min-width: 0;
    min-height: 48px; padding: 12px 4px !important;
    font-size: 15px; font-weight: 600; white-space: nowrap;
  }
  .single-product .product-info form.cart .single_add_to_cart_button {
    background: #eaf0fd !important;
  }

/* A9. SOCIAL PROOF + TINH TRANG/SKU — ngay duoi nut mua. */
  .single-product .product-info .product-notice { margin: 0 0 12px; }
  .single-product .product-info .vtmn-meta-list { margin: 0 0 12px !important; font-size: 15px; }
  .single-product .product-info .product-short-description { margin-bottom: 12px; }

/* A10. HOP QUA TANG — gon lai, chu 13px -> 14px. */
  .single-product .product-info .gifts-offers { margin-bottom: 0; }
  .single-product .product-info .gifts-offers .title { padding: 9px 14px; font-size: 15px; margin-bottom: 12px; }
  .single-product .product-info .gifts-offers .content { font-size: 14px; padding: 0 14px 12px; }
  .single-product .product-info .gifts-offers .content p { margin-bottom: 8px; padding-left: 30px; }

/* A11. CHINH SACH SAN PHAM — nay nam CUOI the (order 3), khong con chen giua anh
        va thong tin ban hang. Siet lai cho gon.
        GIU 1 COT: o 2 cot moi o chi con 160px, 3/4 dong chu se gay 3 hang -> xau hon. */
  .single-product .vtmn-policy-product { margin-top: 14px; padding-top: 14px; }
  .single-product .vtmn-policy-product h2 { font-size: 15px; margin-bottom: 10px; }
  .single-product .vtmn-policy-product__content { gap: 8px; }
  .single-product .vtmn-policy-product__content .item .icon { width: 28px; height: 28px; }
  .single-product .vtmn-policy-product__content .item .icon .vtmn-ico { width: 17px; height: 17px; }
  .single-product .vtmn-policy-product__content .item .info .title { font-size: 14px; line-height: 1.35; }

/* ==========================================================================
   B. THANH MUA HANG DINH DAY (sticky buy bar)
   Doi cho voi .vtmn-bottombar (xem giai thich trong functions.php): cung chieu
   cao 54px + safe-area nen body{padding-bottom} khong phai doi.
   ========================================================================== */
  .single-product .vtmn-buybar {
    display: flex; align-items: center; gap: 8px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 901;
    box-sizing: border-box;
    min-height: calc(54px + env(safe-area-inset-bottom, 0px));
    padding: 5px 10px calc(5px + env(safe-area-inset-bottom, 0px));
    background: #fff; border-top: 1px solid var(--lineColor);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .10);
    transform: translateY(120%); transition: transform .25s ease; will-change: transform;
  }
  body.vtmn-buybar-on .vtmn-buybar { transform: translateY(0); }
  .vtmn-bottombar { transition: transform .25s ease; }
  body.vtmn-buybar-on .vtmn-bottombar { transform: translateY(120%); }

  .vtmn-buybar .vtmn-bbb-price {
    flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center;
    line-height: 1.15; min-width: 0;
  }
  .vtmn-buybar .vtmn-bbb-now,
  .vtmn-buybar .vtmn-bbb-now .amount {
    font-size: 16px; font-weight: 700; color: var(--priceColor); white-space: nowrap;
  }
  .vtmn-buybar .vtmn-bbb-old,
  .vtmn-buybar .vtmn-bbb-old .amount {
    font-size: 13px; font-weight: 400; color: #929292; text-decoration: line-through; white-space: nowrap;
  }
  .vtmn-buybar .vtmn-bbb-atc,
  .vtmn-buybar .vtmn-bbb-buy {
    flex: 1 1 0; min-width: 0;
    display: inline-flex; align-items: center; justify-content: center;
    /* Flatsome dat button{margin-bottom:1.3em} -> thanh cao 69px thay vi 54px */
    margin: 0 !important;
    min-height: 44px; height: 44px; padding: 0 6px; border-radius: var(--main-border-radius);
    font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap;
    text-transform: none; letter-spacing: 0; box-shadow: none;
  }
  .vtmn-buybar .vtmn-bbb-atc {
    background: #eaf0fd; border: 1px solid var(--mainColor); color: var(--mainColor);
  }
  .vtmn-buybar .vtmn-bbb-buy {
    background: var(--oldColor); border: 1px solid var(--oldColor); color: #fff !important;
  }

/* ==========================================================================
   C. TAB — truoc bi class Flatsome "small-nav-collapse" ep xep DOC thanh 3 hop
   full-width (150px, moi hop 38px < 44px) va panel noi dung luon nam DUOI ca 3 hop
   => bam tab giua thi noi dung hien duoi hop cuoi, mat mach doc.
   Nay: 1 hang CUON NGANG duoc, panel nam ngay duoi hang tab.
   (Flatsome: .small-nav-collapse>li{width:100%} + >li a{display:block;width:100%})
   ========================================================================== */
  .single-product .woocommerce-tabs ul.tabs.small-nav-collapse {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
    gap: 10px; margin: 0 0 16px; padding: 0 0 2px;
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .single-product .woocommerce-tabs ul.tabs.small-nav-collapse::-webkit-scrollbar { display: none; }
  .single-product .woocommerce-tabs ul.tabs.small-nav-collapse > li {
    flex: 0 0 auto; width: auto !important; margin: 0 !important;
  }
  .single-product .woocommerce-tabs ul.tabs.small-nav-collapse > li a {
    display: flex !important; align-items: center; width: auto !important;
    min-height: 44px; padding: 8px 14px !important; white-space: nowrap; font-size: 15px;
  }
  /* bang thong so: chu 13px -> 14px, cot trai gon lai cho cot phai de tho */
  .single-product .woocommerce-Tabs-panel table td,
  .single-product .vtmn-spec-table table td { font-size: 14px; padding: 8px 10px 8px 0; }
  .single-product .woocommerce-Tabs-panel table td:first-child,
  .single-product .vtmn-spec-table table td:first-child { width: 42%; }
  /* 5 sao cham diem trong tab Danh gia: cao 27px -> 44px */
  .single-product .woocommerce-tabs .comment-form-rating p.stars a {
    min-height: 44px; display: inline-flex; align-items: center; padding: 0 5px;
  }

/* ==========================================================================
   D. SAN PHAM TUONG TU — 2 cot (giu slider), bo 2 mui ten de len mep the.
   ========================================================================== */
  /* mui ten prev/next la 2 dai doc 24x388 DE LEN mep the -> cham vao mep the
     trung mui ten thay vi mo san pham. Slider van vuot ngang duoc. */
  .single-product .related .flickity-prev-next-button { display: none !important; }
  /* 2 the lech nhau 22px vi dong "da ban" cua the trai xuong 2 hang */
  .single-product .related .product-small .vtmn-sold {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px;
  }
  .single-product .related .product-small .vtmn-tragop { font-size: 13px; }
  /* ten san pham: chot 2 dong cho 2 the bang nhau */
  .single-product .related .product-small .name.product-title a {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; font-size: 14px; line-height: 1.4; min-height: 44px;
  }
  /* "DIEN LANH" 10,2px -> 13px */
  .single-product .related .product-small p.category { font-size: 13px; }
  /* link "Them vao yeu thich" trong popup tim cua the: rong 37px */
  .single-product .wishlist-popup .add_to_wishlist { min-width: 44px; }
  .single-product .related .product-small .price .amount { font-size: 15px; }
  .single-product .related .product-small .wishlist-icon .wishlist-button {
    width: 44px; height: 44px; min-height: 44px;
  }
  /* khoang trang thua duoi hang the */
  .single-product .product-footer .related.product-section { padding: 16px 16px 8px; }
  .single-product .related .product-section-title { font-size: 20px; margin-bottom: 14px; }

}

/* ===========================================================================
   VTMN MOBILE — TRANG BAI VIET DON (13/08/2026)
   Backup truoc khi sua: /root/vtmn_build/style.css.bak_post_mobile

   NGUYEN TAC BAT DI BAT DICH: MOI rule trong khoi nay nam trong
   @media (max-width: 849px) => desktop (>=850px, da chot 12/08) KHONG doi 1 pixel.
   Ngoai le duy nhat: 2 rule "display:none" ngay duoi day cho .vtmn-cmt-toggle va
   .vtmn-share-row — chung lam 2 khoi MOI (nut mo binh luan + hang chia se) AN o
   desktop, tuc la desktop cang khong doi.

   SELECTOR THAT — da xac nhan bang curl chinh trang + grep class:
     #content.blog-wrapper.blog-single.page-wrapper
       > .vtmn-post-bc-row.row > .col.large-12 > nav.vtmn-post-breadcrumb
       > .row.row-large.row-divided
           > .large-9.col
               > article.post > .article-inner
                   > header.entry-header > .entry-header-text > h1.entry-title
                                                              > .entry-meta
                                        > .entry-image
                   > .entry-content.single-page
                       > .vtmn-toc.toc-wrapper > .vtmn-toc-title.toc-title.open
                                               > .vtmn-toc-body.js-toc > ol.toc-list
                   > .blog-share (da display:none tu 12/08)
               > .comments-area > .comment-respond > h3.comment-reply-title
                                                   > form#commentform.comment-form
           > .post-sidebar.large-3.col > .widget-area#secondary > aside.widget.widget_block
               (1 widget_search da an / 2 .category-navigation / 3 .vtmn-blog-advise
                / 4 ul.ux-products-list.product_list_widget)
       > .vtmn-post-related.article-lq > .row > .col.large-12 > .inner
           > .aside-title
           > .row.large-columns-3.medium-columns-2.small-columns-N.slider.row-slider

   VAN DE GOC (do bang CDP 390x844 iPhone UA, TRUOC khi sua):
     - Chu 15px/21px (ti le 1.40) — duoi chuan doc mobile.
     - p margin-bottom 10px, h2/h3 margin-top 0 => tieu de dinh vao doan TREN.
     - ul bi list-style:none + padding-left:0 => 3 gach dau dong dinh thanh 1 khoi.
     - Muc luc MO SAN chiem 244px (29% man hinh dau) => chu dau tien o y=780,
       trong khi thanh .vtmn-bottombar co dinh bat dau o y=789 => KHONG doc duoc
       mot chu nao cua than bai tren man hinh dau.
     - Form binh luan 811px nam NGAY sau than bai (vi tri vang nhat).
     - Sidebar 2223px (34,9% trang) chen giua binh luan va bai lien quan.
     - "Bai viet lien quan" o y=4868 (76% trang) => doc xong bai phai cuon them
       3131px moi thay bai tiep theo.
     - Khong co nut chia se (.blog-share bi an tu 12/08 cho giong trang mau).
   =========================================================================== */

/* 2 khoi MOI, MAC DINH AN => desktop khong nhin thay, khong doi bo cuc. */
.vtmn-cmt-toggle{ display:none; }
.vtmn-share-row{ display:none; }

@media (max-width: 849px) {

/* ==========================================================================
   A. THU TU KHOI TREN MOBILE
   Muc tieu: doc het bai -> BAI VIET LIEN QUAN (doc tiep) -> sidebar (goi y +
   ban hang) -> binh luan (it dung nhat) xuong cuoi.
   Cach lam: .vtmn-post-related la ANH EM cua .row.row-large (khong nam trong cot)
   nen phai nang ca 3 tang len cung mot he flex:
     #content.blog-single         -> flex column (container)
     .row.row-large               -> display:contents (tan bien)
     .large-9.col                 -> display:contents (tan bien)
   Nho vay article.post / .comments-area / .post-sidebar / .vtmn-post-related deu
   thanh con TRUC TIEP cua #content => sap xep duoc bang 'order', KHONG doi PHP/DOM.
   Doi lai: 2 the .col vua tan bien mang theo padding le 2 ben => tra lai bang
   margin cho article.post va .comments-area (2 the con lai giu .col cua chung).
   ========================================================================== */
  .blog-single{ display:flex; flex-direction:column; }
  .blog-single .row.row-large{ display:contents; }
  .blog-single .row.row-large > .large-9.col{ display:contents; }

  .blog-single .vtmn-post-bc-row{ order:1; }
  .blog-single article.post{ order:2; }
  .blog-single .vtmn-post-related{ order:3; }
  .blog-single .post-sidebar{ order:4; }
  .blog-single .comments-area{ order:5; }

  /* le hai ben bang dung .col cu (10px o 768-849px, 20px o <=767px — xem @media duoi) */
  .blog-single article.post,
  .blog-single .comments-area{ margin-left:10px; margin-right:10px; }

  /* The bai va the binh luan KHONG con dinh nhau nua (bai lien quan + sidebar da
     chen vao giua) => tra lai bo goc day du + khoang cach cho ca hai.
     Dung dung selector :has(...) cua rule goc de thang ve do uu tien. */
  .blog-single article.post:has(+ .comments-area){ margin-bottom:20px; }
  .blog-single article.post:has(+ .comments-area) > .article-inner{
    margin-bottom:0;
    border-radius:var(--main-border-radius);
  }
  .blog-single article.post + .comments-area{
    border-radius:var(--main-border-radius);
    padding-top:16px;
    margin-bottom:20px;
  }

/* ==========================================================================
   B. BREADCRUMB — dang xuong 2 dong (79px). Dong 2 la ten bai in dam mau cam,
   TRUNG y het H1 nam ngay 36px ben duoi => bo dong 2 (va bo mui ten thua cua
   muc ke cuoi), doi lai lay cho de nang vung bam cua 2 link con lai len 44px.
   ========================================================================== */
  .blog-single .vtmn-post-breadcrumb{ padding:0; margin-bottom:12px; }
  .blog-single .vtmn-post-breadcrumb ul li:last-child{ display:none; }
  .blog-single .vtmn-post-breadcrumb ul li:nth-last-child(2) svg{ display:none; }
  .blog-single .vtmn-post-breadcrumb ul li a{ display:inline-block; padding:12px 0; }

/* ==========================================================================
   C. CHU THAN BAI — trai tim cua nhiem vu nay.
   Truoc: 15px / 21px (1.40) / p margin-bottom 10px.
   Sau:   17px / 1.75 (29,75px) / p margin-bottom 16px.
   Ly do 1.75: tieng Viet co dau mu + dau thanh chong tang, 1.4 lam dau dong tren
   gan cham chu dong duoi.
   ========================================================================== */
  .blog-single .entry-content{
    font-size:17px;
    line-height:1.75;
    color:#1f2328;
  }
  .blog-single .entry-content p{ margin:0 0 16px; }
  .blog-single .entry-content p:last-child{ margin-bottom:0; }

/* C1. PHAN CAP TIEU DE — truoc: h2 20px va h3 17,5px deu mau den, margin-top 0,
   margin-bottom 5px => tieu de dinh vao doan TREN gan bang doan DUOI, mat mach.
   Nay: h2 co vach xanh ben trai + khoang tho 28px phia tren; h3 mau xanh nho hon. */
  .blog-single .entry-content h2{
    font-size:22px;
    line-height:1.35;
    font-weight:700;
    color:#0f172a;
    margin:28px 0 12px;
    padding-left:12px;
    border-left:4px solid var(--mainColor);
  }
  .blog-single .entry-content h3{
    font-size:18px;
    line-height:1.45;
    font-weight:600;
    color:var(--mainColor);
    margin:24px 0 8px;
    padding-left:0;
    border-left:0;
  }
  .blog-single .entry-content h4{
    font-size:17px; line-height:1.5; font-weight:600; color:#0f172a; margin:20px 0 8px;
  }
  /* khoi dau than bai (ngay duoi muc luc) khong can khoang tho phia tren */
  .blog-single .entry-content > *:first-child{ margin-top:0; }

/* C2. DANH SACH — truoc bi list-style:none + padding-left:0 => 3 gach dau dong
   dinh thanh mot khoi chu lien, nhin y het doan van. Tra lai dau cham dau dong. */
  .blog-single .entry-content ul{
    list-style:disc; padding-left:22px; margin:0 0 16px;
  }
  .blog-single .entry-content ol{
    list-style:decimal; padding-left:24px; margin:0 0 16px;
  }
  .blog-single .entry-content ul ul,
  .blog-single .entry-content ol ol{ margin-bottom:0; }
  .blog-single .entry-content li{ margin:0 0 8px; }
  .blog-single .entry-content li:last-child{ margin-bottom:0; }
  .blog-single .entry-content li::marker{ color:var(--mainColor); }

/* C3. TRICH DAN — truoc tran phang khong phan biet duoc voi doan van. */
  .blog-single .entry-content blockquote{
    margin:20px 0; padding:12px 14px;
    border-left:4px solid var(--mainColor);
    background:#f4f7ff; border-radius:0 8px 8px 0;
    font-size:16.5px; line-height:1.7; color:#33404f;
  }
  .blog-single .entry-content blockquote p:last-child{ margin-bottom:0; }

/* C4. ANH TRONG BAI — bai hien tai chua co anh nao, nhung bai sau se co.
   Chi ep FULL KHO nhung anh dung mot minh (p > img la con duy nhat, figure,
   wp-caption) — icon/anh chen giua dong chu KHONG bi keo gian. height:auto
   giu nguyen ti le, khong bao gio vo hinh. */
  .blog-single .entry-content p > img:only-child,
  .blog-single .entry-content figure img,
  .blog-single .entry-content .wp-caption img,
  .blog-single .entry-content .wp-block-image img{
    display:block; width:100%; height:auto;
    border-radius:10px; margin:0 auto;
  }
  .blog-single .entry-content figure,
  .blog-single .entry-content .wp-caption{
    margin:18px 0; max-width:100% !important; width:auto !important;
  }
  .blog-single .entry-content figcaption,
  .blog-single .entry-content .wp-caption-text{
    font-size:14px; line-height:1.5; color:#6b7280;
    text-align:center; margin:8px 0 0; padding:0;
  }
  .blog-single .entry-content iframe,
  .blog-single .entry-content video{ max-width:100%; border-radius:10px; }

/* ==========================================================================
   D. MUC LUC — truoc MO SAN, cao 244px = 29% man hinh dau, day chu dau tien
   xuong y=780 (thanh .vtmn-bottombar co dinh bat dau o y=789 => khong doc duoc
   chu nao). Bai chi 336 tu / 5 muc nen muc luc mo san gan nhu vo ich.
   Nay: THU GON mac dinh (JS trong functions.php go class .open khi <=849px),
   bam vao thanh tieu de moi mo. Thanh tieu de cao 48px — dat chuan cham 44px.
   ========================================================================== */
  .blog-single .vtmn-toc{
    padding:0; margin:14px 0 18px;
    background:#f5f8ff; border-color:#c9d8fb;
  }
  .blog-single .vtmn-toc-title{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    min-height:48px; padding:6px 14px; text-align:left; line-height:1.35;
  }
  .blog-single .vtmn-toc-title:after{ float:none; margin:0; flex:0 0 auto; }
  .blog-single .vtmn-toc-body{ margin:0; padding:0 14px 8px; }
  .blog-single .vtmn-toc .toc-list{ padding:0; }
  .blog-single .vtmn-toc .toc-list .toc-list{ padding-left:14px; }
  .blog-single .vtmn-toc .toc-list li a{
    display:block; padding:11px 0; font-size:15.5px; line-height:1.4;
  }
  .blog-single .vtmn-toc .toc-list li + li a{ border-top:1px solid #e2e9fb; }

/* ==========================================================================
   E. HANG CHIA SE CUOI BAI (khoi MOI .vtmn-share-row, in trong functions.php)
   Ly do: mobile la noi chia se nhieu nhat, ma .blog-share cua Flatsome dang
   display:none (chot 12/08 cho giong trang mau, GIU NGUYEN o desktop).
   Icon ve bang SVG inline trong PHP — khong tai anh tu internet.
   ========================================================================== */
  .blog-single .vtmn-share-row{
    display:flex; align-items:center; flex-wrap:wrap; gap:10px;
    margin:24px 0 0; padding-top:16px; border-top:1px solid #e6e9ee;
  }
  .blog-single .vtmn-share-row .vtmn-share-label{
    flex:0 0 100%; font-size:15px; font-weight:600; color:#4b5563; margin:0;
  }
  .blog-single .vtmn-share-row a,
  .blog-single .vtmn-share-row button{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    min-height:44px; padding:0 14px; margin:0;
    border-radius:22px; border:1px solid var(--lineColor); background:#fff;
    font-size:14.5px; font-weight:600; line-height:1; color:#1f2328;
    box-shadow:none; text-transform:none; letter-spacing:0;
  }
  .blog-single .vtmn-share-row svg{ width:20px; height:20px; flex:0 0 auto; }
  .blog-single .vtmn-share-row .vtmn-share-fb{ background:#1877f2; border-color:#1877f2; color:#fff; }
  .blog-single .vtmn-share-row .vtmn-share-zl{ background:#0068ff; border-color:#0068ff; color:#fff; }
  .blog-single .vtmn-share-row .vtmn-share-cp.is-done{
    background:#e8f7ee; border-color:#34a853; color:#1e7b3c;
  }

/* ==========================================================================
   F. BINH LUAN — truoc: 811px (12,7% trang) nam NGAY sau than bai. Khach mobile
   hau nhu khong binh luan, ma no chiem dung cho de dan sang bai/san pham khac.
   QUYET DINH: KHONG xoa (van cho binh luan duoc, tot cho SEO/tin cay) ma THU GON
   thanh 1 nut "Viet binh luan" cao 52px; bam moi bung form ra. Kem viec day ca
   khoi xuong cuoi trang (muc A). 811px -> ~84px o trang thai dong.
   Nut do JS trong functions.php chen vao; JS chay CHUNG cho moi be ngang, con
   viec AN/HIEN do CSS quyet dinh => desktop khong doi va thu nho cua so van dung.
   ========================================================================== */
  .blog-single .comments-area .vtmn-cmt-toggle{
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; min-height:52px; margin:0; padding:0 16px;
    background:#fff; border:1px solid var(--mainColor); border-radius:8px;
    color:var(--mainColor); font-size:16px; font-weight:600; line-height:1.2;
    text-transform:none; letter-spacing:0; box-shadow:none;
  }
  .blog-single .comments-area .vtmn-cmt-toggle svg{ width:20px; height:20px; }
  .blog-single .comments-area.vtmn-cmt-collapsed .comment-respond{ display:none; }
  .blog-single .comments-area:not(.vtmn-cmt-collapsed) .vtmn-cmt-toggle{ display:none; }

/* F1. Khi form da mo: o nhap phai de bam va KHONG lam iOS tu phong to trang
   (Safari phong to khi input < 16px). Textarea 60px (bang o 1 dong) -> 120px. */
  .blog-single .comment-form input[type="text"],
  .blog-single .comment-form input[type="email"],
  .blog-single .comment-form input[type="url"],
  .blog-single .comment-form textarea{
    font-size:16px; min-height:48px; padding:12px 14px; margin-bottom:14px;
  }
  .blog-single .comment-form textarea{ min-height:120px; }
  .blog-single .comment-form .comment-notes{ font-size:14px; line-height:1.5; }
  .blog-single .comment-form-cookies-consent{
    display:flex; align-items:center; gap:10px; margin-bottom:14px;
  }
  .blog-single .comment-form-cookies-consent input[type="checkbox"]{
    width:22px; height:22px; min-width:22px; margin:0; flex:0 0 auto;
  }
  .blog-single .comment-form-cookies-consent label{
    margin:0; font-size:14.5px; line-height:1.45; padding:11px 0;
  }
  .blog-single .comment-form input[type="submit"],
  .blog-single .comment-form .submit{
    width:100%; height:52px; line-height:50px; padding:0 16px;
  }

/* ==========================================================================
   G. SIDEBAR — truoc 2223px = 34,9% toan trang.
   QUYET DINH tung widget:
     - "Danh muc san pham" (268px): BO tren mobile. Da co menu off-canvas
       (nut hamburger) + thanh dieu huong day co nut "Danh muc" — lap 3 lan.
     - "Bai viet noi bat" (1433px): GIU (giu khach doc tiep) nhung doi tu the
       anh to xep doc sang HANG NGANG thumb 104px + tit, va bo muc tro ve
       CHINH BAI DANG DOC (link tu tro ve minh).
     - "San pham ban chay" (482px): GIU nguyen (day la cho ban hang).
   ========================================================================== */
  /* G1. bo widget danh muc san pham (widget chua .category-navigation) */
  .blog-single .post-sidebar .widget:has(.category-navigation){ display:none; }

  /* G2. "Bai viet noi bat" -> hang ngang.
     Thu pham lam no cao 1433px: flatsome.css co
       @media screen and (max-width:549px){ .box-vertical .box-image{width:100%!important} }
     => o anh chiem tron be ngang, o chu bi day xuong. Ep lai 104px.
     (the .box-image co inline style="width:34%" nen bat buoc phai !important) */
  .blog-single .vtmn-blog-advise .post-item:first-child .box-vertical,
  .blog-single .vtmn-blog-advise .post-item .box-vertical{
    display:table !important; width:100% !important;
  }
  .blog-single .vtmn-blog-advise .post-item:first-child .box-vertical > .box-image,
  .blog-single .vtmn-blog-advise .post-item .box-vertical > .box-image{
    display:table-cell !important; width:104px !important;
    vertical-align:top; margin-bottom:0 !important;
  }
  .blog-single .vtmn-blog-advise .post-item:first-child .box-vertical > .box-text,
  .blog-single .vtmn-blog-advise .post-item .box-vertical > .box-text{
    display:table-cell !important; width:auto !important;
    vertical-align:top; padding:0 0 0 12px !important; text-align:left;
  }
  .blog-single .vtmn-blog-advise .box-blog-post{ margin-bottom:14px; }
  .blog-single .vtmn-blog-advise .post-title a{
    display:block; padding:2px 0; font-size:15px; line-height:1.45;
  }
  /* muc tro ve chinh bai dang doc — JS gan class .vtmn-is-current */
  .blog-single .vtmn-blog-advise .post-item.vtmn-is-current{ display:none; }

  /* G3. "San pham ban chay" — link truoc chi cao 20px (the <a> la inline). */
  .blog-single .ux-products-list li{ padding:12px 0 12px 78px; min-height:88px; }
  .blog-single .ux-products-list li > a{
    display:block; min-height:44px; font-size:15px; line-height:1.45;
  }
  .blog-single .ux-products-list li .amount{ font-size:15px; }

  /* G4. khe giua cac the trong sidebar */
  .blog-single .post-sidebar{ margin-top:0; }
  .blog-single #secondary .widget{ margin-bottom:20px; }

/* ==========================================================================
   H. BAI VIET LIEN QUAN — truoc: carousel 1 bai/man cao 401px, khong co cham
   chi bao (pageDots:false) nen khong ai biet co 4 bai; 2 mui ten manh de len anh.
   Nay: 2 COT (columns__sm doi 1 -> 2 trong functions.php) + JS go Flickity o
   <=849px => hien HET 4 bai thanh luoi 2x2, khong phai vuot, khong can mui ten.
   Neu vi ly do nao do go Flickity that bai thi van con carousel 2 bai/man —
   nghia la khong bao gio xau hon truoc.
   ========================================================================== */
  .blog-single .vtmn-post-related{ margin-top:0; margin-bottom:20px; }
  .blog-single .vtmn-post-related .aside-title{ font-size:20px; margin-bottom:14px; }
  /* sau khi go Flickity, .row tro lai la luoi flex cua Flatsome */
  .blog-single .vtmn-post-related .row > .col{ padding-bottom:20px; }
  .blog-single .vtmn-post-related .post-item .box-text{ padding-top:10px; }
  .blog-single .vtmn-post-related .post-item .post-title,
  .blog-single .vtmn-post-related .post-item .post-title a{
    font-size:15px; line-height:1.4;
  }
  .blog-single .vtmn-post-related .post-item .post-title a{ display:block; padding:2px 0; }
  /* tom tat 4 dong lam the cao 400px — mobile 2 cot thi bo han cho gon */
  .blog-single .vtmn-post-related .post-item .from_the_blog_excerpt{ display:none; }
  .blog-single .vtmn-post-related .post-item .post-meta{ font-size:14px; margin-top:4px; }
  .blog-single .vtmn-post-related .post-item .post-meta:before{ width:17px; height:17px; }
  /* mui ten prev/next (neu Flickity van con) de len anh, tuong phan thap */
  .blog-single .vtmn-post-related .flickity-prev-next-button{ display:none !important; }

}

/* Le hai ben cua the bai + the binh luan phai bang dung .col cu:
   .blog-single .row.row-large > .col{padding:0 20px} o <=767px. */
@media (max-width: 767px) {
  .blog-single article.post,
  .blog-single .comments-area{ margin-left:20px; margin-right:20px; }
}

/* ----- VTMN MOBILE BAI VIET — VONG 2 (sau khi soi anh chup + do lai DOM) ----- */
@media (max-width: 849px) {

  /* R1. ANH DAI DIEN: the <a> boc anh la inline nen vung bam chi cao 20px
         trong khi anh cao 179px (do bang getBoundingClientRect). */
  .blog-single .entry-image > a{ display:block; }

  /* R2. Tieu de "Bai viet lien quan" la mot LINK ve /tin-tuc/ cao 24px. */
  .blog-single .vtmn-post-related .aside-title a{ display:inline-block; padding:10px 0; }

  /* R3. BAI VIET LIEN QUAN — LUOI 2x2 (hien het 4 bai).
         Do duoc: hang nay la .row.slider cua Flatsome, o 390px no KHONG xuong
         dong (4 the nam o left 21/195/369/543 — hai the sau tran ra ngoai man
         hinh). functions.php da go class 'slider' o mobile; rule duoi la LUOI
         AN TOAN de chac chan hang xuong dong dung 2 cot. */
  .blog-single .vtmn-post-related .inner > .row{
    display:flex !important; flex-wrap:wrap !important; overflow:visible;
  }
  .blog-single .vtmn-post-related .inner > .row > .col{
    flex:0 0 50% !important; max-width:50% !important;
    position:static !important; left:auto !important; transform:none !important;
  }
}

/* ----- VTMN MOBILE BAI VIET — VONG 3: luoi bai lien quan, luoi an toan cuoi ----
   Flatsome khoi tao Flickity TRE (IntersectionObserver) va chon theo thuoc tinh
   [data-flickity-options]. functions.php da go thuoc tinh do o <=849px. Rule duoi
   day la LOP CHAN CUOI: neu vi ly do nao do Flickity van kip khoi tao thi ep no
   ve luoi 2 cot thay vi bang cuon ngang 1 the/man.                              */
@media (max-width: 849px) {
  .blog-single .vtmn-post-related .inner > .row.flickity-enabled .flickity-viewport{
    height:auto !important; overflow:visible !important;
  }
  .blog-single .vtmn-post-related .inner > .row.flickity-enabled .flickity-slider{
    position:static !important; transform:none !important;
    display:flex !important; flex-wrap:wrap !important; width:100% !important;
  }
  .blog-single .vtmn-post-related .inner > .row.flickity-enabled .flickity-slider > .col{
    position:static !important; left:auto !important;
    flex:0 0 50% !important; max-width:50% !important;
  }
}

/* ----- VTMN MOBILE BAI VIET — VONG 4: can lai hang chia se -----
   Do bang anh chup: 3 nut tu xuong 2 hang nhung hang 2 chi co 1 nut ngan lech
   ve trai, nhin nhu bi vo. Chot han: hang 1 = Facebook + Zalo chia doi deu,
   hang 2 = nut "Sao chep link" tran ngang. (Khong ep 3 nut vao 1 hang vi o may
   360px thi chu "Facebook" se bi tran.)                                        */
@media (max-width: 849px) {
  .blog-single .vtmn-share-row .vtmn-share-fb,
  .blog-single .vtmn-share-row .vtmn-share-zl{ flex:1 1 0; min-width:0; }
  .blog-single .vtmn-share-row .vtmn-share-cp{ flex:1 1 100%; }
}

/* ----- VTMN MOBILE BAI VIET — VONG 5: sua 3 loi phat hien khi NGHIEM THU -----
   (do bang CDP 390x844 + soi anh chup, 13/08/2026)
   MOI rule deu trong @media (max-width: 849px) => DESKTOP KHONG DOI 1 PIXEL.
   ========================================================================== */
@media (max-width: 849px) {

  /* V5-1. THE BINH LUAN DINH LIEN THE SIDEBAR (do duoc: gap = 0px).
     Sau khi doi thu tu bang 'order', .comments-area (order:5) nam ngay duoi
     widget cuoi cua .post-sidebar (order:4). .blog-single la flex container nen
     margin cua 2 the KHONG con collapse, nhung margin-bottom:20px cua widget
     cuoi lai collapse vao trong .post-sidebar => sidebar het o dung 3817 va the
     binh luan bat dau cung 3817. Hai the cung nen trang + cung bo goc nen nhin
     THANH MOT THE LIEN, nut "Viet binh luan" trong nhu mot dong cua widget
     "San pham ban chay". Tra lai khe 20px bang chinh the binh luan. */
  /* Luu y: trong DOM, .comments-area la ANH EM cua article.post (cung nam trong
     .large-9.col), KHONG phai anh em cua .post-sidebar — nen phai bat bang
     article.post + .comments-area du tren man hinh no nam duoi sidebar. */
  .blog-single article.post + .comments-area{ margin-top:20px; }

  /* V5-2. CHU TREN 3 NUT CHIA SE dang 14.5px — duoi nguong 15px da chot cho
     bai doc. Nut du rong (Facebook 154px, chu chi ~62px o 15px) nen nang len
     15px van khong tran. */
  .blog-single .vtmn-share-row a,
  .blog-single .vtmn-share-row button{ font-size:15px; }

  /* V5-3. HANG "SAN PHAM BAN CHAY" bi ho giua ten va gia.
     Do duoc: the <a> co min-height:44px (vung bam) nhung chu chi cao 19.5px va
     dinh len DINH the => ho 24.5px roi moi toi gia, nhin nhu 2 mon roi nhau.
     Giu nguyen 44px vung bam, chi doi cach chia khoang: padding 12px tren-duoi
     de chu nam GIUA vung bam (ho con ~12px moi ben). */
  /* Phai vuot do uu tien cua rule Woo/Flatsome:
     ul.product_list_widget li a:not(.remove){padding:0} — (0,2,3). */
  .blog-single .post-sidebar ul.product_list_widget li > a:not(.remove){ padding:12px 0; }
}

/* ===== VTMN CHECKOUT LANDING — trang thanh toan toi gian (khong header/footer) =====
   Ap dung cho body.vtmn-checkout-lp (template page-checkout-landing.php).
   Moi rule deu co tien to .vtmn-checkout-lp nen KHONG ro sang trang khac. */

.vtmn-checkout-lp { background: #f5f5f7; }

/* An moi thu thua cua theme tren trang nay */
.vtmn-checkout-lp .vtmn-bottombar,
.vtmn-checkout-lp .back-to-top,
.vtmn-checkout-lp #header,
.vtmn-checkout-lp .header-wrapper,
.vtmn-checkout-lp .footer-wrapper,
.vtmn-checkout-lp .vtmn-quicklinks { display: none !important; }
.vtmn-checkout-lp body { padding-bottom: 0 !important; }

/* --- Thanh tren --- */
.vtmn-lp-bar { background: #fff; border-bottom: 1px solid #e6e9ef; }
.vtmn-lp-bar__inner {
  max-width: 1180px; margin: 0 auto; padding: 12px 16px;
  display: flex; align-items: center; gap: 16px;
}
.vtmn-lp-logo { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; }
.vtmn-lp-logo img { max-height: 38px; width: auto; display: block; }
.vtmn-lp-secure {
  margin-left: auto; display: inline-flex; align-items: center; gap: 7px;
  color: #0f7b48; font-size: 13.5px; font-weight: 600; white-space: nowrap;
}
.vtmn-lp-secure svg { width: 19px; height: 19px; }
.vtmn-lp-back {
  display: inline-flex; align-items: center; gap: 5px; min-height: 44px; padding: 0 4px;
  color: #4a5468 !important; font-size: 13.5px; font-weight: 500; white-space: nowrap;
}
.vtmn-lp-back:hover { color: #1c55da !important; }
.vtmn-lp-back svg { width: 17px; height: 17px; }

/* --- Tien trinh 3 buoc --- */
.vtmn-lp-steps { background: #fff; border-bottom: 1px solid #eef1f6; }
.vtmn-lp-steps__inner {
  max-width: 1180px; margin: 0 auto; padding: 14px 16px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
}
.vtmn-lp-step { display: inline-flex; align-items: center; gap: 8px; color: #9aa3b2; font-size: 14px; font-weight: 500; }
.vtmn-lp-step__num {
  width: 26px; height: 26px; border-radius: 50%; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: #eef1f6; color: #9aa3b2; font-size: 13px; font-weight: 700;
}
.vtmn-lp-step__num svg { width: 14px; height: 14px; }
.vtmn-lp-step.is-done { color: #16a34a; }
.vtmn-lp-step.is-done .vtmn-lp-step__num { background: #e7f6ed; color: #16a34a; }
.vtmn-lp-step.is-current { color: #16233d; font-weight: 700; }
.vtmn-lp-step.is-current .vtmn-lp-step__num { background: #1c55da; color: #fff; }
.vtmn-lp-step__line { width: 46px; height: 2px; background: #e6e9ef; border-radius: 2px; }
a.vtmn-lp-step { text-decoration: none; }

/* --- Noi dung --- */
.vtmn-lp-main { padding: 24px 0 40px; }
.vtmn-lp-content { max-width: 1180px; margin: 0 auto; padding: 0 16px; }

/* --- Chan trang gon --- */
.vtmn-lp-foot { border-top: 1px solid #e6e9ef; background: #fff; }
.vtmn-lp-foot__inner { max-width: 1180px; margin: 0 auto; padding: 18px 16px 24px; text-align: center; }
.vtmn-lp-trust {
  list-style: none; margin: 0 0 12px; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px;
}
.vtmn-lp-trust li { display: inline-flex; align-items: center; gap: 7px; color: #4a5468; font-size: 13px; }
.vtmn-lp-trust svg { width: 19px; height: 19px; color: #1c55da; }
.vtmn-lp-copy { margin: 0; color: #7c8698; font-size: 12.5px; }
.vtmn-lp-copy strong { color: #16233d; }
.vtmn-lp-copy a { color: #1c55da; font-weight: 600; }
.vtmn-lp-sep { margin: 0 6px; color: #d4dae6; }

/* --- Form thanh toan trong khung landing --- */
.vtmn-checkout-lp .woocommerce { max-width: 100%; }
.vtmn-checkout-lp .woocommerce-billing-fields,
.vtmn-checkout-lp #order_review,
.vtmn-checkout-lp .woocommerce-additional-fields {
  background: #fff; border-radius: 12px; padding: 20px; margin-bottom: 16px;
}
.vtmn-checkout-lp h3 { font-size: 17px; font-weight: 700; color: #16233d; margin: 0 0 14px; }
.vtmn-checkout-lp .form-row label { font-size: 13.5px; font-weight: 600; color: #16233d; margin-bottom: 5px; }
.vtmn-checkout-lp .form-row input.input-text,
.vtmn-checkout-lp .form-row textarea,
.vtmn-checkout-lp .form-row select,
.vtmn-checkout-lp .select2-container .select2-selection--single {
  min-height: 46px !important; font-size: 16px !important;
  border: 1px solid #e0e5ee !important; border-radius: 8px !important; background: #fff;
}
.vtmn-checkout-lp .form-row textarea { min-height: 90px !important; }
.vtmn-checkout-lp .form-row input.input-text:focus,
.vtmn-checkout-lp .form-row textarea:focus {
  border-color: #1c55da !important; box-shadow: 0 0 0 3px rgba(28,85,218,.10) !important;
}
.vtmn-checkout-lp .required { color: #e01021; }
.vtmn-checkout-lp #place_order {
  width: 100%; min-height: 52px; background: #ff6200 !important; border-radius: 10px !important;
  font-size: 16.5px; font-weight: 700; letter-spacing: .2px;
}
.vtmn-checkout-lp #place_order:hover { background: #e65800 !important; }
.vtmn-checkout-lp .woocommerce-checkout-review-order-table { font-size: 14px; }
.vtmn-checkout-lp .woocommerce-checkout-review-order-table .order-total .amount { color: #e01021; font-size: 20px; font-weight: 800; }
.vtmn-checkout-lp .wc_payment_methods li { border: 1px solid #e6e9ef; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; list-style: none; }
.vtmn-checkout-lp .wc_payment_methods li:has(input:checked) { border-color: #1c55da; background: #f6f9ff; }
.vtmn-checkout-lp .wc_payment_methods label { font-weight: 600; }

/* --- Mobile --- */
@media (max-width: 849px) {
  .vtmn-lp-bar__inner { padding: 10px 14px; gap: 10px; }
  .vtmn-lp-logo img { max-height: 32px; }
  .vtmn-lp-secure { font-size: 12px; }
  .vtmn-lp-secure svg { width: 16px; height: 16px; }
  .vtmn-lp-back span { display: none; }
  .vtmn-lp-back { order: -1; margin-right: 2px; }
  .vtmn-lp-steps__inner { padding: 11px 12px; gap: 6px; }
  .vtmn-lp-step__txt { font-size: 12.5px; }
  .vtmn-lp-step:not(.is-current) .vtmn-lp-step__txt { display: none; }
  .vtmn-lp-step__line { width: 26px; }
  .vtmn-lp-main { padding: 14px 0 28px; }
  .vtmn-lp-content { padding: 0 12px; }
  .vtmn-checkout-lp .woocommerce-billing-fields,
  .vtmn-checkout-lp #order_review,
  .vtmn-checkout-lp .woocommerce-additional-fields { padding: 16px 14px; border-radius: 10px; }
  .vtmn-lp-trust { gap: 8px 16px; }
  .vtmn-lp-trust li { font-size: 12px; }
}

/* ===== VTMN CHECKOUT LANDING — bo sung ===== */
/* An o Quoc gia (chi ban trong VN, WooCommerce van can gia tri nen chi an bang CSS) */
.vtmn-checkout-lp .vtmn-hide-field { display: none !important; }
/* Logo that la chu toi tren nen trang -> khong can o mau, de nguyen tren nen trang */
.vtmn-lp-logo { background: transparent; border-radius: 0; padding: 0; }
.vtmn-lp-logo img { max-height: 34px; }

/* ===== VTMN TRANG CAM ON (landing) ===== */
.vtmn-lp-step__line.is-done { background: #16a34a; }

.vtmn-ty-hero {
  background: #fff; border-radius: 14px; padding: 34px 24px 28px;
  text-align: center; margin-bottom: 18px;
}
.vtmn-ty-check {
  width: 68px; height: 68px; border-radius: 50%; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  background: #e7f6ed; color: #16a34a;
}
.vtmn-ty-check svg { width: 34px; height: 34px; }
.vtmn-ty-title { font-size: 26px; font-weight: 800; color: #16233d; margin: 0 0 8px; }
.vtmn-ty-sub { font-size: 15px; color: #4a5468; line-height: 1.65; margin: 0 auto 22px; max-width: 560px; }
.vtmn-ty-sub strong { color: #16233d; }

.vtmn-ty-facts {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
  margin-bottom: 22px;
}
.vtmn-ty-facts > div {
  flex: 1 1 170px; max-width: 240px; background: #f6f9ff; border: 1px solid #e3ecfd;
  border-radius: 10px; padding: 12px 14px;
}
.vtmn-ty-facts span { display: block; font-size: 12.5px; color: #7c8698; margin-bottom: 3px; }
.vtmn-ty-facts strong { display: block; font-size: 16px; font-weight: 700; color: #16233d; }
.vtmn-ty-facts .vtmn-ty-total { color: #e01021; font-size: 19px; }

.vtmn-ty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 24px; }
.vtmn-ty-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 22px; border-radius: 10px;
  border: 1.6px solid #1c55da; color: #1c55da !important;
  font-size: 15px; font-weight: 700; background: #fff;
}
.vtmn-ty-btn:hover { background: #eef4ff; }
.vtmn-ty-btn--main { background: #ff6200; border-color: #ff6200; color: #fff !important; }
.vtmn-ty-btn--main:hover { background: #e65800; }

.vtmn-ty-next {
  list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid #eef1f6;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px;
}
.vtmn-ty-next li { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: #4a5468; }
.vtmn-ty-next li span {
  width: 22px; height: 22px; border-radius: 50%; flex: none;
  background: #1c55da; color: #fff; font-size: 12px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* Bang chi tiet don + dia chi trong the trang */
.vtmn-thankyou-lp .woocommerce-order-details,
.vtmn-thankyou-lp .woocommerce-customer-details,
.vtmn-thankyou-lp .woocommerce-order-overview {
  background: #fff; border-radius: 12px; padding: 20px 22px; margin-bottom: 16px;
}
.vtmn-thankyou-lp .woocommerce-order-overview { display: none; }
.vtmn-thankyou-lp .woocommerce-column__title,
.vtmn-thankyou-lp .woocommerce-order-details__title {
  font-size: 17px; font-weight: 700; color: #16233d; margin: 0 0 14px;
  padding-left: 11px; border-left: 4px solid #1c55da;
}
.vtmn-thankyou-lp .woocommerce-table--order-details { font-size: 14px; width: 100%; }
.vtmn-thankyou-lp .woocommerce-table--order-details th,
.vtmn-thankyou-lp .woocommerce-table--order-details td { padding: 10px 0; border-bottom: 1px solid #eef1f6; }
.vtmn-thankyou-lp .woocommerce-table--order-details tfoot tr:last-child td,
.vtmn-thankyou-lp .woocommerce-table--order-details tfoot tr:last-child th { border-bottom: 0; }
.vtmn-thankyou-lp .woocommerce-table--order-details tfoot tr:last-child .amount { color: #e01021; font-size: 19px; font-weight: 800; }
.vtmn-thankyou-lp address { font-style: normal; font-size: 14px; line-height: 1.75; color: #4a5468; }
.vtmn-thankyou-lp .woocommerce-columns--addresses { display: flex; flex-wrap: wrap; gap: 16px; }
.vtmn-thankyou-lp .woocommerce-columns--addresses .woocommerce-column { flex: 1 1 260px; }

@media (max-width: 849px) {
  .vtmn-ty-hero { padding: 26px 16px 22px; border-radius: 12px; }
  .vtmn-ty-title { font-size: 22px; }
  .vtmn-ty-sub { font-size: 14px; }
  .vtmn-ty-facts > div { flex: 1 1 100%; max-width: none; text-align: left; display: flex; justify-content: space-between; align-items: center; }
  .vtmn-ty-facts span { margin: 0; }
  .vtmn-ty-actions .vtmn-ty-btn { flex: 1 1 100%; }
  .vtmn-ty-next { flex-direction: column; align-items: flex-start; text-align: left; gap: 10px; }
  .vtmn-thankyou-lp .woocommerce-order-details,
  .vtmn-thankyou-lp .woocommerce-customer-details { padding: 16px 14px; }
}

/* Trang cam on: don not phan thua */
.vtmn-thankyou-lp .woocommerce-notice--success,
.vtmn-thankyou-lp .woocommerce-order > p:first-of-type:empty,
.vtmn-thankyou-lp .woocommerce-order-overview,
.vtmn-thankyou-lp .wc-bacs-bank-details-heading,
.vtmn-thankyou-lp .woocommerce-thankyou-order-received { display: none !important; }
/* Khoi trong ben phai (cot rong cua theme) */
.vtmn-thankyou-lp .large-4:empty, .vtmn-thankyou-lp .col:empty { display: none !important; }
/* Bang chi tiet + dia chi tran full khi khong con cot phai */
.vtmn-thankyou-lp .woocommerce-order { max-width: 900px; margin: 0 auto; }

/* Trang cam on: gop 2 cot cua theme ve 1 khoi giua, bo cot phai rong */
.vtmn-thankyou-lp .woocommerce-order .large-7,
.vtmn-thankyou-lp .woocommerce-order .large-5 { flex-basis: 100% !important; max-width: 100% !important; }
.vtmn-thankyou-lp .woocommerce-order .large-5 { display: none !important; }
.vtmn-thankyou-lp .woocommerce-order .row { justify-content: center; }

/* ==========================================================================
   VTMN — CHE DO "LIEN HE BAO GIA" (them 15/08/2026)
   Backup truoc khi sua: /root/vtmn_build/style.css.bak_giaodien_*

   Site khong niem yet gia: san pham de gia RONG nen WooCommerce tu bo form
   them gio. Khoi nay lo phan NHIN THAY: chu "Lien he bao gia" thay cho gia,
   nut goi hotline / Zalo thay nut mua, va DAU cac chi tiet chi co nghia khi
   con gia (badge % giam, "Tiet kiem", "da ban", "Tra gop").
   Khong dung display:none cho ca .price — vi khi nhap gia tro lai thi gia
   phai hien duoc ngay ma khong phai sua CSS.
   ========================================================================== */

/* ---------- 1. Chu "Lien he bao gia" thay cho gia ---------- */
.vtmn-lienhe{
  display:inline-block; color:var(--priceColor); font-weight:700; font-size:16px;
  line-height:1.3; white-space:nowrap;
}
.single-product .product-info .price .vtmn-lienhe{ font-size:24px; }
.product-small .price .vtmn-lienhe{ font-size:15px; }
.vtmn-trend-products .price .vtmn-lienhe{ font-size:13px; }

/* ---------- 2. An nhung thu vo nghia khi khong co gia ----------
   .vtmn-tragop / .vtmn-sold: da bo o functions.php, giu selector phong khi
   con ban HTML cu trong cache trang.                                        */
.vtmn-tragop, .vtmn-sold, .vtmn-save{ display:none !important; }
.woocommerce-product-gallery .onsale,
.product-small .badge-container .on-sale,
span.onsale, .badge.callout.onsale{ display:none !important; }
/* O so luong + nut MUA NGAY tren trang san pham: form khong con render nua,
   chan them bang CSS de khong co plugin nao chen lai. */
.single-product .product-info form.cart .vtmn-qty-row:empty{ display:none !important; }

/* ---------- 3. Nut "Lien he bao gia" tren THE san pham ---------- */
.vtmn-loop-quote{
  display:inline-flex !important; align-items:center; justify-content:center;
  width:100%; margin:6px 0 0 !important; padding:8px 10px !important;
  min-height:38px; border-radius:var(--main-border-radius) !important;
  background:transparent !important; border:1px solid var(--mainColor) !important;
  color:var(--mainColor) !important; font-size:13px; font-weight:600; line-height:1.2;
  text-transform:none; letter-spacing:0; box-shadow:none !important;
}
@media (min-width:768px){
  .vtmn-loop-quote:hover, .vtmn-loop-quote:focus{
    background:var(--mainColor) !important; color:#fff !important; outline:none;
  }
}

/* ---------- 4. Khoi bao gia tren TRANG SAN PHAM DON ---------- */
.single-product .product-info .vtmn-quote-box{
  margin:0 0 16px; padding:14px; border:1px solid var(--lineColor);
  border-radius:var(--main-border-radius); background:#f7f9ff;
}
.vtmn-quote-box__head{
  font-size:14px; line-height:1.5; color:#16233c; margin:0 0 12px;
}
.vtmn-quote-box__note{
  font-size:12.5px; color:#6b7280; margin:10px 0 0;
}
.vtmn-quote-cta{ display:flex; flex-wrap:wrap; gap:10px; }
.vtmn-quote-btn{
  flex:1 1 0; min-width:0;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:47px; padding:10px 12px; border-radius:var(--main-border-radius);
  font-size:15px; font-weight:600; line-height:1.2; text-align:left;
  text-transform:none; letter-spacing:0; box-shadow:none;
}
.vtmn-quote-btn svg{ width:20px; height:20px; flex:0 0 20px; }
.vtmn-quote-btn span{ display:flex; flex-direction:column; line-height:1.2; }
.vtmn-quote-btn b{ font-size:16px; font-weight:700; }
.vtmn-quote-btn--call{
  background:var(--oldColor); border:1px solid var(--oldColor); color:#fff !important;
}
.vtmn-quote-btn--call:hover{ background:#fff; color:var(--oldColor) !important; }
.vtmn-quote-btn--zalo{
  flex:0 0 auto; background:#fff; border:1px solid var(--mainColor); color:var(--mainColor) !important;
}
.vtmn-quote-btn--zalo:hover{ background:var(--mainColor); color:#fff !important; }
@media (max-width:767px){
  .vtmn-quote-btn{ flex:1 1 100%; justify-content:center; }
  .vtmn-quote-btn--zalo{ flex:1 1 100%; }
}

/* Dong "Gia ban: Lien he..." trong bang thong tin ngan */
.single-product .product-info .product-quote-note .a-content{ color:var(--priceColor); font-weight:600; }

/* ---------- 5. Mobile: thanh dinh day doi thanh LIEN HE ---------- */
@media (max-width:849px){
  .single-product .vtmn-buybar--quote{ display:flex; }
  .vtmn-buybar--quote .vtmn-bbb-quote{
    font-size:15px; font-weight:700; color:var(--priceColor); white-space:nowrap;
  }
  .vtmn-buybar--quote .vtmn-bbb-call,
  .vtmn-buybar--quote .vtmn-bbb-zalo{
    display:inline-flex; align-items:center; justify-content:center;
    margin:0 !important; min-height:44px; height:44px; padding:0 10px;
    border-radius:var(--main-border-radius);
    font-size:14px; font-weight:600; line-height:1.2; white-space:nowrap;
    text-transform:none; letter-spacing:0; box-shadow:none;
  }
  .vtmn-buybar--quote .vtmn-bbb-zalo{
    flex:0 0 auto; background:#eaf0fd; border:1px solid var(--mainColor); color:var(--mainColor) !important;
  }
  .vtmn-buybar--quote .vtmn-bbb-call{
    flex:1 1 0; min-width:0; background:var(--oldColor); border:1px solid var(--oldColor); color:#fff !important;
  }
}

/* ==========================================================================
   VTMN — TRANG CHU NGANH VAT TU (them 15/08/2026)
   Cac khoi cu cua theme mau dien may da doi noi dung; day la CSS cho
   nhung khoi MOI (dai nhom nganh hang thay "Top hang", the cam ket).
   ========================================================================== */
.vtmn-groupnav{
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px;
}
.vtmn-groupnav a{
  display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px;
  border:1px solid var(--lineColor); background:#fff; color:#16233c;
  font-size:13.5px; font-weight:500; line-height:1.2;
}
.vtmn-groupnav a:hover{ border-color:var(--mainColor); color:var(--mainColor); }
@media (max-width:549px){
  .vtmn-groupnav{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; -webkit-overflow-scrolling:touch; }
  .vtmn-groupnav a{ flex:0 0 auto; }
}

/* The cam ket ("Vi sao chon Vat Tu Mien Nam") */
.vtmn-usp-grid{ display:flex; flex-wrap:wrap; gap:12px; }
.vtmn-usp-card{
  flex:1 1 220px; min-width:0; padding:14px 16px; border-radius:var(--main-border-radius);
  border:1px solid var(--lineColor); background:#fff;
}
.vtmn-usp-card h4{ margin:0 0 6px; font-size:15px; font-weight:700; color:#16233c; }
.vtmn-usp-card p{ margin:0; font-size:13.5px; line-height:1.55; color:#5b6474; }

/* ==========================================================================
   VTMN — CHE DO "LIEN HE BAO GIA", BO SUNG DOT 2 (15/08/2026)
   Backup truoc khi sua: /root/vtmn_build/style.css.bak_20260815_gd2
   ========================================================================== */

/* ---------- A. Nut "Lien he bao gia" nam trong the san pham ----------
   Do thuc te: Flatsome GO nut them gio khoi luoi san pham nen bo loc
   woocommerce_loop_add_to_cart_link khong chay -> the san pham trong tro,
   chi co chu "Lien he bao gia" ma khong bam duoc. Theme con tu in nut qua
   hook flatsome_product_box_after (xem functions.php muc 2b), nut nam NGOAI
   .box-text nen can khoang cach rieng. */
.product-small .box-text + .vtmn-loop-quote,
.product-small .vtmn-loop-quote{ margin-top:8px !important; }
/* Cot san pham cua khoi "Top trending" rat hep -> nut chu nho lai cho vua. */
.vtmn-trend-products .vtmn-loop-quote{
  min-height:32px; padding:6px 8px !important; font-size:12px;
}

/* ---------- B. Khoi "HANG CO SAN - GIAO NGAY" (khung .vtmn-flash) ----------
   Cho gia trong khoi nay von la DAI GRADIENT DO -> VANG kem tia set (kieu
   flash sale). Khi trong do chi con chu "Lien he bao gia" thi dai do hoa ra
   hua hen giam gia ma khong he co gia -> gay hieu nham. Dung :has() de CHI
   trung hop khong co gia moi bo dai do; nhap gia tro lai la dai do tu quay
   ve nguyen ban, khong phai sua CSS. */
.vtmn-flash .product-small .price:has(.vtmn-lienhe){
  min-height:0; padding:0; background:none; color:inherit;
}
.vtmn-flash .product-small .price:has(.vtmn-lienhe):before{ display:none; }
.vtmn-flash .product-small .price .vtmn-lienhe{
  display:inline-block; padding:5px 12px; border-radius:6px;
  background:#fff1e5; color:var(--oldColor);
  font-size:14px; font-weight:700; line-height:1.35; white-space:nowrap;
}
/* Trong khoi nay nut vien xanh nam tren nen trang cua the -> giu nguyen,
   chi keo gan lai cho khop nhip cua the. */
.vtmn-flash .product-small .vtmn-loop-quote{ margin-top:10px !important; }

/* ---------- C. Cua so "Xem nhanh" (quick view) ----------
   Quick view cua Flatsome dung hook rieng, khong chay khoi CTA cua trang
   san pham don -> theme con chen cap nut goi/Zalo o day (functions.php 2c). */
.vtmn-quote-cta--qv{ margin:14px 0 4px; }
.vtmn-quote-cta--qv .vtmn-quote-btn{ min-height:44px; font-size:14px; }

/* (Dai link nhanh trang duoi header — ul.vtmn-ql-menu — DA CO san khoi CSS rieng
   o muc 7 phia tren file, thiet ke cho danh sach dai va cuon ngang duoc.
   Khong viet lai o day; chi can do MENU that (location secondary) co muc.) */

/* ---------- E. Trang chu: khoi nhom nganh hang (thay "Top hang") ----------
   .vtmn-groupnav / .vtmn-usp-* da co o khoi CSS truoc; day la phan luoi 8 o. */
.vtmn-grouprank > .col{ padding-bottom:16px; }
.vtmn-groupcard{
  display:flex; align-items:center; gap:10px; height:100%;
  padding:12px 14px; border-radius:var(--main-border-radius);
  border:1px solid var(--lineColor); background:#f7f9ff;
}
.vtmn-groupcard:hover{ border-color:var(--mainColor); background:#fff; }
.vtmn-groupcard .vtmn-groupcard-num{
  flex:0 0 auto; font-size:26px; font-weight:800; line-height:1;
  color:var(--mainColor); opacity:.35;
}
.vtmn-groupcard a{ font-size:14px; font-weight:700; line-height:1.3; color:#16233c; }
.vtmn-groupcard a:hover{ color:var(--mainColor); }
@media (max-width:549px){
  .vtmn-groupcard{ padding:10px; gap:8px; }
  .vtmn-groupcard .vtmn-groupcard-num{ font-size:22px; }
  .vtmn-groupcard a{ font-size:13px; }
}

/* ---------- F. Dai danh muc: ten nganh vat tu DAI hon ten dien may ----------
   Do thuc te tren trang chu moi (1280px, 8 cot): pill ten danh muc cua ban cu
   la MOT DONG + ellipsis (white-space:nowrap) — o rong chi 125px nen 4/8 ten bi
   cat cut: "O-ring - Gioang - Ron cao su" (can 218px), "Khop noi - Vong dem
   giam chan" (237px), "Vong bi - Bac dan" (146px), "Phu kien cong nghiep" (167px).
   Ten dien may cu ("Tivi", "Tu lanh") ngan nen ban cu khong lo ra loi nay.
   => Cho ten XUONG DONG (toi 3 dong la du cho ten dai nhat) va cho moi pill mot
   chieu cao toi thieu bang nhau de hang the van thang tap. */
.vtmn-catstrip .box-text h5{
  white-space:normal; overflow:visible; text-overflow:clip;
}
@media (min-width:768px){
  .vtmn-catstrip .box-text h5{
    display:flex; align-items:center; justify-content:center;
    width:100%; max-width:100%; min-height:66px;
    padding:6px 10px; font-size:13px; line-height:18px;
  }
}
@media (max-width:767px){
  /* Duoi 768px pill da bo nen (quy tac cu), chi can dong deu va khong cat chu. */
  .vtmn-catstrip .box-text h5{ min-height:54px; line-height:18px; }
}


/* ===== VA NGHIEM THU 15/08/2026 =====
   Ba loi do duoc bang thuoc do CDP tren ban dung that, khong phai doan.
   ------------------------------------------------------------------ */

/* (a) LOGO TRAN RA DE LEN NUT "DANH MUC".
       Do thuc te: #logo a rong 210px (Flatsome ep theo header_logo_width)
       nhung #logo img rong 250px -> mep phai anh o x=290 trong khi nut
       DANH MUC bat dau o x=260 => de nhau 30px. Cho khoi logo tu co gian
       theo be rong anh (mobile van bi max-width:176px cua khoi @media chan). */
#logo, #logo a { width: auto !important; }

/* (b) NUT BAO GIA NHAY LEN TREN TEN SAN PHAM.
       .box-text o .home/.archive la display:flex + order 1..4 cho tung phan
       (ten=2, gia=3). Nut in ra tu hook flatsome_product_box_after khong co
       order nen an order:0 => len dau the. Day xuong duoi cung. */
.home .product-small .vtmn-loop-quote,
.archive .product-small .vtmn-loop-quote { order: 5; }

/* (c) DAI LINK NHANH BI CAT CHU O MUC CUOI.
       Menu nay truoc co 13 muc, nay chi con 8 nhung van rong 1216px trong
       khung 1093px (do o man 1400px) -> "Phu kien cong nghiep" bi mask cat.
       Thu gon chu + khoang cach cho vua; man hep hon van con cuon + mo dan. */
ul.vtmn-ql-menu > li { margin-right: 12px; }
ul.vtmn-ql-menu > li > a { font-size: 14px; }