/* =====================================================================
   CSS bố cục chung của website (trước đây viết thẳng trong index.php)
   ===================================================================== */

/* ----- Thanh menu trên cùng và chân trang (globalnav) ----- */
.mgn-main{font-family:Lato,Helvetica,Arial,sans-serif;color:#909c9e;font-size:14px;line-height:normal;position:relative}.mgn-main,.mgn-main *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.mgn-main a{color:#778283;text-decoration:none!important}.mgn-main a:hover{color:#424A4F;text-decoration:none!important}.mgn-main ul{list-style-type:none;margin:0;padding:0}.mgn-main li{margin:0;padding:0}.mgn-bar{background:#fff;height:56px;position:relative;z-index:100;clear:both;line-height:normal;opacity:1;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mgn-container{max-width:100%;width:1180px;margin:0 auto;padding:0;position:static}.mgn-medium-screen .mgn-bar>.mgn-container{width:960px}.mgn-logo{padding:16px 30px 0 0;float:left}.mgn-logo svg{fill:#4dbdeb;height:24px;width:83px}.mgn-icon{vertical-align:middle;fill:#778283;background-image:none;height:18px;width:18px}.mgn-icon-close{height:14px;width:14px;margin:2px}.mgn-drawer,.mgn-dropdown{position:absolute;background:#fff;border-top:1px solid #dde8e8;border-bottom:1px solid #dde8e8;box-shadow:3px 3px 10px rgba(0,0,0,.1);overflow:hidden;z-index:99;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.2s}.mgn-drawer.mgn-active,.mgn-dropdown.mgn-active{-webkit-transform:translateY(0);transform:translateY(0)}.mgn-disabled{display:none}.mgn-profile-image-small{width:30px;height:30px;border-radius:30px;margin:0 7px;vertical-align:middle}.mgn-bottom-bar,.mgn-highlighted:after,.mgn-selectable.mgn-active:after,.mgn-selectable:hover:after{content:'';position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 10px);height:5px;background-color:#dde8e8}.mgn-center{text-align:center}.mgn-grey{color:#909c9e}.mgn-strong{font-weight:700}.mgn-mb-0{margin-bottom:0}.mgn-show-local,.mgn-show-pro{display:none}.mgn-btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.4rem .6rem;font-size:14px;border-radius:.125rem;transition-duration:.1s;transition-property:border-color;background-color:#4dbdeb;border:1px solid transparent;border-color:#A6E2F7 #4dbdeb #3594BA;box-shadow:1px 1px 0 0 #3594BA,1px -1px 0 0 #3594BA,-1px 1px 0 0 #3594BA,-1px -1px 0 0 #3594BA;color:#fff}.mgn-btn .mgn-icon{fill:#fff;width:1.7rem;height:1.7rem}.mgn-btn:hover{border-color:#4dbdeb}.mgn-btn.mgn-btn-yellow{background-color:#FFD262;border-color:#FFE8B2 #FFD262 #E4B34F;box-shadow:1px 1px 0 0 #E4B34F,1px -1px 0 0 #E4B34F,-1px 1px 0 0 #E4B34F,-1px -1px 0 0 #E4B34F;color:#AD7327}.mgn-btn.mgn-btn-yellow:hover{color:#AD7327;border-color:#FFD262}.mgn-nav-meta .mgn-item{display:block;float:left;font-family:"Roboto Slab",Museo,MuseoSlab500,Helvetica,Arial,sans-serif}.mgn-nav-meta .mgn-item.mgn-active a{background:#f0f7f7;color:#424A4F}.mgn-nav-meta .mgn-item a{display:block;font-size:18px;padding:0 20px;line-height:56px}.mgn-nav-extra{float:right;margin:0;padding:0}.mgn-nav-extra>li{font-size:16px;float:left;position:relative;overflow:hidden}.mgn-nav-extra>li>a{display:block;height:56px;line-height:56px}.mgn-nav-extra>li.mgn-highlighted span,.mgn-nav-extra>li.mgn-highlighted svg,.mgn-nav-extra>li.mgn-highlighted>a,.mgn-nav-extra>li:hover span,.mgn-nav-extra>li:hover svg,.mgn-nav-extra>li:hover>a{color:#424A4F;fill:#424A4F}.mgn-nav-extra>li.mgn-line-block{background-color:#dde8e8;width:2px;height:30px;margin:16px 10px 0}.mgn-nav-extra .mgn-item{display:block;cursor:pointer;padding:0 10px}.mgn-nav-extra .mgn-nav-extra-label{font-family:Lato,Helvetica,Arial,sans-serif;padding-left:2px}.mgn-nav-extra .mgn-learn>span{margin-left:5px}.mgn-nav-extra .mgn-products>a{position:relative;padding:0 10px;color:#778283;cursor:pointer}.mgn-nav-extra .mgn-gateway-hook{min-width:38px}.mgn-local.mgn-active:after,.mgn-local.mgn-highlighted:after,.mgn-local:hover:after,.mgn-pro.mgn-active:after,.mgn-pro.mgn-highlighted:after,.mgn-pro:hover:after{background-color:#4dbdeb}.mgn-login{line-height:56px}.mgn-login .mgn-button-login{padding:0 10px;color:#4dbdeb;font-weight:900}.mgn-login .mgn-button-login:hover{color:#0b7daa}.mgn-login .mgn-nav-extra-label{font-size:12px;padding-left:2px}.mgn-dropdown{width:250px}.mgn-dropdown .mgn-inner{margin:20px}.mgn-dropdown .mgn-description{font-size:12px;color:#778283}.mgn-dropdown .mgn-site-link{display:block;padding:2px 0;color:#4dbdeb;font-size:14px;font-weight:700}.mgn-dropdown .mgn-site-link .mgn-new{margin-left:5px}.mgn-dropdown .mgn-site-link:hover{color:#0b7daa}.mgn-dropdown .mgn-site-link:hover .mgn-icon-external{display:inline-block}.mgn-dropdown .mgn-header{display:block;font-size:16px;font-weight:400;margin:20px 20px 10px 0}.mgn-dropdown .mgn-ad .mgn-btn,.mgn-dropdown ul{margin-bottom:20px}.mgn-dropdown .mgn-ad .mgn-description{margin:14px 0}.mgn-dropdown .mgn-product-header .mgn-site-link{margin-top:10px;font-size:16px}.mgn-dropdown .mgn-product-header .mgn-description{margin:0 0 14px}.mgn-dropdown .mgn-tools-list .mgn-item{margin:8px 0}.mgn-dropdown .mgn-icon-external{display:none;fill:#0b7daa;width:12px;height:12px}.mgn-dropdown hr{margin:0 auto}.mgn-dropdown .mgn-discover{display:block;margin:20px 0;color:#4dbdeb}.mgn-dropdown .mgn-discover:hover{color:#0b7daa}.mgn-new{position:relative;left:2px;border-radius:2px;padding:3px 4px;background-color:#FFD262;color:#BA6536;font-size:12px;line-height:12px;font-weight:700}.mgn-profile{width:44px}.mgn-profile .mgn-item{padding:0}.mgn-nav-mobile{display:none;float:right;height:56px;padding:15px 0;cursor:pointer}.mgn-nav-mobile.mgn-active .mgn-icon-menu{display:none}.mgn-drawer-mobile{display:none;position:fixed;left:0;top:0;height:100%;width:100%;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.4s;z-index:99;background:#fff;padding-top:76px}.mgn-drawer-mobile.mgn-active{-webkit-transform:translateY(0);transform:translateY(0)}.mgn-drawer-mobile .mgn-mobile-search{position:relative}.mgn-drawer-mobile .mgn-mobile-search input{margin:10px 0 0;height:34px;width:100%;padding:0 40px 0 6px;outline:0;font-size:12px;border:1px solid #dde8e8;border-radius:4px;vertical-align:baseline;line-height:normal;box-shadow:none;-webkit-appearance:none}.mgn-drawer-mobile .mgn-mobile-search button{background:0 0;border:none;padding:0;outline:0}.mgn-drawer-mobile .mgn-mobile-search svg{position:absolute;right:5px;top:19px}.mgn-drawer-mobile .mgn-mobile-profile{height:56px;line-height:56px;border-top:1px solid #dde8e8;position:absolute;bottom:0;left:0;padding:0 20px;width:100%}.mgn-drawer-mobile .mgn-item a{color:#4dbdeb;display:inline-block;padding:10px 0;font-size:18px}.mgn-drawer-mobile .mgn-display-name{padding-right:10px}.mgn-drawer-mobile .mgn-mobile-login,.mgn-drawer-mobile .mgn-mobile-logout{color:#4dbdeb}.mgn-mobile-active{overflow:hidden}.mgn-footer{position:relative;color:#5d6769;font-size:14px;font-family:Lato,Helvetica,Arial,sans-serif}.mgn-footer .mgn-container:after,.mgn-footer .mgn-container:before{content:" ";display:table}.mgn-footer .mgn-container:after{clear:both}.mgn-footer .mgn-copyright,.mgn-footer .mgn-logo{line-height:14px}.mgn-footer .mgn-copyright,.mgn-footer .mgn-links{padding:0;margin:10px 0 0}.mgn-footer .mgn-links{list-style:none}.mgn-footer-skinny{padding:25px 0 30px;border-top:1px solid #dde8e8;background-color:#fff;line-height:14px}.mgn-footer-skinny .mgn-links,.mgn-footer-skinny .mgn-logo{float:left}.mgn-footer-skinny .mgn-logo{padding:0;margin-right:60px}.mgn-footer-skinny .mgn-logo svg{fill:#778283;height:24px;width:83px}.mgn-footer-skinny .mgn-links li{display:inline-block;padding:0;margin:0 7px 14px}.mgn-footer-skinny .mgn-links a{color:#778283;text-decoration:none}.mgn-footer-skinny .mgn-links a:hover{text-decoration:underline}.mgn-footer-skinny .mgn-copyright{float:right;color:#909c9e;font-size:12px}.mgn-footer-fat{padding:25px 0 30px;border-top:2px solid #dde8e8;background-color:#F0F7F7}.mgn-footer-fat p{margin:15px 0}.mgn-footer-fat ul{line-height:30px}.mgn-footer-fat h3{color:#909c9e;font-weight:400;margin-top:30px;margin-bottom:20px;font-size:20px}.mgn-footer-fat .mgn-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}.mgn-footer-fat .mgn-col{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 20px}.mgn-footer-fat .mgn-col:first-child{padding-left:0}.mgn-footer-fat .mgn-col:last-child{padding-right:0;border-left:1px solid #dde8e8}@media all and (min-width:960px) and (max-width:1179px){.mgn-footer:not(.mgn-medium-screen) .mgn-logo{margin-right:30px}}@media all and (min-width:0) and (max-width:959px){.mgn-footer:not(.mgn-medium-screen){border-top:0 none}.mgn-footer:not(.mgn-medium-screen) .mgn-footer-skinny{text-align:center}.mgn-footer:not(.mgn-medium-screen) .mgn-footer-fat .mgn-links{line-height:38px}.mgn-footer:not(.mgn-medium-screen) .mgn-copyright,.mgn-footer:not(.mgn-medium-screen) .mgn-links,.mgn-footer:not(.mgn-medium-screen) .mgn-logo{float:none}.mgn-footer:not(.mgn-medium-screen) .mgn-logo{margin:0 0 30px}.mgn-footer:not(.mgn-medium-screen) .mgn-links{margin-bottom:15px}.mgn-footer:not(.mgn-medium-screen) .mgn-links li.mgn-hide-small{display:none}}@media all and (min-width:0) and (max-width:767px){.mgn-footer-fat{text-align:center}.mgn-footer-fat .mgn-col{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;padding:0}.mgn-footer-fat .mgn-col:last-child{border-left:none;border-top:1px solid #dde8e8;text-align:left}}.mgn-footer.mgn-medium-screen .mgn-container{max-width:1180px;width:1180px}.mgn-footer-back-to-top,.mgn-footer-back-to-top-arrow{display:block;text-align:center;background-color:#dfeeee}.mgn-footer-back-to-top-arrow:hover,.mgn-footer-back-to-top:hover{text-decoration:none}.mgn-footer-back-to-top{padding:15px 0}@media all and (min-width:960px){.mgn-footer-back-to-top{display:none}}.mgn-footer-back-to-top-arrow{margin:0 auto -5px;border-radius:60px 60px 0 0;width:60px;height:30px}.mgn-footer-back-to-top-arrow .mgn-icon{margin-top:12px;fill:#0b7daa}@media all and (min-width:960px){.mgn-footer-back-to-top-arrow{display:none}}.mgn-show-small{display:none}@media all and (min-width:960px) and (max-width:1179px){.mgn-container{max-width:960px}}@media all and (min-width:768px) and (max-width:1179px){.mgn-nav-meta .mgn-item a{padding:0 15px}}@media all and (min-width:768px) and (max-width:959px){.mgn-container{max-width:768px}.mgn-products{display:none}.mgn-show-small{display:initial}.mgn-hide-medium-down{display:none}}@media all and (max-width:768px){.mgn-container{margin:0;padding:0 20px}.mgn-home,.mgn-nav-extra,.mgn-nav-meta{display:none}.mgn-drawer-mobile,.mgn-nav-mobile{display:block}.mgn-hide-small{display:none}}

/* ----- Nút gọi điện nổi góc trái dưới ----- */
.call-now{left:0;bottom:42px;height:50px;min-width:200px;position:fixed;background-color:#cc0099;border-radius:0 25px 25px 0;box-shadow:0 1px 2px rgba(0,0,0,.8);z-index:998}
.call-now .btn-call-now i{position:absolute;color:#cc0099;background-color:#fff;font-size:35px;right:0;height:50px;width:50px;line-height:50px;text-align:center;border-radius:50%;border:1px solid #cc0099}
.call-now .btn-call-now p{color:#fff;font-size:14px;min-width:150px;text-align:center;vertical-align:middle;display:inline-block}
.call-now .btn-call-now strong{display:block;font-size:16px}

/* ----- Bảng trong nội dung bài -----
   Máy tính: bảng bình thường, rộng 100%.
   Điện thoại (dưới 768px): mỗi hàng thành 1 khối, các ô xếp chồng xuống dưới, mỗi ô có tên cột phía trên. */
.table-stack { width: 100%; margin-bottom: 1rem }
.table-stack > table { width: 100%; margin-bottom: 0 }

@media (max-width: 767.98px) {
    .table-stack { overflow: visible !important }
    .table-stack table, .table-stack tbody, .table-stack tfoot,
    .table-stack tr, .table-stack td, .table-stack th {
        display: block; width: 100% !important; min-width: 0 !important; box-sizing: border-box
    }
    .table-stack table { border: 0 !important }
    .table-stack thead, .table-stack tr.tbl-head { display: none }
    .table-stack tr { border: 1px solid #dbe3e3; margin-bottom: 12px; background: #fff }
    .table-stack td, .table-stack th { border: 0 !important; border-bottom: 1px solid #eef3f3 !important; padding: 8px 12px; text-align: left !important }
    .table-stack td:last-child { border-bottom: 0 !important }
    .table-stack tr > :first-child { background: #f0f7f7; font-weight: bold }
    .table-stack td[data-label]::before {
        content: attr(data-label); display: block; margin-bottom: 2px;
        font-size: .85em; font-weight: bold; color: #5d6769
    }
    .table-stack tr > :first-child[data-label]::before { display: none }   /* ô đầu là tên hàng, không cần nhãn */
}

/* =====================================================================
   TRANG CHI TIẾT DỊCH VỤ (include/product_detail.php) - menu cột trái
   ===================================================================== */
/* ----- Menu điểm đến: giật cấp tỉnh -> điểm đến ----- */
.dest-menu .dest-province { padding-left: 8px; font-weight: bold }
.dest-menu .dest-province.is-open { color: #d35400 }
.dest-menu .dest-place { margin-left: 16px; padding-left: 12px; border-left: 2px solid #e3e8ec; font-size: 95% }
.dest-menu .dest-place:hover, .dest-menu .dest-place:focus { border-left-color: #4dbdeb }

/* ----- Mục đang xem (cả menu nhóm xe và menu điểm đến) ----- */
.sidebar a.is-current { color: #d35400 !important; font-weight: bold; background: #fff4e6; border-left: 3px solid #d35400 }

/* =====================================================================
   MỤC LỤC TỰ ĐỘNG (include/toc.php)
   ===================================================================== */
/* ===== Mục lục trong bài (kiểu hộp thu gọn) ===== */
#toc-container { border: 1px solid #ddd; background: #f8f9fa; padding: 10px 15px; margin-bottom: 20px; border-radius: 6px }
#toc-toggle { background: none; border: 0; padding: 0; font-size: 18px; font-weight: bold; color: #007BFF; cursor: pointer; display: flex; align-items: center; gap: 8px }
#toc-toggle .arrow { display: inline-block; transition: transform .3s ease }
#toc-toggle.open .arrow { transform: rotate(90deg) }
#toc-list { list-style: none; padding-left: 0; margin: 10px 0 0; overflow: hidden; max-height: 0; transition: max-height .4s ease }
#toc-list li { margin: 6px 0; line-height: 1.4 }
#toc-list a { text-decoration: none; color: #333 }
#toc-list a:hover, #toc-list a:focus { text-decoration: underline }
.toc-h2 { font-weight: bold }
.toc-h3 { margin-left: 20px; font-style: italic }
.toc-h4 { margin-left: 40px; font-size: 90%; color: #666 }
.toc-h2 a::before { content: "■ "; color: #007bff }
.toc-h3 a::before { content: "– "; color: #555 }
.toc-h4 a::before { content: "· "; color: #999 }

/* ===== Mục lục ở cột bên (kiểu blog Moz): nhãn nhỏ, đường kẻ dọc, mục đang đọc có vạch xanh ===== */
#toc-container.toc-sidebar { border: 0; background: none; padding: 0; margin: 0 0 1.5rem; border-radius: 0 }
.toc-sidebar #toc-toggle { cursor: default; font-size: 12px; font-weight: bold; color: #5d6769; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 12px }
.toc-sidebar #toc-toggle .arrow { display: none }
.toc-sidebar #toc-list { max-height: none !important; overflow: visible; margin: 0; border-left: 2px solid #dbe3e3 }
.toc-sidebar #toc-list li { margin: 0; line-height: 1.4; font-weight: normal; font-style: normal }
.toc-sidebar #toc-list a { display: block; margin-left: -2px; padding: 7px 0 7px 16px; border-left: 2px solid transparent;
                           color: #5d6769; font-size: 15px; transition: color .15s, border-color .15s }
.toc-sidebar #toc-list a::before { content: none }
.toc-sidebar #toc-list a:hover, .toc-sidebar #toc-list a:focus { color: #0077b3; text-decoration: none }
.toc-sidebar #toc-list a.is-active { color: #272733; font-weight: bold; border-left-color: #0077b3 }
.toc-sidebar #toc-list .toc-h3 a { padding-left: 30px; font-size: 14px }

/* Khung ngoài cùng của website (#wrap.no-overflow) đang overflow:hidden -> làm "dính" (sticky) mất tác dụng.
   overflow:clip vẫn cắt phần tràn y như cũ nhưng không chặn sticky. Trình duyệt quá cũ không hiểu clip thì giữ nguyên như trước. */
#wrap.no-overflow { overflow: clip !important }
@media (min-width: 768px) {
    .sidebar-sticky { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; border: 0 !important; padding: 0 1rem 0 0 }
}
html { scroll-behavior: smooth }
.noidung h2, .noidung h3, .noidung h4 { scroll-margin-top: 16px }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto } #toc-list, #toc-toggle .arrow { transition: none } }
.noidung img { max-width: 100%; height: auto }