/* Datxe header clone for web_seo_1 default theme */
.header-wow{position:sticky;top:0;z-index:9999;background:#fff;font-family:Roboto,Arial,sans-serif;box-shadow:0 2px 10px rgba(15,23,42,.06)}
.header-wow .container{max-width:1280px;width:min(1280px,calc(100% - 32px));margin:0 auto}
.header-wow-mini-top{background:#3f3f3f;color:#e5e7eb;font-size:13px;height:34px;display:flex;align-items:center}
.header-wow-mini-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.header-wow-mini-links{display:flex;align-items:center;gap:22px}.header-wow-mini-top a{color:#e5e7eb;text-decoration:none;font-weight:600}.header-wow-mini-top i{margin-right:5px;color:#dbeafe}
.header-wow-top{background:#ef0808;border-bottom:1px solid rgba(255,255,255,.42)}
.header-wow-top .row{min-height:78px}.h-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:#111827}.h-logo img{width:74px;height:74px;object-fit:contain;border-radius:18px;background:#fff;padding:4px}.h-logo:after{content:"Trang chủ\A Marketplace SEO";white-space:pre;line-height:1.15;font-size:22px;font-weight:900;color:#06122c}.h-logo:before{content:"";display:none}
.header-wow-top-list{height:78px;display:flex;align-items:center;justify-content:flex-end;gap:14px;position:relative}.header-wow-top-list>a,.header-menu-dropdown-toggle{height:44px;padding:0 12px;border-radius:999px;color:#06122c;text-decoration:none;font-weight:850;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.header-wow-top-list>a:hover,.header-menu-dropdown:hover .header-menu-dropdown-toggle{background:rgba(255,255,255,.18);color:#fff}.header-wow-top-list i{font-size:20px}.header-menu-dropdown{position:relative}.header-menu-dropdown-list{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:10000}.header-menu-dropdown:hover .header-menu-dropdown-list{opacity:1;visibility:visible;transform:translateY(0)}.header-menu-dropdown-list .dropdown-item{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;color:#111827;text-decoration:none;font-weight:750}.header-menu-dropdown-list .dropdown-item:hover{background:#fff1f2;color:#ef0808}.menu-more{position:relative}.appWrapper-Header-menu{position:absolute;right:0;top:68px;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 48px rgba(15,23,42,.2);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:10001}.menu-more:hover+.appWrapper-Header-menu,.appWrapper-Header-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}.appWrapper-UserMenuItem{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#f8fafc}.appWrapper-UserMenuItem-left{width:46px;height:46px;border-radius:50%;background-size:cover;background-position:center;background-color:#e5e7eb;flex:0 0 46px}.appWrapper-UserMenuItem-above{display:block;font-weight:900;color:#111827;text-decoration:none}.appWrapper-UserMenuItem-below{display:block;color:#64748b;font-size:13px;text-decoration:none}.header-more-link{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;text-decoration:none;color:#111827;font-weight:750}.header-more-link:hover{background:#fff1f2;color:#ef0808}
.header-wow-sticky{background:#ef0808}.header-wow-sticky .row{min-height:64px}.header-wow-sticky-search{height:46px;background:#fff;border:2px solid #f59e0b;border-radius:999px;display:grid;grid-template-columns:minmax(0,1fr) 130px;align-items:center;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.08)}.header-wow-sticky-search input{height:100%;border:0;outline:none;padding:0 18px;font-size:15px;color:#111827;min-width:0}.header-wow-sticky-search-action{height:100%;border:0;background:#f59e0b;color:#fff;font-size:17px;font-weight:900}.header-wow-sticky-list{display:flex;justify-content:flex-end;align-items:center;gap:12px}.toolbar-link a{height:44px;border-radius:999px;background:#f59e0b;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:900;box-shadow:0 10px 25px rgba(245,158,11,.26)}.toolbar-link-profile a{background:#f59e0b}.header-wow-sticky-add{min-width:170px}.header-wow-sticky-list .bi{font-size:18px}.text-right{text-align:right!important}
.header-mobile{background:#ef0808;position:sticky;top:0;z-index:9999}.box-header-mobile{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.header-mobile-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:900}.header-mobile-logo img{background:#fff;border-radius:12px;padding:2px;max-width:46px}.box-header-mobile-right{display:flex;align-items:center;gap:10px}.header-mobile-message,.header-mobile-burger{width:40px;height:40px;border-radius:12px;border:0;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none}.header-mobile-search-box{background:#ef0808;padding:0 12px 10px;position:sticky;top:58px;z-index:9998}.datxe-mobile-search-inner{height:44px;background:#fff;border-radius:999px;display:grid;grid-template-columns:42px minmax(0,1fr) 62px;align-items:center;overflow:hidden}.datxe-mobile-search-inner i{text-align:center;color:#64748b}.datxe-mobile-search-inner input{border:0;outline:none;min-width:0}.datxe-mobile-search-inner button{height:100%;border:0;background:#f59e0b;color:#fff;font-weight:900}
.w11-pro-site .w11-pro-header{display:none!important}.w11-pro-main{padding-top:0!important}.w11-mobile-panel{position:fixed;top:0;right:-360px;width:min(340px,88vw);height:100vh;background:#fff;z-index:10002;box-shadow:-20px 0 50px rgba(15,23,42,.2);padding:18px;transition:.25s;display:flex;flex-direction:column;gap:8px}.w11-menu-open .w11-mobile-panel{right:0}.w11-mobile-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.w11-mobile-panel__head button{border:0;background:#f1f5f9;border-radius:12px;width:40px;height:40px}.w11-mobile-panel>a{padding:12px 14px;border-radius:14px;background:#f8fafc;text-decoration:none;color:#111827;font-weight:850}.w11-mobile-cta-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:10001;display:none;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.95);box-shadow:0 14px 40px rgba(15,23,42,.18);border-radius:20px;padding:8px;backdrop-filter:blur(14px)}.w11-mobile-cta-bar a{height:44px;border-radius:14px;background:#f59e0b;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:900;font-size:13px}
@media(max-width:991.98px){.w11-mobile-cta-bar{display:grid}.w11-pro-main{padding-bottom:0px!important}}
@media(min-width:992px){.header-mobile,.header-mobile-search-box{display:none!important}}
@media(max-width:1199px){.h-logo:after{font-size:18px}.header-wow-top-list{gap:6px}.header-wow-top-list>a,.header-menu-dropdown-toggle{padding:0 8px}.header-wow-sticky-search{grid-template-columns:minmax(0,1fr) 112px}.toolbar-link a{padding:0 13px}}

/* v10 stabilizer: giữ layout header-wow theo dạng datxe, không để CSS cũ chen vào */
.header-wow *{box-sizing:border-box}
.header-wow .row{display:flex;flex-wrap:wrap;align-items:center}
.header-wow .col-lg-3{flex:0 0 25%;max-width:25%}
.header-wow .col-lg-9{flex:0 0 75%;max-width:75%}
.header-wow .col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
.header-wow .col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
.header-wow-top-list{flex-wrap:nowrap!important}
.header-wow-top-list>a,.header-menu-dropdown-toggle{font-size:16px;line-height:1}
.header-wow-sticky-search{max-width:100%}
.header-wow-sticky-list{white-space:nowrap}
@media(max-width:1199px){.header-wow .container{width:min(1280px,calc(100% - 24px));max-width:1280px}.header-wow-top-list>a,.header-menu-dropdown-toggle{font-size:14px}.h-logo img{width:64px;height:64px}}
@media(max-width:991.98px){.header-wow{display:none!important}}


/* v12 logo admin height: logo lấy từ admin, chỉ khóa chiều cao, chiều rộng auto theo tỷ lệ ảnh gốc */
.header-wow .h-logo{min-height:78px;display:flex;align-items:center;gap:0!important;overflow:visible!important;}
.header-wow .h-logo:after{display:none!important;content:none!important;}
.header-wow .h-logo img{width:auto!important;height:var(--datxe-logo-height,60px)!important;max-width:100%!important;max-height:160px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;padding:0!important;display:block!important;}
.header-mobile-logo img{width:auto!important;height:var(--datxe-logo-height,42px)!important;max-height:52px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;padding:0!important;}
@media(max-width:1199px){.header-wow .h-logo img{width:auto!important;height:var(--datxe-logo-height,60px)!important;}}

/* ===== CHỈ THU NHỎ THANH ĐỎ ===== */
.header-wow-top{
    padding: 4px 0 !important;
}
/* v13 datxe exact compact header: thu nhỏ search + tài khoản + đăng tin, bỏ cảm giác cồng kềnh */
.header-wow-top{
    height: 56px !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    overflow: visible !important;
}
.header-wow-top .row{
    min-height: 56px !important;
    height: 56px !important;
    align-items: center !important;
}
.header-wow .h-logo{
    min-height: 56px !important;
    height: 56px !important;
    align-items: center !important;
}
.header-wow .h-logo img{
    max-height: 38px !important;
    height: min(var(--datxe-logo-height,38px),38px) !important;
    width: auto !important;
}
.header-wow-top-list{
    height: 56px !important;
    min-height: 56px !important;
    align-items: center !important;
    gap: 20px !important;
}
.header-wow-top-list>a,
.header-menu-dropdown-toggle{
    height: 34px !important;
    padding: 0 6px !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 15px !important;
    line-height: 34px !important;
    color: #ffffff !important;
    gap: 6px !important;
}
.header-wow-top-list i,
.header-menu-dropdown-toggle i{
    font-size: 19px !important;
    color: #ffffff !important;
}
.header-wow-sticky{
    height: 52px !important;
    padding: 0 !important;
    background: #ef0808 !important;
}
.header-wow-sticky .row{
    min-height: 52px !important;
    height: 52px !important;
    align-items: center !important;
}
.header-wow-sticky-search{
    width: 100% !important;
    max-width: 610px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    grid-template-columns: minmax(0,1fr) 42px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}
.header-wow-sticky-search input{
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    line-height: 38px !important;
}
.header-wow-sticky-search-action{
    width: 42px !important;
    height: 38px !important;
    background: #ffffff !important;
    color: #ff8a00 !important;
    font-size: 20px !important;
    padding: 0 !important;
}
.header-wow-sticky-list{
    height: 52px !important;
    align-items: center !important;
    gap: 8px !important;
}
.toolbar-link a{
    height: 38px !important;
    min-width: 0 !important;
    padding: 0 14px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    line-height: 38px !important;
    box-shadow: none !important;
    background: #f59e0b !important;
}
.toolbar-link-profile a{
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 8px !important;
    box-shadow: none !important;
    font-weight: 800 !important;
}
.toolbar-link-profile svg{
    width: 30px !important;
    height: 30px !important;
}
.header-wow-sticky-add{
    min-width: 132px !important;
}
@media(max-width:1199px){
    .header-wow-top-list{gap:12px !important;}
    .header-wow-top-list>a,.header-menu-dropdown-toggle{font-size:14px !important;}
    .header-wow-sticky-search{max-width:560px !important;}
}


/* ===== DATXE FINAL CONTAINER 1280 - HEADER + BODY SYNC =====
   Nền header/navbar/slider vẫn full màn hình. Chỉ phần ruột menu/search/content dùng 1280px. */
:root{--datxe-container-1280:1280px;--datxe-container-gap:32px;}
@media (min-width:992px){
  .header-wow-mini-top > .container,
  .header-wow-mini-inner,
  .header-wow-top > .container,
  .header-wow-sticky > .container{
    width:min(var(--datxe-container-1280), calc(100% - var(--datxe-container-gap)))!important;
    max-width:var(--datxe-container-1280)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .header-wow,
  .header-wow-mini-top,
  .header-wow-top,
  .header-wow-sticky{
    width:100%!important;
    max-width:none!important;
  }

  .header-wow-top .row,
  .header-wow-sticky .row{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .header-wow-top-list{
    width:100%!important;
    justify-content:flex-end!important;
  }

  .datxe-sticky-search-location,
  .datxe-search-wrap{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:991.98px){
  :root{--datxe-container-gap:16px;}
}


/* ===== PATCH MOBILE HEADER SYNC - all frontend pages + homepage =====
   Đồng bộ mép trái/phải navbar mobile, chống CSS riêng từng trang kéo sát mép làm mất logo/text/icon. */
@media(max-width:991.98px){
  body.w11-pro-site .datxe-mobile-app-header{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:var(--datxe-mobile-red,var(--header-wow-top-bg,#ef0808))!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-appbar{
    width:100%!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:minmax(64px,84px) minmax(0,1fr) 36px 36px!important;
    align-items:center!important;
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-logo{
    width:100%!important;
    max-width:84px!important;
    min-width:0!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-logo img{
    width:auto!important;
    height:auto!important;
    max-width:82px!important;
    max-height:40px!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-search{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-search-inner{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 34px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-search-inner input{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-icon{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media(max-width:575.98px){
  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-appbar{
    grid-template-columns:minmax(58px,74px) minmax(0,1fr) 34px 34px!important;
    gap:6px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-logo{max-width:74px!important;}
  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-logo img{max-width:72px!important;max-height:38px!important;}
  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-icon{width:34px!important;min-width:34px!important;height:34px!important;flex-basis:34px!important;}
  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-app-search-inner{height:35px!important;grid-template-columns:30px minmax(0,1fr) 32px!important;}
}


/* ===== DATXE NAVBAR FLOW SYNC - global PC + mobile =====
   Navbar dùng chung render một lần trong layouts.app, nằm trong luồng thật:
   navbar > banner/top region > breadcrumb/content. Không fixed/absolute để tránh đè banner. */
body.w11-pro-site .header-wow,
body.w11-pro-site .header-wow.header-wow-active,
body.w11-pro-site .header-wow.header-wow-fixed,
body.w11-pro-site .header-wow.is-sticky{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  z-index:50!important;
}

body.w11-pro-site main.w11-pro-main{
  padding-top:0!important;
  margin-top:0!important;
}

body.w11-pro-site .ct5-listing-page,
body.w11-pro-site .dt-page,
body.w11-pro-site .w11-home-page{
  margin-top:0!important;
}

@media(max-width:991.98px){
  body.w11-pro-site .header-mobile.datxe-mobile-app-header,
  body.w11-pro-site .datxe-mobile-app-header,
  body.ct5-listing-detail-page .datxe-mobile-app-header{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    z-index:50!important;
    margin:0!important;
    padding:0!important;
    clear:both!important;
    float:none!important;
  }

  body.w11-pro-site .datxe-mobile-app-header .datxe-mobile-appbar,
  body.ct5-listing-detail-page .datxe-mobile-appbar{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    box-sizing:border-box!important;
  }

  body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-top,
  body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-mobile-fallback,
  body.w11-pro-site .ct5-listing-page .ct5-detail-banner-top,
  body.w11-pro-site .ct5-listing-page .ct5-detail-banner-mobile-fallback{
    position:relative!important;
    z-index:1!important;
    clear:both!important;
    margin-top:0!important;
  }
}

/* Listing detail: căn title/mô tả/vị trí/cập nhật đồng bộ với khối thông tin dịch vụ và mô tả chi tiết. */
body.ct5-listing-detail-page .ct5-listing-page .ct5-title-block{
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}
body.ct5-listing-detail-page .ct5-listing-page .ct5-title-block h1,
body.ct5-listing-detail-page .ct5-listing-page .ct5-price-row,
body.ct5-listing-detail-page .ct5-listing-page .ct5-address,
body.ct5-listing-detail-page .ct5-listing-page .ct5-posted{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:991.98px){
  body.ct5-listing-detail-page .ct5-listing-page .ct5-title-block{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}


/* DATXE 95 FINAL - Listing detail navbar flow patch.
   Scope riêng trang tin đăng chi tiết: navbar PC/mobile phải nằm trong flow trên banner top,
   không sticky/fixed/absolute, không che ảnh banner. */
body.ct5-listing-detail-page .ct5-listing-page .ct5-container > .ct5-detail-navbar-mount{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:10!important;
    clear:both!important;
    float:none!important;
    margin:0 0 12px!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
body.ct5-listing-detail-page .ct5-detail-navbar-mount > .header-wow,
body.ct5-listing-detail-page .ct5-detail-navbar-mount > .datxe-mobile-app-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:10!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    clear:both!important;
    float:none!important;
    box-sizing:border-box!important;
}
body.ct5-listing-detail-page .ct5-detail-navbar-mount > .header-wow{box-shadow:none!important;}
body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-top,
body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-mobile-fallback{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    clear:both!important;
    margin-top:0!important;
    transform:none!important;
}
body.ct5-listing-detail-page .ct5-listing-page .ct5-scrollbar{
    position:relative!important;
    top:auto!important;
    z-index:5!important;
    transform:none!important;
}
@media(max-width:991.98px){
    body.ct5-listing-detail-page .ct5-listing-page .ct5-container > .ct5-detail-navbar-mount{margin-bottom:10px!important;}
    body.ct5-listing-detail-page .ct5-detail-navbar-mount > .datxe-mobile-app-header{display:block!important;}
    body.ct5-listing-detail-page .ct5-detail-navbar-mount .datxe-mobile-appbar{
        height:56px!important;
        min-height:56px!important;
        max-height:56px!important;
        box-sizing:border-box!important;
    }
}

/* DATXE 102 HOTFIX: navbar chỉ được nằm trong slot global trước main, không được rơi xuống content/footer */
body.w11-pro-site #datxe-global-navbar-slot{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  z-index:9999!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  clear:both!important;
  float:none!important;
  transform:none!important;
  order:0!important;
}
body.w11-pro-site #datxe-global-navbar-slot .header-wow,
body.w11-pro-site #datxe-global-navbar-slot .datxe-mobile-app-header{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  clear:both!important;
  float:none!important;
  transform:none!important;
}
body.w11-pro-site main.w11-pro-main{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
  margin-top:0!important;
}
body.w11-pro-site main.w11-pro-main > .header-wow,
body.w11-pro-site main.w11-pro-main > .datxe-mobile-app-header,
body.w11-pro-site footer .header-wow,
body.w11-pro-site footer .datxe-mobile-app-header{
  display:none!important;
}
@media(min-width:992px){
  body.w11-pro-site #datxe-global-navbar-slot .header-wow{display:block!important;}
  body.w11-pro-site #datxe-global-navbar-slot .datxe-mobile-app-header{display:none!important;}
}
@media(max-width:991.98px){
  body.w11-pro-site #datxe-global-navbar-slot .header-wow{display:none!important;}
  body.w11-pro-site #datxe-global-navbar-slot .datxe-mobile-app-header{display:block!important;}
}

/* v16 logo sharp + admin height sync */
@media (min-width: 992px) {
    .header-wow .h-logo img {
        height: min(var(--datxe-logo-height,45px),160px) !important;
        max-height: min(var(--datxe-logo-height,45px),160px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: left center !important;
        image-rendering: auto !important;
        transform: none !important;
        backface-visibility: hidden !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }
}


/* v20 final mobile header: real logo height + compact right controls + clickable drawer */
@media(max-width:991.98px){
  body .datxe-mobile-app-header{overflow:visible!important;isolation:isolate!important;}
  body .datxe-mobile-appbar{display:grid!important;grid-template-columns:max-content minmax(0,1fr) 38px!important;align-items:center!important;gap:3px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;padding:5px 6px!important;box-sizing:border-box!important;overflow:visible!important;}
  body .datxe-mobile-app-logo{grid-column:1!important;width:auto!important;min-width:0!important;max-width:none!important;height:46px!important;min-height:46px!important;max-height:46px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;padding:0!important;margin:0!important;flex:0 0 auto!important;}
  body .datxe-mobile-app-logo img{display:block!important;height:46px!important;max-height:46px!important;width:auto!important;min-width:0!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;transform:none!important;image-rendering:auto!important;}
  body .datxe-mobile-search-location-box{grid-column:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch!important;align-self:center!important;margin:0!important;padding:3px!important;box-sizing:border-box!important;border-radius:999px!important;overflow:hidden!important;}
  body .datxe-mobile-search-location-box .datxe-mobile-app-search{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;}
  body .datxe-mobile-search-location-box .datxe-mobile-app-search-inner{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) 24px!important;align-items:center!important;gap:0!important;padding:0 0 0 6px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;border-radius:999px!important;}
  body .datxe-mobile-search-location-box .datxe-mobile-app-search-inner input{width:100%!important;min-width:0!important;font-size:11.5px!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body .datxe-mobile-search-location-box .datxe-mobile-app-search-inner button{width:24px!important;min-width:24px!important;max-width:24px!important;height:28px!important;padding:0!important;}
  body .datxe-mobile-location-btn{width:86px!important;min-width:86px!important;max-width:86px!important;height:34px!important;padding:0 5px!important;gap:3px!important;font-size:10.5px!important;line-height:1!important;flex:0 0 86px!important;overflow:hidden!important;}
  body .datxe-mobile-location-btn span{display:inline-block!important;max-width:48px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body .datxe-mobile-location-btn i{font-size:11px!important;flex:0 0 auto!important;}
  body .datxe-mobile-app-icon[aria-label="Mở menu"]{grid-column:3!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;justify-self:end!important;align-self:center!important;margin:0!important;padding:0!important;position:relative!important;z-index:2147482500!important;pointer-events:auto!important;}
  body.w11-menu-open::before{z-index:2147482000!important;pointer-events:auto!important;background:rgba(15,23,42,.42)!important;}
  body .w11-mobile-panel{z-index:2147483000!important;pointer-events:auto!important;opacity:1!important;filter:none!important;background:#fff!important;isolation:isolate!important;}
  body.w11-menu-open .w11-mobile-panel{right:0!important;}
  body .w11-mobile-panel,body .w11-mobile-panel *{pointer-events:auto!important;}
  body .w11-mobile-panel a,body .w11-mobile-panel button{position:relative!important;z-index:2147483001!important;}
}
@media(max-width:380px){
  body .datxe-mobile-appbar{grid-template-columns:max-content minmax(0,1fr) 36px!important;gap:2px!important;padding-left:5px!important;padding-right:5px!important;}
  body .datxe-mobile-app-logo,body .datxe-mobile-app-logo img{height:44px!important;max-height:44px!important;min-height:44px!important;}
  body .datxe-mobile-search-location-box{grid-template-columns:minmax(0,1fr) 82px!important;gap:2px!important;padding:3px!important;}
  body .datxe-mobile-location-btn{width:82px!important;min-width:82px!important;max-width:82px!important;padding:0 4px!important;font-size:10px!important;}
  body .datxe-mobile-location-btn span{max-width:45px!important;}
  body .datxe-mobile-app-icon[aria-label="Mở menu"]{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;}
}

/* datxe_154 mobile header final fallback; component inline style is the source of truth. */
@media(max-width:991.98px){
  html body .header-mobile.datxe-mobile-app-header>.datxe-mobile-appbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:62px!important;min-height:62px!important;padding:5px!important;gap:2px!important;width:100%!important;box-sizing:border-box!important;overflow:visible!important;}
  html body .header-mobile.datxe-mobile-app-header .datxe-mobile-app-logo,html body .header-mobile.datxe-mobile-app-header .datxe-mobile-app-logo img{height:52px!important;max-height:52px!important;width:auto!important;max-width:none!important;min-width:0!important;object-fit:contain!important;object-position:left center!important;}
  html body .header-mobile.datxe-mobile-app-header .datxe-mobile-app-logo{flex:0 0 auto!important;display:flex!important;align-items:center!important;overflow:visible!important;}
  html body .header-mobile.datxe-mobile-app-header .datxe-mobile-search-location-box{flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 90px!important;gap:2px!important;align-items:center!important;padding:3px!important;}
  html body .header-mobile.datxe-mobile-app-header .datxe-mobile-app-icon[aria-label="Mở menu"]{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;margin-left:2px!important;pointer-events:auto!important;z-index:10030!important;}
  html body .w11-mobile-panel{z-index:2147483600!important;pointer-events:auto!important;background:#fff!important;opacity:1!important;filter:none!important;right:-100vw!important;}
  html body.w11-menu-open .w11-mobile-panel{right:0!important;}
  html body.w11-menu-open::before{z-index:2147483000!important;pointer-events:none!important;background:rgba(15,23,42,.45)!important;}
  html body .w11-mobile-panel,html body .w11-mobile-panel *{pointer-events:auto!important;}
}