/* ============================================================
   Du Lich Online – Giao dien moi
   File: style-new.css  v2 – theo mau travelvietnam.com.vn
   ============================================================ */

/* ---- 1. Design tokens ---- */
:root {
  --dl-bg:        #EAF4FC;
  --dl-primary:   #0B3F73;
  --dl-accent:    #C2410C;
  --dl-accent-h:  #8F2E04;
  --dl-orange:    #F26B0F;
  --dl-gray:      #5F6873;
  --dl-border:    #D3E4F3;
  --dl-border-lt: #E4EDF5;
  --dl-white:     #FFFFFF;
}

/* ---- 2. Font + body ---- */
body,
input, select, button, textarea {
  font-family: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body {
  background: var(--dl-bg) !important;
  color: var(--dl-primary) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: var(--dl-primary) !important;
}

/* ---- 3. Header – white background ---- */
header {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E4EDF5 !important;
  color: var(--dl-primary) !important;
  box-shadow: 0 2px 8px rgba(11,63,115,.08) !important;
  position: relative !important;
  z-index: 100 !important;
}

/* Logo text */
.logo .title-large-logo a,
.logo .title-large-logo a span {
  color: var(--dl-orange) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  font-size: 25px !important;
  text-decoration: none !important;
}

.logo .title-logo {
  color: var(--dl-gray) !important;
  font-size: 10.5px !important;
  margin-top: 4px !important;
}

/* Hamburger icon (mobile) */
.navbar-toggle .icon-bar {
  background: var(--dl-primary) !important;
}

/* ---- 4. Navigation ---- */
.main-menu > ul > li > a,
ul.ul_main_menu > li.li_menu_main > a.a_menu_main {
  color: var(--dl-primary) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li > a:focus,
ul.ul_main_menu > li.li_menu_main > a.a_menu_main:hover {
  color: var(--dl-accent) !important;
}

/* Dropdown sub-menu */
.main-menu > ul > li > ul {
  border-top: 2px solid var(--dl-accent) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(11,63,115,.12) !important;
}

.main-menu > ul > li > ul > li > a{
  color: var(--dl-primary) !important;
}

.main-menu > ul > li > ul > li > a:hover{
  color: var(--dl-accent) !important;
  background: var(--dl-bg) !important;
}

/* ---- 5. Search bar ---- */

.isearch {
  background: transparent !important;
  color: var(--dl-primary) !important;
  border: none !important;
}

.isearch::placeholder {
  color: var(--dl-gray) !important;
}

/* ---- 6. COMBO & LICH KHOI HANH buttons ---- */

/* ---- 7. Section titles ---- */
.top-title {
  border-left-color: var(--dl-accent) !important;
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}

.h3-title {
  color: var(--dl-primary) !important;
}

/* ---- 8. Tour cards ---- */
.post-column section {
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.bottom-list {
  background: var(--dl-white) !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 0 0 12px 12px !important;
  color: var(--dl-primary) !important;
  transition: border-color .2s ease !important;
}

.post-column:hover section {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(11,63,115,.12) !important;
}

.post-column:hover .bottom-list {
  border-color: #9CC3E6 !important;
}

.h2-tour-index,
.h2-tour-index a {
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}

.h2-tour-index a:hover {
  color: var(--dl-accent) !important;
  text-decoration: none !important;
}

/* Tour image hover zoom */
.top-img {
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
}

.top-img img {
  transition: transform .6s ease !important;
}

.post-column:hover .top-img img {
  transform: scale(1.05) !important;
}

/* ---- 9. Price ---- */
.price-now {
  color: var(--dl-accent) !important;
  font-weight: 800 !important;
}

.price-old {
  color: var(--dl-gray) !important;
  text-decoration: line-through !important;
}

/* ---- 10. Event / promo badge ---- */
.icon-event {
  background: var(--dl-accent) !important;
  color: white !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* ---- 11. General links ---- */
a {
  color: var(--dl-accent) !important;
}

a:hover,
a:focus {
  color: var(--dl-accent-h) !important;
  text-decoration: none !important;
}

/* Header links — dark on white header */
header a,
header .dropdown-toggle {
  color: var(--dl-primary) !important;
}

header a:hover,
header .dropdown-toggle:hover {
  color: var(--dl-accent) !important;
  text-decoration: none !important;
}

/* ---- 12. Stats bar – WHITE background ---- */
.hotel-page {
  background: white !important;
  color: rgb(56,67,94) !important;
}

.hotel-page p,
.hotel-page b,
.hotel-page strong,
.hotel-page .slogan-hotel-page,
.hotel-page .right-hotel-page {
  color: rgb(56,67,94) !important;
}

.hotel-page .title-hotel-page {
  color: rgb(56,67,94) !important;
  font-size: 15px !important;
}

.hotel-page h2{
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}

.hotel-page .slogan-hotel-page{
  color: var(--dl-accent) !important;
  font-weight: 800 !important;
}

/* ---- 13. Why Us section ---- */
.box-why-us {
  background: var(--dl-primary) !important;
}

/* ---- 14. Footer ---- */
footer {
  background: #0B2A4A !important;
  color: rgba(255,255,255,.85) !important;
}

.h4-footer {
  color: rgba(255,255,255,.5) !important;
  letter-spacing: .05em !important;
}

.a_footer_menu,
.footer_menu li a,
footer a {
  color: rgba(255,255,255,.8) !important;
}

.a_footer_menu:hover,
.footer_menu li a:hover,
footer a:hover {
  color: white !important;
  text-decoration: none !important;
}

.mid-footer {
  border-color: rgba(255,255,255,.1) !important;
}

.copyright {
  color: rgba(255,255,255,.4) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* ---- 15. Owl Carousel controls ---- */
.owl-prev, .owl-next {
  background: var(--dl-accent) !important;
  border-radius: 50% !important;
  color: white !important;
  opacity: .85 !important;
}

.owl-prev:hover, .owl-next:hover {
  background: var(--dl-accent-h) !important;
  opacity: 1 !important;
}

/* ---- 16. Pagination ---- */
.pagination > li > a,
.pagination > li > span {
  color: var(--dl-primary) !important;
  border-color: var(--dl-border) !important;
}

.pagination > .active > a,
.pagination > .active > span {
  background: var(--dl-accent) !important;
  border-color: var(--dl-accent) !important;
  color: white !important;
}

/* ---- 17. Mobile nav menu ---- */
@media (max-width: 991px) {
  .mm-menu {
    background: var(--dl-primary) !important;
  }

  .mm-listitem a,
  .mm-listitem a.mm-btn_next {
    color: white !important;
  }

  .mm-divider {
    background: rgba(255,255,255,.1) !important;
  }
}

/* ---- 18. Buttons chung ---- */
.btn-primary,
.btn-danger {
  background: var(--dl-accent) !important;
  border-color: var(--dl-accent) !important;
  color: white !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

.btn-primary:hover,
.btn-danger:hover {
  background: var(--dl-accent-h) !important;
  border-color: var(--dl-accent-h) !important;
}

/* ---- 19. Tour flash / highlight ---- */
.tour-flash {
  background: var(--dl-bg) !important;
}

/* ---- 20. Box index (tour listing sections) ---- */
.box-index {
  background: var(--dl-bg) !important;
}

/* ---- 21. Fix header height - match travelvietnam.com.vn ---- */
.header {
  min-height: 88px !important;
}

/* ---- 22. Fix mau chu tren nen mau (bi rule 11 ghi de) ---- */
.a-view-detail,
.a-flash-book {
  color: #fff !important;
}
.a-flash-book:hover,
.a-flash-book:focus {
  color: #f1d50e !important;
}
.mm-menu a,
.mm-menu ul.ul_main_menu > li.li_menu_main > a.a_menu_main,
.mm-menu .mm-navbar a,
.mm-menu .mm-title {
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .box-fix a,
  .box-fix a span {
    color: #fff !important;
  }
}

/* ---- 23. Dong bo gam mau moi cho toan site (06/11/2026) ----
   Chuyen mau cu (hong #ED0080, xanh #008FEA, #149ABC, do #E30051...)
   sang gam moi: navy #0B3F73, cam #C2410C, cam sang #F26B0F, nen cam nhat #FFF7ED. */
.socials a:hover,
.socials a:focus {
  color: #8F2E04 !important;
  border-color: #8F2E04 !important;
}
.h1-title {
  color: #0B3F73 !important;
}

.a-book-tour {
  color: #C2410C !important;
}
.a-book-tour:hover,
.a-book-tour:focus {
  color: #C2410C !important;
}
.h2-tour a {
  color: #0B3F73 !important;
}
.h2-tour a:hover,
.h2-tour a:focus {
  color: #C2410C !important;
}
.note {
  color: #C2410C !important;
}
.h4-tour::before {
  background-color: #F26B0F !important;
}

.col-s i {
  color: #C2410C !important;
}
.price-detail {
  color: #FDBA74 !important;
}
#r_bking {
  background-color: #C2410C !important;
}
.a-view-detail {
  background-color: #C2410C !important;
}
.h3-right {
  background-color: #0B3F73 !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #C2410C !important;
}
.bt-search-news {
  background-color: #8F2E04 !important;
}

.f-price {
  color: #FDBA74 !important;
}
.f-discount {
  background-color: #C2410C !important;
}
.flash-bottom {
  background-color: #0B3F73 !important;
}
.tour-flash .top-title::before {
  color: #C2410C !important;
}
.btn-order-tour {
  background-color: #0B3F73 !important;
}
.hoanthanh {
  color: #C2410C !important;
}
.mda-price-item {
  border-color: #C2410C !important;
}
.h3-form {
  border-bottom-color: #C2410C !important;
}
.h3-form span {
  background-color: #C2410C !important;
}
.p-note {
  color: #FDBA74 !important;
}
.mda-tap-a {
  border-color: #C2410C !important;
}
.mda-tap-a.nav-tabs > li.active > a,
.mda-tap-a.nav-tabs > li.active > a:focus,
.mda-tap-a.nav-tabs > li.active > a:hover {
  background-color: #C2410C !important;
}
.div_paging .sh_page_selecta {
  background-color: #0B3F73 !important;
}
.tags a:hover,
.tags a:focus {
  color: #8F2E04 !important;
  border-color: #8F2E04 !important;
}
.detail blockquote {
  color: #C2410C !important;
}
.event-bottom h3 {
  color: #C2410C !important;
}
.btn-view-more.btn-danger {
  background-color: #0B3F73 !important;
  border-color: #0B3F73 !important;
}
.s19_pr {
  color: #C2410C !important;
}
.price-cruise {
  color: #C2410C !important;
  border-color: #C2410C !important;
}
.ul-tab li.active a,
.ul-tab li:hover a {
  color: #F26B0F !important;
}
.ul-tab li.active::after,
.ul-tab li:hover::after {
  background-color: #F26B0F !important;
}
.m6_a .js-gMs .swiper-slide-thumb-active {
  border-color: #0B3F73 !important;
}
.box-fix a.hot-fix {
  background-color: #C2410C !important;
}
.text-hot {
  background-color: #C2410C !important;
}
.suntory-alo-ph-circle {
  border-color: rgba(194,65,12,0.4) !important;
}
.suntory-alo-phone:hover .suntory-alo-ph-circle,.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle,.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle{
  border-color: #C2410C !important;
}
.suntory-alo-phone:hover .suntory-alo-ph-circle-fill{
  background-color: rgba(194,65,12,0.9) !important;
}
.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill{
  background-color: #C2410C !important;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
  background-color: rgba(11,63,115,0.9) !important;
}
.suntory-alo-phone:hover .suntory-alo-ph-img-circle,.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle,.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle{
  background-color: #C2410C !important;
}
.left-hotel-page {
  border-right-color: #C2410C !important;
}
.slogan-hotel-page {
  color: #C2410C !important;
}
.btn-border-blue {
  color: #C2410C !important;
  border-color: #C2410C !important;
}
.btn-border-blue:hover,
.btn-border-blue:focus {
  background-color: #C2410C !important;
}
.horizontal-line {
  color: #C2410C !important;
}
.title-top-hotel {
  color: #C2410C !important;
}
.item-hotline {
  background-color: #C2410C !important;
}
.num-hotline,
.num-hotline a {
  color: #C2410C !important;
}
.ask-question {
  background-color: #0B3F73 !important;
}
.rname {
  color: #C2410C !important;
}
.tour-tag {
  color: #0B3F73 !important;
}
.detail-btn {
  color: #0B3F73 !important;
}
.foreign-tour-intro a {
  color: #C2410C !important;
}
.departure-box {
  border-color: #D3E4F3 !important;
  background: #FFF7ED !important;
}
.departure-title {
  color: #C2410C !important;
}
.departure-sub {
  color: #5F6873 !important;
}
.departure-list a {
  color: #C2410C !important;
  border-color: #D3E4F3 !important;
}
.departure-list a:hover {
  background-color: #C2410C !important;
}
.departure-toggle button {
  background-color: #C2410C !important;
}
.cruise-readmore-btn,
.hotel-btn {
  background-color: #C2410C !important;
}
.cruise-highlight,
.hotel-highlight {
  border-left-color: #C2410C !important;
  background: #FFF7ED !important;
}
@media only screen and (max-width: 767px) {
  .left-hotel-page {
    border-bottom-color: #C2410C !important;
  }
}
nav.mm-menu,
nav.mm-menu .ul_main_menu,
nav.mm-menu .mm-panel {
  background-color: #0B3F73 !important;
}
.h3-right,
.h3-right a {
  color: #FFFFFF !important;
}

.visible-xs > a.btn {
  background-color: #0B3F73 !important;
  border-color: #0B3F73 !important;
  color: #FFFFFF !important;
}
.cruise-box {
  border-color: #D3E4F3 !important;
  background: #FFF7ED !important;
}
.badge-text p,
.badge-text strong {
  color: #C2410C !important;
}
.cruise-links a {
  color: #C2410C !important;
  border-color: #C2410C !important;
}
.cruise-links a:hover {
  background-color: #C2410C !important;
  color: #FFFFFF !important;
}
.play-button,.video-container .play-button,.c-photo .play-button{
  background: #C2410C !important;
}
footer .right-logo .title-logo {
  color: #B8C4D0 !important;
}
.pw_item_last,
.pw_item_last span {
  color: #5F6873 !important;
}
.button_contact_price,
.btn-contact-price {
  color: #C2410C !important;
}
#r_ct.fix_top {
  z-index: 101 !important;
}
.a-view-detail:hover,
.a-view-detail:focus,
.bt-search-news:hover,
.bt-search-news:focus {
  background-color: #8F2E04 !important;
}
/* ---- 24. The tour danh sach theo mau moi (06/11/2026) ---- */
.row-tour-list-2 {
  display: flex !important;
  flex-wrap: wrap;
  background: #FFFFFF !important;
  border: 1px solid #D3E4F3 !important;
  border-radius: 14px !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 0 18px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.row-tour-list-2::before,
.row-tour-list-2::after {
  display: none !important;
}
.row-tour-list-2:hover {
  border-color: #9CC3E6 !important;
  box-shadow: 0 22px 38px -28px rgba(11,63,115,.5) !important;
}
.row-tour-list-2 .left-tour-list-2 {
  float: none !important;
  flex: 1 0 300px;
  max-width: 100%;
  width: auto !important;
  position: relative;
  min-height: 226px;
  padding: 0 !important;
  margin: 0 !important;
  background: #DCE7F1;
  overflow: hidden;
}
.row-tour-list-2 .left-tour-list-2 a {
  display: block;
  position: absolute;
  inset: 0;
}
.row-tour-list-2 .left-tour-list-2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  transform: none !important;
  transition: transform .6s ease;
}
.row-tour-list-2:hover .left-tour-list-2 img {
  transform: scale(1.04) !important;
}
.row-tour-list-2 .mid-tour-list {
  float: none !important;
  flex: 999 1 360px;
  min-width: 0;
  width: auto !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 18px 22px 20px !important;
  margin: 0 !important;
}
.row-tour-list-2 .mid-tour-list p {
  margin: 0 !important;
}
.row-tour-list-2 .h2-tour {
  margin: 0 0 2px !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
.row-tour-list-2 .h2-tour a {
  color: #0B3F73 !important;
  text-decoration: none !important;
}
.row-tour-list-2 .h2-tour a:hover {
  color: #C2410C !important;
}
.row-tour-list-2 .mid-tour-list .p-dest,
.row-tour-list-2 .mid-tour-list .p-time {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #3A4652 !important;
  font-weight: 400 !important;
  text-transform: none;
}
.row-tour-list-2 .mid-tour-list .s-dest,
.row-tour-list-2 .mid-tour-list .p-time span:first-child {
  font-weight: 700 !important;
  color: #0B3F73 !important;
}
.row-tour-list-2 .mid-tour-list .fa {
  color: #C2410C !important;
  width: 16px;
  text-align: center;
}
.row-tour-list-2 .mid-tour-list .duration,
.row-tour-list-2 .mid-tour-list .tbold {
  font-weight: 700 !important;
  color: #0B3F73 !important;
}
.row-tour-list-2 .mid-tour-list .p-dest.note {
  color: #C2410C !important;
  font-weight: 600 !important;
}
.row-tour-list-2 .mid-tour-list .p-time {
  padding-top: 10px !important;
  border-top: 1px dashed #C9DCEE;
}
.row-tour-list-2 .right-tour-list-2 {
  float: none !important;
  flex: 1 0 220px;
  width: auto !important;
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #EAF4FC !important;
  border-left: 1px solid #D3E4F3;
}

.row-tour-list-2 .visible-xs .price-now {
  color: #C2410C !important;
  font-weight: 800 !important;
}
.row-tour-list-2 .visible-xs > a.btn {
  background: #C2410C !important;
  border-color: #C2410C !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  min-width: 160px;
  min-height: 42px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .row-tour-list-2 .right-tour-list-2 {
    display: none !important;
  }
  .row-tour-list-2 .left-tour-list-2 {
    flex-basis: 100%;
    min-height: 200px;
  }
  .row-tour-list-2 .mid-tour-list {
    flex-basis: 100%;
    padding: 14px 16px 18px !important;
  }
  .row-tour-list-2 .h2-tour {
    font-size: 17px !important;
  }
  .row-tour-list-2 .visible-xs {
    margin-top: 6px;
    padding: 14px 0 0 !important;
    border-top: 1px dashed #C9DCEE;
  }
}

/* ---- 25. Footer toi kieu TravelVietnam, mau Du Lich Online ---- */
footer{background:#0B3F73 !important;color:rgba(255,255,255,.82) !important;padding:0 !important}
footer .top-footer{padding:34px 0 26px !important;border-bottom:1px solid rgba(255,255,255,.18) !important}
footer .title-large-logo a,footer .title-large-logo span{color:#FFF !important;font-size:28px !important;font-weight:600 !important}
footer .right-logo .title-logo{color:rgba(255,255,255,.75) !important;font-size:14px !important}
footer .mid-footer{border-top:0 !important;padding:34px 0 !important;color:rgba(255,255,255,.82) !important;font-size:15px;line-height:1.85}
footer .h4-footer{color:#B9D3EE !important;font-size:15px !important;font-weight:700 !important;letter-spacing:.14em;margin:0 0 18px !important}
footer .mid-footer strong{color:#FFF !important}
footer .mid-footer a{color:#FFB27A !important}
footer .copyright{border-top:1px solid rgba(255,255,255,.18) !important;color:rgba(255,255,255,.72) !important;font-size:14px;padding:18px 0 !important}
footer .copyright a{color:#FFF !important;font-weight:700}

@media(max-width:767px){footer .title-large-logo a,footer .title-large-logo span{font-size:22px !important}footer .mid-footer{font-size:14px;padding:26px 0 !important}footer .h4-footer{font-size:13px !important}}

/* ---- 26. Khoi tour uu dai rong bang cac khoi moi (1248px) ---- */
@media(min-width:1200px){.tour-flash > .container{width:auto;max-width:1248px;padding-left:24px;padding-right:24px}}

/* ---- 27. Nut slide < > dong bo toan site ---- */
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{position:absolute !important;top:40% !important;transform:translateY(-50%);width:46px !important;height:46px !important;padding:0 !important;margin:0 !important;border-radius:999px !important;background:#FFF !important;border:1px solid #DCE7F1 !important;box-shadow:0 6px 18px -6px rgba(16,24,40,.35) !important;opacity:1 !important;color:#0B3F73 !important;text-indent:0 !important;font-size:0 !important;line-height:0 !important;display:flex !important;align-items:center;justify-content:center;z-index:9;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}
.owl-carousel .owl-nav button.owl-prev{left:-12px !important;right:auto !important}
.owl-carousel .owl-nav button.owl-next{right:-12px !important;left:auto !important}
.owl-carousel .owl-nav button span{display:none !important}
.owl-carousel .owl-nav button::before{content:"";display:block;width:10px;height:10px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateX(2px) rotate(45deg)}
.owl-carousel .owl-nav button.owl-next::before{transform:translateX(-2px) rotate(-135deg)}
.owl-carousel .owl-nav button:hover{background:#C2410C !important;border-color:#C2410C !important;color:#FFF !important}
.owl-carousel .owl-nav button.disabled{opacity:.35 !important;cursor:default}
.owl-carousel .owl-nav button.disabled:hover{background:#FFF !important;border-color:#DCE7F1 !important;color:#0B3F73 !important}
.tour-flash .owl-carousel .owl-nav button.owl-prev,.tour-flash .owl-carousel .owl-nav button.owl-next{top:29% !important}
@media(max-width:767px){
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{width:38px !important;height:38px !important}
.owl-carousel .owl-nav button.owl-prev{left:6px !important}
.owl-carousel .owl-nav button.owl-next{right:6px !important}
.owl-carousel .owl-nav button::before{width:8px;height:8px;border-width:2.2px}
}
/* 27b. Mobile: nut < > xuong duoi, hai ben cham tron */
@media(max-width:767px){
.owl-carousel:has(> .owl-dots:not(.disabled)) > .owl-dots{display:flex !important;align-items:center;justify-content:center;flex-wrap:wrap;min-height:38px;margin-top:14px !important;padding:0 52px}
.owl-carousel:has(> .owl-dots:not(.disabled)) .owl-nav button.owl-prev,.owl-carousel:has(> .owl-dots:not(.disabled)) .owl-nav button.owl-next{top:auto !important;bottom:0 !important;transform:none !important}
.owl-carousel:has(> .owl-dots:not(.disabled)) .owl-nav button.owl-prev{left:0 !important}
.owl-carousel:has(> .owl-dots:not(.disabled)) .owl-nav button.owl-next{right:0 !important}
}
/* 27c. An mui ten cu cua theme */
.owl-carousel .owl-nav button.owl-prev::after,.owl-carousel .owl-nav button.owl-next::after{display:none !important;content:none !important}

/* ===== 28. Menu ngang desktop: chu to hon, van 1 dong ===== */
@media(min-width:1200px) and (max-width:1365px){
div.main-menu ul.ul_main_menu > li{padding-left:5px !important;padding-right:5px !important}
}
@media(min-width:1366px){
div.main-menu ul.ul_main_menu > li > a.a_menu_main{font-size:16px !important}
div.main-menu ul.ul_main_menu > li{padding-left:7px !important;padding-right:7px !important}
}
@media(min-width:1600px){
div.main-menu ul.ul_main_menu > li > a.a_menu_main{font-size:17px !important}
div.main-menu ul.ul_main_menu > li{padding-left:11px !important;padding-right:11px !important}
}
/* ===== 29. Dong bo font Be Vietnam Pro cho toan site (thay font cu SF-UI / OpenSans / Arial) ===== */
html .tooltip,html .popover,html .h1,html .h2,html .h3,html .h4,html .h5,html .h6,html h1,html h2,html h3,html h4,html h5,html h6,html .h3-title,html .price-now,html footer,html .h1-title,html .h2-tour,html .tbold,html strong,html b,html .price-detail,html .h3-right,html .summary-news-detail,html .h2-flash,html .f-price,html .flash-dis,html .a-flash-book,html .mda-price-item p,html .mda-price-item .mda-table tr:first-child,html .span-dis,html .mda-tap-a.nav-tabs > li > a,html .header-box h3,html .header-box h1,html .info h3,html .a-h5-entry,html .mucluc h4,html .note-m,html .detail blockquote,html .h2-title,html .box-support,html .event-info h3,html .popular-hotel .col-img-text .text-name,html .title-top-hotel,html .logo .title-large-logo,html .mm-list > li > a,html .mm-list > li > span,html .mm-menu ul li li a{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important}
.tbold,.price-detail,.h3-right,.summary-news-detail,.h2-flash,.f-price,.flash-dis,.a-flash-book,.mda-price-item p,.mda-price-item .mda-table tr:first-child,.span-dis,.mda-tap-a.nav-tabs > li > a,.header-box h3,.header-box h1,.info h3,.a-h5-entry,.mucluc h4,.box-support,.event-info h3,.popular-hotel .col-img-text .text-name,.title-top-hotel,.logo .title-large-logo,html .mm-list > li > a,html .mm-list > li > span{font-weight:600}
.h2-tour{font-weight:500}
.note-m,.detail blockquote{font-style:italic}
html body [style*="font-family"]:not(.fa):not([class*="icon"]):not(.glyphicon){font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important}
html input,html select,html textarea,html button{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important}html .dlo-nhatban-intro,html .dlo-nhatban-intro *:not(.fa){font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important}/* dam cho strong,b */
strong,b{font-weight:700}
/* ===== 30. Mo ta danh muc: doi mau hong cu sang cam / xanh thuong hieu ===== */
.desc-category [class$="-intro"],.desc-category [class$="-intro"] p{color:#3A4652 !important}
.desc-category [class$="-intro"] strong{color:#0B3F73 !important}
.desc-category [class$="-intro"] a,.desc-category .cruise-intro-wrap a:not([class]){color:#C2410C !important;background:#FFF4EC !important;border-bottom:1px solid #F5B58A !important;border-radius:3px;padding:0 2px;text-decoration:none !important}
.desc-category [class$="-intro"] a:hover,.desc-category .cruise-intro-wrap a:not([class]):hover{color:#FFF !important;background:#C2410C !important;border-bottom-color:#C2410C !important}
.desc-category [class$="-intro"] a strong{color:inherit !important}
.desc-category [class$="-subtitle"]{color:#C2410C !important}
.desc-category label[class$="-btn"]{color:#C2410C !important}
@media(max-width:600px){.desc-category label[class$="-btn"]{background:#FFF4EC !important;border:1px solid #FFE4CF}}
/* Nuoc ngoai / trong nuoc: hop diem khoi hanh */
.desc-category .departure-box,.desc-category .domestic-box{background:#FFF4EC !important;border-color:#FFD3B0 !important}
.desc-category .departure-title,.desc-category .domestic-title{color:#C2410C !important}
.desc-category .departure-sub,.desc-category .domestic-sub{color:#8A5A3C !important}
.desc-category .departure-list a,.desc-category .domestic-list a{background:#FFF !important;border:1px solid #FFD3B0 !important;color:#C2410C !important}
.desc-category .departure-list a:hover,.desc-category .domestic-list a:hover{background:#C2410C !important;border-color:#C2410C !important;color:#FFF !important}
.desc-category .departure-toggle button,.desc-category .domestic-toggle button{background:#C2410C !important;color:#FFF !important}
/* Du thuyen */
.desc-category .cruise-readmore-btn{background:#C2410C !important;color:#FFF !important}
.desc-category .cruise-readmore-btn:hover{background:#8F2E04 !important}
.desc-category .cruise-highlight{background:#FFF4EC !important;border-left-color:#F26B0F !important;color:#3A4652 !important}
/* ===== 31. Mang lon (nut, thanh) dung cam logo #F26B0F, hover cam dam ===== */
html .dlo-sb-go,html .dlo-dest a.dlo-dest-all,html a.a-book-tour,html .a-book-tour,html a.btn.btn-success,html #btnQuestion,html #btnReview,html .departure-toggle button,html .domestic-toggle button,html #r_bking,html a.btn.btn-danger,html .hotel-btn,html a.a-view-detail,html .desc-category .cruise-readmore-btn,html span.text-hot{background:#F26B0F !important;border-color:#F26B0F !important;color:#FFF !important}
html .dlo-sb-go:hover,html .dlo-dest a.dlo-dest-all:hover,html a.a-book-tour:hover,html a.btn.btn-success:hover,html #btnQuestion:hover,html #btnReview:hover,html .departure-toggle button:hover,html .domestic-toggle button:hover,html a.btn.btn-danger:hover,html .hotel-btn:hover,html a.a-view-detail:hover,html .desc-category .cruise-readmore-btn:hover{background:#C2410C !important;border-color:#C2410C !important;color:#FFF !important}
html .tour-flash .flash-bottom{background:#F26B0F !important}
html .tour-flash .item:hover .flash-bottom{background:#C2410C !important}
/* 31b. Tang do uu tien cho cac nut cam logo */
html body .dlo-sb-go.dlo-sb-go.dlo-sb-go.dlo-sb-go,html body .dlo-dest-all.dlo-dest-all.dlo-dest-all.dlo-dest-all,html body .a-book-tour.a-book-tour.a-book-tour.a-book-tour,html body .btn-success.btn-success.btn-success.btn-success,html body .hotel-btn.hotel-btn.hotel-btn.hotel-btn,html body .a-view-detail.a-view-detail.a-view-detail.a-view-detail,html body .cruise-readmore-btn.cruise-readmore-btn.cruise-readmore-btn.cruise-readmore-btn,html body .text-hot.text-hot.text-hot.text-hot,html body .btn-danger.btn-danger.btn-danger.btn-danger{background:#F26B0F !important;border-color:#F26B0F !important;color:#FFF !important}
html body .dlo-sb-go.dlo-sb-go.dlo-sb-go.dlo-sb-go:hover,html body .dlo-dest-all.dlo-dest-all.dlo-dest-all.dlo-dest-all:hover,html body .a-book-tour.a-book-tour.a-book-tour.a-book-tour:hover,html body .btn-success.btn-success.btn-success.btn-success:hover,html body .hotel-btn.hotel-btn.hotel-btn.hotel-btn:hover,html body .a-view-detail.a-view-detail.a-view-detail.a-view-detail:hover,html body .cruise-readmore-btn.cruise-readmore-btn.cruise-readmore-btn.cruise-readmore-btn:hover,html body .btn-danger.btn-danger.btn-danger.btn-danger:hover{background:#C2410C !important;border-color:#C2410C !important;color:#FFF !important}
html body #btnQuestion#btnQuestion,html body #btnReview#btnReview,html body #r_bking#r_bking{background:#F26B0F !important;border-color:#F26B0F !important}html body [id^="toggle"][id$="Btn"],html body a.hot-fix.hot-fix.hot-fix,html body .item-hotline.item-hotline.item-hotline{background:#F26B0F !important;border-color:#F26B0F !important;color:#FFF !important}
html body [id^="toggle"][id$="Btn"]:hover,html body a.hot-fix.hot-fix.hot-fix:hover{background:#C2410C !important}html body #r_bking .price-detail{color:#FFF !important;text-shadow:0 1px 2px rgba(143,46,4,.35)}
/* ===== 32. Nut lien he noi (Call / Zalo / Messenger) kieu TravelVietnam, mau Du Lich Online ===== */
html body #suntory-alo-phoneIcon,html body .suntory-alo-phone{display:none !important}
html body .box-fix{position:fixed !important;left:auto !important;top:auto !important;right:22px !important;bottom:24px !important;z-index:999 !important;width:auto !important;height:auto !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:12px !important;background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:0 !important}
html body .box-fix a{float:none !important;position:relative !important;box-sizing:border-box !important;margin:0 !important;border:0 !important;text-decoration:none !important;color:#FFF !important;overflow:visible !important;transition:transform .2s ease,box-shadow .2s ease}
html body .box-fix a:hover{transform:translateY(-2px)}
html body .box-fix a.zalo{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%203.5C8.6%203.5%202.7%208.6%202.7%2014.9c0%203.4%201.8%206.5%204.6%208.6l-.9%204.8%204.9-2.5c1.5.4%203%20.6%204.7.6%207.4%200%2013.3-5.1%2013.3-11.4S23.4%203.5%2016%203.5z%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.2%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ctext%20x%3D%2716%27%20y%3D%2718.6%27%20font-family%3D%27Arial%2CHelvetica%2Csans-serif%27%20font-weight%3D%27700%27%20font-size%3D%278.6%27%20fill%3D%27white%27%20text-anchor%3D%27middle%27%3EZalo%3C%2Ftext%3E%3C%2Fsvg%3E") 16px center/30px 30px no-repeat,linear-gradient(135deg,#1A5A99 0%,#0B3F73 100%) !important}
html body .box-fix a.mes{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27white%27%20d%3D%27M12%202C6.36%202%202%206.13%202%2011.7c0%202.91%201.19%205.44%203.14%207.17.16.14.26.35.27.57l.05%201.78a.8.8%200%200%200%201.12.71l1.98-.87c.17-.08.36-.09.53-.04.91.25%201.88.38%202.91.38%205.64%200%2010-4.13%2010-9.7S17.64%202%2012%202zm6%207.46-2.94%204.66a1.5%201.5%200%200%201-2.17.4l-2.34-1.75a.6.6%200%200%200-.72%200l-3.16%202.4c-.42.32-.97-.18-.69-.63l2.94-4.66a1.5%201.5%200%200%201%202.17-.4l2.34%201.75a.6.6%200%200%200%20.72%200l3.16-2.4c.42-.32.97.18.69.63z%27%2F%3E%3C%2Fsvg%3E") 18px center/24px 24px no-repeat,linear-gradient(135deg,#F7883A 0%,#F26B0F 55%,#C2410C 100%) !important}
html body .box-fix a.hot-fix{background:linear-gradient(135deg,#F7883A 0%,#F26B0F 55%,#C2410C 100%) !important}
@keyframes dloPulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.12);opacity:0}100%{transform:scale(1.12);opacity:0}}
/* Desktop: 2 vien thuoc (khong co Call) */
@media(min-width:768px){
html body .box-fix a.hot-fix{display:none !important}
html body .box-fix a.zalo,html body .box-fix a.mes{display:inline-flex !important;align-items:center !important;width:auto !important;height:52px !important;line-height:1 !important;padding:0 24px 0 56px !important;border-radius:999px !important;font-size:15.5px !important;font-weight:700 !important;white-space:nowrap !important;box-shadow:0 10px 24px -8px rgba(11,63,115,.55) !important}
html body .box-fix a.mes{box-shadow:0 10px 24px -8px rgba(194,65,12,.6) !important}
html body .box-fix a span{display:inline !important;padding:0 !important;background:none !important;color:#FFF !important;font-weight:700 !important}
html body .box-fix a.zalo span::before{content:"Chat "}
html body .box-fix a.zalo::after{content:"";position:absolute;inset:-6px;border:2px dashed rgba(242,107,15,.85);border-radius:999px;animation:dloPulse 1.8s ease-out infinite;pointer-events:none}
}
/* Mobile: 3 nut tron xep doc goc phai */
@media(max-width:767px){
html body .box-fix{right:12px !important;bottom:calc(16px + env(safe-area-inset-bottom)) !important;gap:10px !important}
html body .box-fix a,html body .box-fix a.hot-fix{display:flex !important;align-items:center;justify-content:center;width:50px !important;height:50px !important;padding:0 !important;border-radius:50% !important;line-height:50px !important;font-size:21px !important;box-shadow:0 6px 16px -6px rgba(6,19,54,.55) !important}
html body .box-fix a span{display:none !important}
html body .box-fix a.hot-fix i.fa{color:#FFF !important;font-size:22px !important;line-height:1}
html body .box-fix a.zalo{background-position:center !important;background-size:30px 30px,100% 100% !important}
html body .box-fix a.mes{background-position:center !important;background-size:24px 24px,100% 100% !important}
html body .box-fix a.hot-fix::after{content:"";position:absolute;inset:-5px;border:2px solid rgba(242,107,15,.7);border-radius:50%;animation:dloPulse 1.6s ease-out infinite;pointer-events:none}
}
/* ===== 33. The tour trang nhom (kieu TravelVietnam, mau Du Lich Online) ===== */
html body .row-tour-list-2{position:relative;display:grid !important;grid-template-columns:clamp(250px,27%,340px) minmax(0,1fr) 226px;width:100%;margin:0 0 18px !important;padding:0 !important;background:#FFF !important;border:1px solid #D3E4F3 !important;border-radius:18px !important;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05),0 6px 18px -10px rgba(11,63,115,.22) !important;transition:border-color .2s,box-shadow .25s,transform .25s}
html body .row-tour-list-2::before,html body .row-tour-list-2::after{display:none !important}
html body .row-tour-list-2:hover{border-color:#B9D3EE !important;box-shadow:0 14px 30px -14px rgba(11,63,115,.35) !important;transform:translateY(-2px)}
html body .left-tour-list-2{position:relative;display:block !important;width:auto !important;min-height:212px;overflow:hidden;background:#EAF4FC !important;padding:0 !important;margin:0 !important}
html body .left-tour-list-2 > a{position:absolute !important;inset:0 !important;display:block !important}
html body .left-tour-list-2 .img-tour-list-2{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;transform:none !important;transition:transform .6s !important;border-radius:0 !important}
html body .row-tour-list-2:hover .img-tour-list-2{transform:scale(1.05) !important}
html body .mid-tour-list{display:flex !important;flex-direction:column;gap:11px;width:auto !important;min-width:0;padding:18px 22px !important;color:#3A4652;font-size:14px;border:0 !important}
html body .mid-tour-list .h2-tour{margin:0 !important;font-size:18px !important;line-height:1.4 !important;font-weight:700 !important}
html body .mid-tour-list .h2-tour a{color:#0B3F73 !important;transition:color .2s}
html body .mid-tour-list .h2-tour a::after{content:"";position:absolute;inset:0;z-index:1}
html body .row-tour-list-2:hover .h2-tour a{color:#C2410C !important}
html body .tl-rt{margin:0;font-size:13.5px;line-height:1.55;color:#5F6873}
html body .tl-rt b{font-weight:600;color:#0B3F73}
html body .tl-fx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin:auto 0 0;padding-top:12px;border-top:1px dashed #C9DCEE}
html body .tl-fx dt{font-weight:400;font-size:12px;line-height:1.3;color:#5F6873}
html body .tl-fx dd{margin:2px 0 0;font-size:13.5px;line-height:1.35;color:#0B3F73;font-weight:600}
html body .tl-fx dd b{color:#C2410C;font-weight:600}
html body .tl-sv{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13.5px;line-height:1.5;color:#3A4652}
html body .tl-sv .fa{flex:0 0 auto;margin-top:3px;font-size:15px;color:#F26B0F}
html body .row-tour-list-2 .right-tour-list-2{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:auto !important;padding:18px !important;text-align:center;background:linear-gradient(180deg,#F4F9FE,#EAF4FC) !important;border:0 !important;border-left:1px solid #D3E4F3 !important}
html body .tl-old{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 -6px;line-height:1.2}
html body .tl-old s{color:#5F6873;font-size:14px}
html body .tl-disc{padding:2px 8px;border-radius:6px;background:#F26B0F;color:#FFF;font-size:12px;font-weight:700}
html body .tl-val{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:4px;margin:0;font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:#C2410C;white-space:nowrap}
html body .tl-val small{font-size:12px;font-weight:500;letter-spacing:0;color:#5F6873}
html body .tl-val.tl-val-lh{font-size:22px}
html body .row-tour-list-2 .right-tour-list-2 a.a-book-tour.a-book-tour{position:relative;z-index:2;display:flex !important;align-items:center;justify-content:center;gap:6px;width:100% !important;min-height:44px;margin:0 !important;padding:0 12px 0 18px !important;border:0 !important;border-radius:12px !important;background:#F26B0F !important;color:#FFF !important;font-weight:700 !important;font-size:14.5px !important;text-transform:none !important;transition:background .2s}
html body .row-tour-list-2 .right-tour-list-2 a.a-book-tour.a-book-tour::after{content:"\203A";font-size:20px;line-height:1}
html body .row-tour-list-2 .right-tour-list-2 a.a-book-tour.a-book-tour:hover,html body .row-tour-list-2:hover .right-tour-list-2 a.a-book-tour.a-book-tour{background:#C2410C !important;color:#FFF !important}
@media(max-width:991px){
html body .row-tour-list-2{grid-template-columns:260px minmax(0,1fr)}
html body .row-tour-list-2 .right-tour-list-2{grid-column:1/-1;flex-direction:row;justify-content:space-between;border-left:0 !important;border-top:1px solid #D3E4F3 !important;padding:14px 18px !important}
html body .row-tour-list-2 .right-tour-list-2 a.a-book-tour.a-book-tour{width:auto !important}
}
@media(max-width:767px){
html body .row-tour-list-2{grid-template-columns:minmax(0,1fr)}
html body .left-tour-list-2{min-height:0;aspect-ratio:3/2}
html body .mid-tour-list{padding:15px 16px 14px !important}
html body .mid-tour-list .h2-tour{font-size:17px !important}
html body .tl-fx{gap:8px 10px}
html body .tl-fx dd{font-size:13px}
html body .row-tour-list-2 .right-tour-list-2{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;place-items:center start;text-align:left;padding:12px 16px !important}
html body .row-tour-list-2 .right-tour-list-2 .tl-old{grid-column:1;justify-content:flex-start;margin:0}
html body .row-tour-list-2 .right-tour-list-2 .tl-val{grid-column:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0;font-size:23px;line-height:1.15;text-align:left}
html body .row-tour-list-2 .right-tour-list-2 .tl-val small{display:block;font-size:12.5px}
html body .row-tour-list-2 .right-tour-list-2 a.a-book-tour.a-book-tour{grid-area:1/2/span 2;place-self:center end;width:auto !important;white-space:nowrap}
}
/* Tieu de trang nhom co o icon cam nhu TravelVietnam */
html body .main-content > h1.h1-title:has(+ .desc-category),html body .main-content > h1.h1-title:has(+ #search-result-inner){display:flex;align-items:center;gap:14px}
html body .main-content > h1.h1-title:has(+ .desc-category)::before,html body .main-content > h1.h1-title:has(+ #search-result-inner)::before{content:"";flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.4 2.5 3.6 5.5 3.6 9s-1.2 6.5-3.6 9c-2.4-2.5-3.6-5.5-3.6-9S9.6 5.5 12 3z'/%3E%3C/svg%3E") center/24px no-repeat,#F26B0F;box-shadow:0 6px 14px -6px rgba(204,75,9,.6)}
@media(max-width:767px){html body .main-content > h1.h1-title:has(+ .desc-category)::before,html body .main-content > h1.h1-title:has(+ #search-result-inner)::before{width:36px;height:36px;border-radius:10px;background-size:20px}}
/* 33b. Mobile: hien cot gia (ghi de rule cu an .right-tour-list-2) */
@media(max-width:767px){html body .row-tour-list-2 .right-tour-list-2{display:grid !important}}
/* 34. Khung "Lich khoi hanh" tren trang nhom Trung Quoc / Chau Au (giong TravelVietnam, mau DLO) */
html body .desc-category .dlo-dep{clear:both;margin:22px 0 8px;padding:26px 28px 28px;background:#FFF4EC;border:1px solid #FFD3B0;border-top:4px solid #F26B0F;border-radius:16px;text-align:center}
html body .desc-category .dlo-dep .dlo-dep-title{margin:0 0 8px !important;padding:0 !important;font-size:24px !important;line-height:1.3 !important;font-weight:800 !important;color:#C2410C !important;text-align:center !important;border:0 !important;background:none !important}
html body .desc-category .dlo-dep .dlo-dep-title::before,html body .desc-category .dlo-dep .dlo-dep-title::after{display:none !important}
html body .desc-category .dlo-dep .dlo-dep-sub{margin:0 0 18px !important;font-size:15.5px !important;font-weight:500;color:#8A5A3C !important;text-align:center !important}
html body .desc-category .dlo-dep .dlo-dep-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
html body .desc-category .dlo-dep .dlo-dep-list a{display:inline-flex;align-items:center;min-height:46px;padding:8px 20px;background:#FFF !important;border:1px solid #FFD3B0;border-radius:999px;font-size:16px;font-weight:700;color:#C2410C !important;text-decoration:none !important;box-shadow:0 1px 2px rgba(194,65,12,.08);transition:background .15s,color .15s,border-color .15s}
html body .desc-category .dlo-dep .dlo-dep-list a:hover{background:#C2410C !important;border-color:#C2410C;color:#FFF !important}
@media(max-width:767px){html body .desc-category .dlo-dep{padding:20px 14px 20px;border-radius:14px}html body .desc-category .dlo-dep .dlo-dep-title{font-size:19px !important}html body .desc-category .dlo-dep .dlo-dep-sub{font-size:14px !important;margin-bottom:14px !important}html body .desc-category .dlo-dep .dlo-dep-list{gap:8px}html body .desc-category .dlo-dep .dlo-dep-list a{min-height:40px;padding:7px 14px;font-size:14.5px}}
/* 35. Khung "Lich khoi hanh" trang Du lich nuoc ngoai: vien mem, chip bo tron (dong bo voi muc 34) */
html body .desc-category .departure-box{margin:22px 0 8px !important;padding:26px 28px 28px !important;background:#FFF4EC !important;border:1px solid #FFD3B0 !important;border-top:4px solid #F26B0F !important;border-radius:16px !important;box-shadow:0 6px 18px -12px rgba(194,65,12,.35) !important}
html body .desc-category .departure-box .departure-title{margin:0 0 8px !important;font-size:24px !important;line-height:1.3 !important;font-weight:800 !important;color:#C2410C !important;text-align:center !important}
html body .desc-category .departure-box .departure-sub{margin:0 0 18px !important;font-size:15.5px !important;font-weight:500 !important;color:#8A5A3C !important;text-align:center !important}
@media(min-width:768px){html body .desc-category .departure-box .departure-list{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:12px !important}
html body .desc-category .departure-box .departure-list a{display:inline-flex !important;align-items:center !important;min-height:46px !important;padding:8px 20px !important;border-radius:999px !important;font-size:16px !important;font-weight:700 !important;box-shadow:0 1px 2px rgba(194,65,12,.08)}}
@media(max-width:767px){html body .desc-category .departure-box{padding:20px 14px !important;border-radius:14px !important}html body .desc-category .departure-box .departure-title{font-size:19px !important}html body .desc-category .departure-box .departure-sub{font-size:14px !important;margin-bottom:14px !important}html body .desc-category .departure-box .departure-list a{border-radius:999px !important;font-weight:700 !important}}
html body .desc-category .departure-box .dlo-dep,html body .desc-category .dlo-dep{box-shadow:0 6px 18px -12px rgba(194,65,12,.35)}
/* hotel-orange-20261106 */
html body .top-title .summary-desc{color:#F26B0F!important;font-weight:400!important}
html body .bottom-best a[href*="/khach-san/"]:not(.btn){color:#F26B0F!important;font-weight:600}
html body .bottom-best a[href*="/khach-san/"]:not(.btn):hover{color:#D2560A!important}
html body a.btn.btn-flight-cheapest{background:#F26B0F!important;border-color:#F26B0F!important;color:#fff!important;border-radius:999px;padding:8px 20px;font-weight:600;box-shadow:0 8px 18px -10px rgba(242,107,15,.8);transition:background .2s}
html body a.btn.btn-flight-cheapest:hover,html body a.btn.btn-flight-cheapest:focus{background:#D2560A!important;border-color:#D2560A!important;color:#fff!important}
html body .popular-hotel .top-cat-h{border-radius:20px;transition:box-shadow .25s}
html body .popular-hotel a:hover .top-cat-h{box-shadow:0 0 0 3px #F26B0F,0 12px 24px -12px rgba(242,107,15,.7)}
html body .popular-hotel .col-img-text .num-hotel{color:#FFB37A;font-weight:700}
html body .row:has(.row-cat-hotel) strong,html body .row:has(.row-cat-hotel) b{color:#D2560A}
html body .bottom-best h2.h2-tour-index a[href],html body .bottom-best h3 a[href]:not(.btn){color:#0B3F73!important;font-weight:700}
html body .bottom-best h2.h2-tour-index a[href]:hover,html body .bottom-best h3 a[href]:not(.btn):hover{color:#F26B0F!important}

/* 36. Khung diem den trang Du lich trong nuoc: dong bo voi muc 35 (SEO-20261106) */
html body .desc-category .domestic-box{margin:22px 0 8px !important;padding:26px 28px 28px !important;background:#FFF4EC !important;border:1px solid #FFD3B0 !important;border-top:4px solid #F26B0F !important;border-radius:16px !important;box-shadow:0 6px 18px -12px rgba(194,65,12,.35) !important}
html body .desc-category .domestic-box .domestic-title{margin:0 0 8px !important;font-size:24px !important;line-height:1.3 !important;font-weight:800 !important;color:#C2410C !important;text-align:center !important}
html body .desc-category .domestic-box .domestic-sub{margin:0 0 18px !important;font-size:15.5px !important;font-weight:500 !important;color:#8A5A3C !important;text-align:center !important}
html body .desc-category .domestic-box .domestic-list a{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
@media(min-width:768px){html body .desc-category .domestic-box .domestic-list{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:12px !important}
html body .desc-category .domestic-box .domestic-list a{display:inline-flex !important;align-items:center !important;min-height:46px !important;padding:8px 20px !important;border-radius:999px !important;font-size:16px !important;font-weight:700 !important;box-shadow:0 1px 2px rgba(194,65,12,.08)}}
@media(max-width:767px){html body .desc-category .domestic-box{padding:20px 14px !important;border-radius:14px !important}html body .desc-category .domestic-box .domestic-title{font-size:19px !important}html body .desc-category .domestic-box .domestic-sub{font-size:14px !important;margin-bottom:14px !important}html body .desc-category .domestic-box .domestic-list a{border-radius:999px !important;font-weight:700 !important}}

/* 37. Nut 'Xem them' mau hong trong noi dung danh muc du thuyen -> cam thuong hieu (SEO-20261106) */
html body .desc-category .cruise-btn, html body .desc-category .cruise-readmore-btn{background:#EA580C !important;color:#fff !important;border:0 !important;border-radius:999px !important;padding:9px 24px !important;font-weight:700 !important;box-shadow:0 6px 14px -8px rgba(234,88,12,.6) !important;transition:background .2s ease}
html body .desc-category .cruise-btn:hover, html body .desc-category .cruise-readmore-btn:hover, html body .desc-category .cruise-btn:focus, html body .desc-category .cruise-readmore-btn:focus{background:#C2410C !important;color:#fff !important}
html body .desc-category .cruise-highlight{background:#FFF4EC !important;border-left-color:#F26B0F !important}

/* ==========================================================
   FONT-SIZE FIX 2026-11-07: tăng cỡ chữ cho dễ đọc (máy tính + điện thoại)
   Khối này nằm cuối style-new.css. Muốn hoàn tác: xoá cả khối
   (bản gốc: style-new.css.bak-20261107).
   ========================================================== */

/* ---- Mọi kích thước màn hình ---- */

/* Nội dung đọc: dòng thoáng hơn */
html body .summary-detail,
html body .f18 p,
html body .f18 li { line-height: 1.65; }

/* Thẻ tour (trang danh mục): 13.5/12px -> 14.5/13px */
html body .tl-rt { font-size: 14.5px; line-height: 1.55; }
html body .tl-sv { font-size: 14.5px; }
html body .tl-fx dt { font-size: 13px; }
html body .tl-fx dd { font-size: 14px; }

/* Lịch trình rút gọn (trang tour): 13.5/12.5px -> 15/14px */
html body .tv-dy-t .sub { font-size: 15px; line-height: 1.55; }
html body .tv-dy-t .tv-dy-c span { font-size: 14px; }
html body .tv-dys-tools .tv-dy-all span { font-size: 14px; }

/* Mô tả danh mục: bấm "Xem thêm" phải hiện hết chữ (trước bị giới hạn chiều cao, bài dài bị cắt cuối) */
html body .desc-category input:checked ~ [class$="-content"] { max-height: 6000px; }

/* Dòng chữ dưới logo: không cắt dấu tiếng Việt */
html body .title-logo { line-height: 1.3; }

/* Trang chủ (máy tính) */
html body .dlo-dest-wrap .dlo-dest-sub { font-size: 15px; }

/* ---- Điện thoại / máy tính bảng dọc ---- */
@media (max-width: 767px) {
  /* Đoạn giới thiệu danh mục (.dlo-xxx-intro nằm trong mô tả): 14.5px -> 16px */
  html body .desc-category [class$="-intro"] { font-size: 16px; line-height: 1.65; }
  html body .desc-category [class$="-subtitle"] { font-size: 17px; }

  /* Thẻ tour: 3 cột "Số ngày / Điểm khởi hành / Ngày khởi hành" giữ 1 dòng trên máy 360px */
  html body .tl-fx dt { font-size: 12px; }
  html body .tl-fx dd { font-size: 13.5px; }
  html body .tl-val small { font-size: 13px; }

  /* Trang chủ */
  html body .dlo-sec .dlo-sub,
  html body .dlo-dest-wrap .dlo-dest-sub { font-size: 14.5px; }
  html body .dlo-stats .dlo-stat span { font-size: 13px; }
  html body .dlo-faq-item .dlo-faq-ans { font-size: 15.5px; }
  html body .dlo-rv-body .dlo-rv-text { font-size: 15.5px; }
  html body .dlo-rv-meta .dlo-rv-tag { font-size: 13.5px; }
}

/* ==========================================================
   FONT-SIZE FIX 2 (2026-11-07): các trang có bố cục riêng, trên điện thoại
   Du lịch nước ngoài, Du lịch trong nước, Du thuyền Hạ Long, Team building, Về chúng tôi
   ========================================================== */
@media (max-width: 767px) {
  /* Du lịch nước ngoài / trong nước: đoạn giới thiệu 14px -> 16px */
  html body .desc-category .foreign-tour-intro p,
  html body .desc-category .domestic-tour-intro p { font-size: 16px; line-height: 1.7; }

  /* Hộp "Lịch khởi hành…": dòng mô tả 14px -> 15px, nút điểm đến 12px -> 13/13.5/14px tuỳ bề ngang
     (giữ "Trung Quốc đường bộ" trên 1 dòng) */
  html body .desc-category .departure-box .departure-sub,
  html body .desc-category .domestic-box .domestic-sub,
  html body .desc-category .dlo-dep .dlo-dep-sub { font-size: 15px !important; }
  html body .desc-category .departure-box .departure-list a,
  html body .desc-category .domestic-box .domestic-list a { font-size: 13px; }

  /* Du thuyền Hạ Long */
  html body .desc-category .cruise-intro-box .cruise-highlight { font-size: 15.5px; }

  /* Team building */
  html body .tv-tp-b .tv-tp-x { font-size: 15.5px; }
  html body .tv-tbh-tx .tv-tbh-lead { font-size: 15.5px; }
  html body .tv-tn-b .tv-tn-x { font-size: 14.5px; }

  /* Về chúng tôi */
  html body .dla-svc .t > span { font-size: 14.5px; }
  html body .dla-check li,
  html body .dla-sec .dla-note { font-size: 15.5px; }
  html body .dla-cta-b address { font-size: 15px; }
}
@media (min-width: 375px) and (max-width: 767px) {
  html body .desc-category .departure-box .departure-list a,
  html body .desc-category .domestic-box .domestic-list a { font-size: 13.5px; }
}
@media (min-width: 390px) and (max-width: 767px) {
  html body .desc-category .departure-box .departure-list a,
  html body .desc-category .domestic-box .domestic-list a { font-size: 14px; }
}