/* domuc.vn stable mobile header/menu fix - 20260619-0252 */
@media (max-width:1023px){
  .site-header{display:block!important;position:relative!important;height:128px!important;min-height:128px!important;background:#fff!important;overflow:visible!important;border-top:4px solid #1a4d8c!important;z-index:1000000!important;}
  .top_bar{display:block!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;background:#fff!important;}
  .top_bar>:not(.header__mobile){display:none!important;}
  .header__main{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;}
  .header__mobile{display:block!important;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:8px 0 10px!important;margin:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;z-index:50!important;}
  .header__mobile>.container{display:block!important;width:100%!important;max-width:none!important;padding:0 14px!important;margin:0!important;}
  .header__mobile .row.align-items-center{display:block!important;min-height:58px!important;height:58px!important;margin:0!important;position:relative!important;overflow:visible!important;}
  .header__mobile .col-10,.header__mobile .col-10.p-0{display:block!important;width:100%!important;max-width:none!important;min-height:58px!important;height:58px!important;padding:0!important;margin:0!important;overflow:visible!important;}
  .header__mobile ._main_header_mb{display:flex!important;align-items:center!important;width:100%!important;min-height:58px!important;height:58px!important;overflow:hidden!important;padding-right:64px!important;}
  .header__mobile .header__logo__mobile{display:block!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:58px!important;overflow:hidden!important;}
  .header__mobile .header__logo__mobile img{display:block!important;width:132px!important;height:58px!important;max-width:132px!important;max-height:58px!important;object-fit:contain!important;margin:0!important;opacity:1!important;visibility:visible!important;}
  .header__mobile .sologan_mobile{display:none!important;}
  .header__mobile .col-2,.header__mobile .col-2.p-0{display:block!important;position:absolute!important;top:0!important;right:0!important;width:62px!important;max-width:62px!important;height:58px!important;max-height:58px!important;min-height:58px!important;flex:0 0 62px!important;padding:0!important;margin:0!important;overflow:visible!important;z-index:1000001!important;pointer-events:auto!important;}
  .header__mobile #mega-menu-wrap-menu-1{display:block!important;position:absolute!important;top:13px!important;right:14px!important;left:auto!important;width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;background:transparent!important;z-index:999999!important;overflow:visible!important;}
  .header__mobile #mega-menu-wrap-menu-1 .mega-toggle-blocks-left,
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-hide-on-desktop{display:none!important;}
  .header__mobile #mega-menu-wrap-menu-1 .mega-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;pointer-events:auto!important;}
  .header__mobile #mega-menu-wrap-menu-1 .mega-toggle-blocks-right,
  .header__mobile #mega-menu-wrap-menu-1 .mega-toggle-block-2{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;}
  .header__mobile #mega-menu-wrap-menu-1 .mega-toggle-block-2:after{content:""!important;display:block!important;width:30px!important;height:22px!important;background:linear-gradient(#1a4d8c,#1a4d8c) 0 0/30px 4px no-repeat,linear-gradient(#1a4d8c,#1a4d8c) 0 9px/30px 4px no-repeat,linear-gradient(#1a4d8c,#1a4d8c) 0 18px/30px 4px no-repeat!important;border:0!important;}
  .header__mobile #mega-menu-wrap-menu-1 .mega-toggle-label{display:none!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1{display:block!important;position:fixed!important;top:0!important;left:-320px!important;right:auto!important;width:300px!important;max-width:82vw!important;height:100vh!important;max-height:100vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important;box-shadow:0 10px 35px rgba(0,0,0,.24)!important;z-index:2147483000!important;padding:18px 0 100px!important;margin:0!important;transition:left .22s ease!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:auto!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1.domuc-open{left:0!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1,.header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1 li{list-style:none!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link{display:block!important;padding:13px 18px!important;line-height:1.35!important;border-bottom:1px solid #e6edf5!important;background:#fff!important;color:#123b66!important;font-size:17px!important;font-weight:600!important;text-decoration:none!important;white-space:normal!important;pointer-events:auto!important;touch-action:manipulation!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1>li>a.mega-menu-link{font-weight:700!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu{display:none!important;position:static!important;box-shadow:none!important;border:0!important;background:#f8fafc!important;margin:0!important;padding:0!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-toggle-on>ul.mega-sub-menu{display:block!important;}
  .header__mobile #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-indicator{float:right!important;}
  .site-header .container-fluid{display:block!important;width:100%!important;padding:0 14px!important;margin:0!important;background:#fff!important;}
  .site-header .container-fluid .row{display:block!important;margin:0!important;}
  .site-header .search__form{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:4px 0 0!important;margin:0!important;text-align:center!important;}
  .site-header .screen-reader-text,.site-header .woocommerce-product-search label,.site-header .search__form label{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;}
  .site-header .woocommerce-product-search{display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%!important;max-width:360px!important;height:44px!important;min-height:44px!important;margin:0 auto!important;padding:0!important;background:transparent!important;}
  .site-header .woocommerce-product-search .search-field{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;height:44px!important;line-height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid #fff!important;border-right:0!important;border-radius:8px 0 0 8px!important;background:#fff!important;font-size:16px!important;box-shadow:none!important;}
  .site-header .woocommerce-product-search button{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;float:none!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0 8px 8px 0!important;background:#ff6b00!important;transform:none!important;box-shadow:0 2px 10px rgba(255,107,0,.2)!important;}
  .site-header .woocommerce-product-search button i{display:none!important;}
  .site-header .woocommerce-product-search button:before{content:""!important;display:block!important;position:absolute!important;left:17px!important;top:11px!important;width:15px!important;height:15px!important;border:3px solid #111!important;border-radius:50%!important;background:transparent!important;box-sizing:border-box!important;}
  .site-header .woocommerce-product-search button:after{content:""!important;display:block!important;position:absolute!important;left:30px!important;top:27px!important;width:11px!important;height:3px!important;background:#111!important;border-radius:3px!important;transform:rotate(45deg)!important;transform-origin:left center!important;}
  #content{margin-top:0!important;position:relative!important;z-index:1!important;}
  .bread__crumbs{margin-top:0!important;}
}


/* keep mobile search visually stable after tap/focus */
@media (max-width:1023px){
  .site-header .search__form,
  .site-header .search__form:focus,
  .site-header .search__form:focus-within,
  .site-header .woocommerce-product-search,
  .site-header .woocommerce-product-search:focus,
  .site-header .woocommerce-product-search:focus-within{
    outline:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .site-header .woocommerce-product-search .search-field,
  .site-header .woocommerce-product-search .search-field:hover,
  .site-header .woocommerce-product-search .search-field:focus,
  .site-header .woocommerce-product-search .search-field:active,
  .site-header .woocommerce-product-search .search-field:focus-visible{
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
    margin:0!important;
    padding:0 14px!important;
    outline:0!important;
    border:1px solid #fff!important;
    border-right:0!important;
    border-radius:8px 0 0 8px!important;
    background:#fff!important;
    color:#333!important;
    box-shadow:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  .site-header .woocommerce-product-search button,
  .site-header .woocommerce-product-search button:hover,
  .site-header .woocommerce-product-search button:focus,
  .site-header .woocommerce-product-search button:active,
  .site-header .woocommerce-product-search button:focus-visible{
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    outline:0!important;
    border:0!important;
    border-radius:0 8px 8px 0!important;
    background:#ff6b00!important;
    box-shadow:0 2px 10px rgba(255,107,0,.2)!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
}


/* final mobile search look: white border, no blue focus jump */
@media (max-width:1023px){
  .site-header .woocommerce-product-search,
  .site-header .woocommerce-product-search:hover,
  .site-header .woocommerce-product-search:focus,
  .site-header .woocommerce-product-search:focus-within{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .site-header .woocommerce-product-search .search-field,
  .site-header .woocommerce-product-search .search-field:hover,
  .site-header .woocommerce-product-search .search-field:focus,
  .site-header .woocommerce-product-search .search-field:active,
  .site-header .woocommerce-product-search .search-field:focus-visible{
    border:1px solid #fff!important;
    border-right:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
}


/* stable mobile floating/CTA icons: do not depend on broken icon fonts or bad inline svg paths */
@media (max-width:768px){
  .mobile-cta-bar > a > i,
  .mobile-cta-bar > a > svg{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .mobile-cta-bar > a::before{
    content:""!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0 0 2px!important;
    line-height:24px!important;
    background:#111!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-weight:800!important;
    font-size:15px!important;
    text-align:center!important;
    -webkit-mask:none!important;
    mask:none!important;
  }
  .mobile-cta-bar > a.cta-call::before{
    background:#000!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.5 3 3.7 5.1 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.3 1.3.4 2.6.6 4 .6.7 0 1.2.5 1.2 1.2v3.5c0 .7-.5 1.2-1.2 1.2C10.8 21.4 2.6 13.2 2.6 3.4c0-.7.5-1.2 1.2-1.2h3.5c.7 0 1.2.5 1.2 1.2 0 1.4.2 2.7.6 4 .1.4 0 .9-.3 1.2l-2.2 2.2z'/%3E%3C/svg%3E") center/23px 23px no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.5 3 3.7 5.1 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.3 1.3.4 2.6.6 4 .6.7 0 1.2.5 1.2 1.2v3.5c0 .7-.5 1.2-1.2 1.2C10.8 21.4 2.6 13.2 2.6 3.4c0-.7.5-1.2 1.2-1.2h3.5c.7 0 1.2.5 1.2 1.2 0 1.4.2 2.7.6 4 .1.4 0 .9-.3 1.2l-2.2 2.2z'/%3E%3C/svg%3E") center/23px 23px no-repeat!important;
  }
  .mobile-cta-bar > a.cta-zalo::before{
    content:"Z"!important;
    background:#0a8cff!important;
    border-radius:50%!important;
    color:#fff!important;
    font-size:15px!important;
    letter-spacing:0!important;
  }
  .mobile-cta-bar > a.cta-map::before{
    background:#000!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") center/24px 24px no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") center/24px 24px no-repeat!important;
  }
  .mobile-cta-bar > a.cta-fb::before{
    content:"f"!important;
    background:transparent!important;
    color:#000!important;
    font-size:30px!important;
    font-family:Arial,sans-serif!important;
    font-weight:900!important;
    line-height:22px!important;
  }
  #cn-search-fab > svg,
  #cn-search-fab > .label,
  #cn-search-fab > .kbd{
    display:none!important;
  }
  #cn-search-fab{
    position:fixed!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    padding:0!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  #cn-search-fab::before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    border:3px solid #fff!important;
    border-radius:50%!important;
    background:transparent!important;
    box-sizing:border-box!important;
    position:absolute!important;
    left:14px!important;
    top:13px!important;
  }
  #cn-search-fab::after{
    content:""!important;
    display:block!important;
    width:12px!important;
    height:3px!important;
    border-radius:3px!important;
    background:#fff!important;
    position:absolute!important;
    left:29px!important;
    top:30px!important;
    transform:rotate(45deg)!important;
    transform-origin:left center!important;
  }
}


/* domuc contact card readability 20260619 */
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] h3,
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] p,
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] span,
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] strong { color:#fff !important; opacity:1 !important; }
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] a[href^="tel"],
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] a[href^="mailto"] { color:#ffe08a !important; opacity:1 !important; text-shadow:0 1px 1px rgba(0,0,0,.18); }
._content_single_post div[style*="linear-gradient(135deg,#1a4d8c"] a[style*="background:#fff"] { color:#1a4d8c !important; }
.domuc-generated-media { box-shadow:0 8px 24px rgba(15,49,88,.08); background:#eef7ff; }

/* domuc visual stability / cache-busted 20260619 */
@media (max-width:1023px){
  body.post-template-default #page{overflow-x:hidden;}
  body.post-template-default .header__mobile{display:block!important;background:#fff;min-height:172px;}
  body.post-template-default .header__mobile .header__logo__mobile,
  body.post-template-default .header__mobile .header__logo,
  body.post-template-default .header__mobile .logo{min-height:82px;}
  body.post-template-default .search__form{min-height:62px;}
  body.post-template-default .woocommerce-product-search{min-height:58px;}
  body.post-template-default #content>.bread__crumbs{height:25rem;min-height:25rem;}
  body.post-template-default #content>.container.my-5{margin-top:3rem!important;}
}
.home-banner-picture{display:block;width:100%;aspect-ratio:1366/500;background:#eef6ff;border-radius:10px;overflow:hidden;}
.home-banner-picture img{display:block;width:100%!important;height:100%!important;aspect-ratio:1366/500;object-fit:cover;}
._content_single_post a[style*="border:1px solid #e5e7eb"],
._content_single_post a[style*="border: 1px solid rgb(229, 231, 235)"],
._content_single_post div[style*="border:1px solid #e5e7eb"],
.trust-section .testimonial-dot{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease!important;}
@media (prefers-reduced-motion:reduce){
  ._content_single_post *,#cn-search-fab,.mobile-cta-bar *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
/* domuc below-fold render budget 20260619 */
@supports (content-visibility:auto){
  .commitment-section,.trust-section,#cn-seo-service-hub,.cn-district-hub,.cn-curated-service-links,.faq-section,.seo-service-hubs,.footer___main,.hotline_list{
    content-visibility:auto;
    contain-intrinsic-size:1px 780px;
  }
  .footer___main,.hotline_list{contain-intrinsic-size:1px 420px;}
}

