/* TCD-HOME-P07: Home-only header gap, heading hierarchy and FAQ/News panel.
   No edits to shared layout, money pages, booking logic or Central Pricing. */

/* The inherited GC03C fixed header reserves 112px (72px navbar + 40px ticker)
   even when the ticker is absent. Reserve ONLY the height actually rendered.
   This removes the user's highlighted blank bar without touching shared layout. */
body.tcd-uifix.gx-home-page {
  margin:72px 0 0!important;
  padding:0!important;
}
body.tcd-uifix.gx-home-page:has(> .gc02k-header .wt2-trending-bar) {
  margin-top:112px!important;
}
@media(max-width:991px) {
  body.tcd-uifix.gx-home-page {margin-top:58px!important}
  body.tcd-uifix.gx-home-page:has(> .gc02k-header .wt2-trending-bar) {margin-top:90px!important}
}
/* Hard stop for the empty strip below the menu on Home; keep the real navbar. */
body.tcd-uifix.gx-home-page .gc02k-header {
  margin-bottom:0!important;
  padding-bottom:0!important;
  min-height:0!important;
}
body.tcd-uifix.gx-home-page .gc02k-header > .gx-mobile-menu:not(.is-open),
body.tcd-uifix.gx-home-page .gc02k-header > .wt2-trending-bar:empty {
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
body.tcd-uifix.gx-home-page #main-content,
body.tcd-uifix.gx-home-page #main-content > .gc-ref-home {
  margin-top:0!important;
  padding-top:0!important;
}
body.tcd-uifix.gx-home-page #main-content > .gc-ref-home > .gc-source-booking {
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
body.tcd-uifix.gx-home-page .gx-navbar {margin-bottom:0!important}
/* Desktop booking remains side-by-side with carousel; remove only the blank top strip. */
body.tcd-uifix.gx-home-page .gc-source-booking > .kc-row-container {margin-top:0!important}

/* Header with clear brand / active states; styles isolated to Home. */
body.tcd-uifix.gx-home-page .gc02k-header .gx-navbar .gx-shell {gap:clamp(14px,2.2vw,28px)!important}
body.tcd-uifix.gx-home-page .gc02k-nav-list {gap:clamp(4px,.75vw,12px)!important}
body.tcd-uifix.gx-home-page .gc02k-nav-item>a,
body.tcd-uifix.gx-home-page .gc02k-nav-trigger {font-size:14px!important;font-weight:700!important}
body.tcd-uifix.gx-home-page .gc02k-nav-item>a:focus-visible,
body.tcd-uifix.gx-home-page .gc02k-nav-trigger:focus-visible {outline-offset:3px!important}
body.tcd-uifix.gx-home-page .gx-brand .tcd-brand-text {font-size:clamp(15px,1.35vw,19px)!important;line-height:1.2!important}

/* Exactly one real H1, retained in the hero data maintained by Admin. */
body.tcd-uifix.gx-home-page .gc-home-service-summary h1#gc-home-primary-h1 {
  font-size:clamp(23px,2.2vw,32px)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  line-height:1.24!important;
  text-wrap:balance;
  color:#0f3459!important;
  margin:5px 0 15px!important;
}
body.tcd-uifix.gx-home-page .gc-home-service-summary {overflow-wrap:anywhere}
body.tcd-uifix.gx-home-page .gc-home-service-summary :is(p,li) {line-height:1.6!important}
/* Stable visual type scale for Home H2. Existing em remains an accent, not a new heading. */
body.tcd-uifix.gx-home-page .gc-ref-home :is(.gc-p31b-service-head,.tcl-p41-head,.gc-p30b-section-head) h2,
body.tcd-uifix.gx-home-page .gc-ref-home .tcl-home-taxi-price h2 {
  font-size:clamp(23px,2.25vw,32px)!important;
  font-weight:800!important;
  line-height:1.26!important;
  letter-spacing:-.018em!important;
  text-wrap:balance;
  max-width:920px;
}
body.tcd-uifix.gx-home-page .gc-ref-home .tcl-p41-head-center h2,
body.tcd-uifix.gx-home-page .gc-ref-home .gc-p31b-service-head h2 {
  margin-inline:auto!important;
}
body.tcd-uifix.gx-home-page .gc-ref-home :is(h1,h2,h3) {overflow-wrap:break-word}

/* FAQ on the LEFT / Tin Tức on the RIGHT, even when no articles have been published yet. */
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .tcd-home-p07-editorial-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.13fr) minmax(360px,.94fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  width:min(1180px,calc(100% - 36px))!important;
  margin:0 auto!important;
}
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-panel {min-width:0!important}
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-panel-head h2,
body.tcd-uifix.gx-home-page .tcd-home-p07-news-head h2 {
  font-size:clamp(22px,2vw,29px)!important;
  line-height:1.23!important;
  color:#182436!important;
  font-weight:800!important;
  margin:4px 0 9px!important;
}
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-faq-panel {
  padding:24px 23px!important;
}
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-faq-head {
  margin:0 0 16px!important;
}
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-faq-list summary {
  font-size:13px!important;
  min-height:48px;
  padding:12px 13px;
  line-height:1.45!important;
}
body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-faq-list details {border-radius:10px}

body.tcd-uifix.gx-home-page .tcd-home-p07-news-panel {
  display:flex;
  flex-direction:column;
  gap:0;
  padding:24px 22px!important;
}
.tcd-home-p07-news-head {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.tcd-home-p07-news-head>div{min-width:0}
.tcd-home-p07-news-head p {color:#667485;font-size:12.5px;line-height:1.6;margin:0}
.tcd-home-p07-news-all {font-size:12px;font-weight:800;white-space:nowrap;color:#b50e19!important;text-decoration:none!important;padding:8px 0}
.tcd-home-p07-news-list {display:flex;flex-direction:column;gap:13px}
.tcd-home-p07-news-item {
  display:grid;grid-template-columns:130px minmax(0,1fr);gap:13px;align-items:start;
  padding:10px;border:1px solid #e5eaf0;border-radius:12px;background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.tcd-home-p07-news-item:hover {border-color:#efc5c6;box-shadow:0 8px 18px rgba(28,43,63,.05)}
.tcd-home-p07-news-thumb {display:block;aspect-ratio:1200/630;border-radius:9px;overflow:hidden;background:#edf3f7}
.tcd-home-p07-news-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.tcd-home-p07-news-thumb-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#f0f3f7;color:#a71926}
.tcd-home-p07-news-thumb-fallback svg{width:36px;height:36px}
.tcd-home-p07-news-content{min-width:0}
.tcd-home-p07-news-content h3{font-size:14px!important;line-height:1.42!important;font-weight:800!important;margin:0 0 7px!important;letter-spacing:0!important}
.tcd-home-p07-news-content h3 a{color:#1d3046!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tcd-home-p07-news-content h3 a:hover{color:#a90d0b!important}
.tcd-home-p07-news-date {display:block;font-size:11px;color:#7d8896;margin:0 0 6px}
.tcd-home-p07-news-content p{margin:0;color:#6a7685;font-size:11.5px;line-height:1.52;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tcd-home-p07-news-bottom{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:auto;padding:13px;border:1px solid #ebc6c8;border-radius:10px;color:#a90d0b!important;background:#fff7f7;font-size:12.5px;font-weight:800;text-decoration:none!important}
.tcd-home-p07-news-bottom:hover{background:#ffecec}
.tcd-home-p07-news-empty {display:flex;flex:1;min-height:250px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;margin-bottom:16px;padding:24px 18px;border:1px dashed #e4c8cb;border-radius:13px;background:#fffafa;color:#6a7685}
.tcd-home-p07-news-empty-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:17px;background:#f9e7e9;color:#ae1b27}
.tcd-home-p07-news-empty-icon svg{width:38px;height:38px}
.tcd-home-p07-news-empty strong{color:#263649;font-size:16px}
.tcd-home-p07-news-empty p{font-size:12.5px;line-height:1.65;max-width:340px;margin:0}

@media(max-width:991px) {
 body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .tcd-home-p07-editorial-grid {grid-template-columns:1fr!important;width:min(790px,calc(100% - 28px))!important}
 body.tcd-uifix.gx-home-page .gc-home-service-summary h1#gc-home-primary-h1 {font-size:clamp(23px,3.2vw,29px)!important}
}
@media(max-width:640px){
 body.tcd-uifix.gx-home-page .gc02k-header .gx-navbar .gx-shell {gap:10px!important;padding-inline:12px!important}
 body.tcd-uifix.gx-home-page .tcd-brand-text {font-size:15px!important}
 body.tcd-uifix.gx-home-page .gc-ref-home :is(.gc-p31b-service-head,.tcl-p41-head,.gc-p30b-section-head) h2 {font-size:22px!important;line-height:1.29!important}
 body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-panel {padding:17px 15px!important;border-radius:14px}
 body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-panel-head h2,
 body.tcd-uifix.gx-home-page .tcd-home-p07-news-head h2{font-size:23px!important}
 .tcd-home-p07-news-head{gap:8px;flex-wrap:wrap}
 .tcd-home-p07-news-all{padding:2px 0}
 .tcd-home-p07-news-item{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px}
 .tcd-home-p07-news-content h3{font-size:12.5px!important}
 .tcd-home-p07-news-content p{font-size:11px}
 .tcd-home-p07-news-empty{min-height:205px}
}
@media(prefers-reduced-motion:reduce){.tcd-home-p07-news-item{transition:none}}


/* TCD HOME P07-FIX01: compact source-safe correction.
   ONLY homepage. Do not modify shared header layout, Money Page, carousel or booking API. */
/* Add a small intentional gap, not the old empty ticker reserve. */
body.tcd-uifix.gx-home-page .gc-ref-home > .gc-source-booking {
  margin-top:16px!important;
  padding-top:0!important;
}
@media(max-width:767px){
 body.tcd-uifix.gx-home-page .gc-ref-home > .gc-source-booking {margin-top:11px!important}
}
/* Robust H1 font stack: do not rely on the optional icon/display font. */
body.tcd-uifix.gx-home-page .gc-home-service-summary h1#gc-home-primary-h1 {
  font-family:Arial,"Segoe UI",Roboto,sans-serif!important;
  font-size:clamp(22px,2.25vw,30px)!important;
  font-weight:700!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
  font-style:normal!important;
  color:#0d3657!important;
  text-align:center!important;
  margin:5px auto 14px!important;
}
/* Remove broken pseudo-icons from this block only; SVG check icons are in Blade. */
body.tcd-uifix.gx-home-page .gc-home-service-summary ul {list-style:none!important;margin:0!important;padding:0!important}
body.tcd-uifix.gx-home-page .gc-home-service-summary li {
  display:flex!important;align-items:flex-start!important;gap:8px!important;
  font-family:Arial,"Segoe UI",Roboto,sans-serif!important;
  color:#36495b!important;font-size:12px!important;line-height:1.55!important;
  list-style:none!important;margin:0!important;padding:8px 0!important;
}
body.tcd-uifix.gx-home-page .gc-home-service-summary li::before,
body.tcd-uifix.gx-home-page .gc-home-service-summary li::after {display:none!important;content:none!important}
body.tcd-uifix.gx-home-page .gc-home-service-summary li .tcd-home-hero-check {
  display:block!important;flex:0 0 16px;width:16px;height:16px;color:#bc1a29;margin-top:1px;
}
body.tcd-uifix.gx-home-page .gc-home-service-summary li span{display:block;min-width:0}
/* Replace broken FontAwesome dependency for booking tab icons with SVG. */
body.tcd-uifix.gx-home-page .gc-source-booking .tcd-home-tab-icon {
  display:inline-block!important;width:17px!important;height:17px!important;
  vertical-align:-3px!important;margin-right:6px!important;
  color:currentColor!important;stroke:currentColor!important;flex:none;
}
/* Actual 50/50 FAQ and Latest News; both panels align and stretch in the same row. */
@media(min-width:992px){
 body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .tcd-home-p07-editorial-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
 }
 body.tcd-uifix.gx-home-page .tcd-home-p07-editorial .gc-p33-panel {height:100%!important}
}
/* 5 horizontal story cards: thumbnail left, information right. */
body.tcd-uifix.gx-home-page .tcd-home-p07-news-list{gap:9px!important}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-item {
  display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;
  gap:12px!important;align-items:center!important;padding:8px!important;min-height:88px;
}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-thumb{aspect-ratio:1200/630!important}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-content h3{font-size:13px!important;line-height:1.4!important;margin-bottom:5px!important}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-content h3 a{-webkit-line-clamp:2!important}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-content p{-webkit-line-clamp:1!important}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-panel{min-width:0}
body.tcd-uifix.gx-home-page .tcd-home-p07-news-list{margin-bottom:14px}
@media(max-width:640px){
 body.tcd-uifix.gx-home-page .tcd-home-p07-news-item{grid-template-columns:105px minmax(0,1fr)!important;gap:9px!important;min-height:78px}
 body.tcd-uifix.gx-home-page .gc-home-service-summary h1#gc-home-primary-h1{font-size:clamp(20px,6vw,25px)!important}
}


/* TCD-HOME-P07-FIX02 — Hero breathing room directly INSIDE its photo backdrop.
   Purpose: the form and the H1/slider start below the Header together.
   Do not add a blank ticker reserve or alter the fixed Header itself. */
@media (min-width: 992px) {
  body.tcd-uifix.gx-home-page #main-content > .gc-ref-home > .gc-source-booking {
    margin-top: 0 !important;
    padding-top: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.tcd-uifix.gx-home-page #main-content > .gc-ref-home > .gc-source-booking {
    margin-top: 0 !important;
    padding-top: 20px !important;
  }
}
@media (max-width: 767px) {
  body.tcd-uifix.gx-home-page #main-content > .gc-ref-home > .gc-source-booking {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
}


/* TCD-HOME-P07-FIX03 — MOBILE ONLY: Form first, ONE original H1 after the form.
   Root cause was flex-direction:column-reverse in the legacy tcd-p03-uifix.css.
   DOM has the booking as the first column and the unique H1 in the second one.
   Do not copy/create another H1 or change booking / carousel event handlers. */
@media (max-width: 767px) {
  body.tcd-uifix.gx-home-page.gc02h-home-precision #main-content > .gc-ref-home > .gc-source-booking {
    background-image:none!important;
    background-color:#f5f7fa!important;
    padding-top:16px!important;
    padding-bottom:18px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .kc-wrap-columns {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .kc-css-340647 {
    order:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .kc-css-698619 {
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .home_datxe {
    margin:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .home_slider {
    display:block!important;
    margin:12px 0 0!important;
    padding:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  /* Keep the heavy desktop slider hidden. Its summary and H1 are the ONLY visible content here. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-image-slider {
    display:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-hero-panel {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    background:#fff!important;
    border:1px solid #e7ebf0!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(16,38,60,.055)!important;
    overflow:hidden!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary {
    display:block!important;
    min-height:0!important;
    height:auto!important;
    background:#fff!important;
    padding:17px 17px 16px!important;
    border:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary h1#gc-home-primary-h1 {
    font-family:Arial,'Segoe UI',Roboto,sans-serif!important;
    font-size:clamp(22px,5.7vw,27px)!important;
    font-weight:800!important;
    line-height:1.3!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    text-align:left!important;
    color:#12354e!important;
    border:0!important;
    padding:0!important;
    margin:0 0 9px!important;
    text-wrap:pretty;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary ul {
    display:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-trust {
    display:block!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    color:#667689!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.6!important;
  }
  /* Reduce the apparent UI density without changing the booking fields or submission logic. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .form_main ul.nav {
    margin-bottom:12px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .form_main form.info_form :is(input.form-control,select.form-control) {
    min-height:44px!important;
    font-size:16px!important;
  }
}
@media (max-width: 380px) {
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary {
    padding:16px 14px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary h1#gc-home-primary-h1 {
    font-size:21px!important;
  }
}


/* TCD-HOME-P07-FIX04 — HOME MOBILE ONLY.
   Contact form flush with header; the sole H1 stays BELOW the form, centered.
   Restore the Admin-driven hero bullet content with its existing SVG icons.
   Avoid all edits to global layouts, booking handlers and Money Pages. */
@media(max-width:767px){
  /* Previous FIX03 introduced 16px at the beginning of the hero: remove it. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision #main-content,
  body.tcd-uifix.gx-home-page.gc02h-home-precision #main-content>.gc-ref-home{
    padding-top:0!important;margin-top:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision #main-content>.gc-ref-home>.gc-source-booking{
    padding-top:0!important;margin-top:0!important;border-top:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking>.kc-row-container,
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .kc-wrap-columns,
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .kc-css-340647{
    padding-top:0!important;margin-top:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .home_datxe{
    border-top-left-radius:0!important;border-top-right-radius:0!important;
  }
  /* Hero H1 visually centered without introducing a duplicate heading. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary h1#gc-home-primary-h1{
    text-align:center!important;margin:0 auto 13px!important;
    font-size:clamp(22px,5.8vw,27px)!important;
    line-height:1.28!important;max-width:450px!important;
    letter-spacing:-.018em!important;text-wrap:balance;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary{
    padding:19px 15px 18px!important;
  }
  /* Restore the existing content edited under Admin -> Home: the same SVG icon per line. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary ul{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important;
    padding:0!important;margin:0 0 12px!important;list-style:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary ul>li{
    display:flex!important;align-items:flex-start!important;gap:9px!important;
    padding:9px 11px!important;margin:0!important;
    border:1px solid #edf0f3!important;border-radius:10px!important;
    background:#f8fafc!important;color:#3b4d5e!important;
    font-size:12px!important;line-height:1.5!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary ul>li .tcd-home-hero-check{
    display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
    margin:0!important;color:#b20d19!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary ul>li span{
    flex:1!important;min-width:0!important;overflow-wrap:break-word!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-trust{
    display:flex!important;align-items:flex-start!important;justify-content:center!important;
    gap:7px!important;text-align:center!important;max-width:520px!important;
    margin:0 auto!important;padding:2px 0!important;
    font-size:11.5px!important;line-height:1.55!important;color:#617286!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .tcd-home-mobile-trust-icon{
    display:inline-flex!important;width:16px!important;height:16px!important;min-width:16px!important;
    margin-top:1px!important;color:#b20d19!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .tcd-home-mobile-trust-icon svg{
    width:16px!important;height:16px!important;display:block!important;stroke:currentColor!important;
  }
}
/* Desktop keeps original content and icon visibility unchanged. */
@media(min-width:768px){
  body.tcd-uifix.gx-home-page .tcd-home-mobile-trust-icon{display:none!important}
}
@media(max-width:380px){
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary{
    padding:16px 12px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-source-booking .gc-home-service-summary ul>li{
    padding:8px 10px!important;font-size:11.5px!important;
  }
}


/* P07-FIX05-FIX02: Emergency icon sizing guard.
   Revert visual structure to FIX04. Do not depend on body.tcd-uifix:
   older/shared header variants may omit the class and cause SVGs to expand.
   No other sections, money pages, forms or layouts are modified. */
.gc-ref-home .gc-source-booking .tcd-home-tab-icon,
.gc-ref-home .gc-source-booking .gc-home-service-summary .tcd-home-hero-check,
.gc-ref-home .gc-source-booking .gc-home-service-summary .tcd-home-mobile-trust-icon svg{
  display:inline-block!important;
  width:18px!important;height:18px!important;
  min-width:18px!important;max-width:18px!important;
  min-height:18px!important;max-height:18px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;vertical-align:middle!important;
}
.gc-ref-home .gc-source-booking .gc-home-service-summary ul li{
  min-width:0!important;
  align-items:flex-start!important;
}
.gc-ref-home .gc-source-booking .gc-home-service-summary ul li span{
  min-width:0!important;max-width:100%;overflow-wrap:break-word!important;
}
.gc-ref-home .gc-source-booking .gc-home-service-summary .tcd-home-mobile-trust-icon{
  flex:0 0 18px!important;width:18px!important;height:18px!important;
  max-width:18px!important;max-height:18px!important;
}
.gc-ref-home .gc-source-booking .home_slider,
.gc-ref-home .gc-source-booking .gc-home-hero-panel,
.gc-ref-home .gc-source-booking .gc-home-service-summary{
  min-height:0!important;
}
/* Never let a generic icon stylesheet enlarge these two booking-tab SVGs. */
.gc-ref-home .gc-source-booking .form_main .nav.nav-pills a.nav-link>svg.tcd-home-tab-icon{
  display:inline-block!important;width:18px!important;height:18px!important;flex:none!important;
}
@media(max-width:767px){
  .gc-ref-home .gc-source-booking .gc-home-service-summary h1#gc-home-primary-h1{
    text-align:center!important;
  }
}


.tcd05-mobile-eyebrow,.tcd05-benefit-symbol,.tcd05-input-icon{display:none}
/* ------------------------------------------------------------------
   TCD P07 FIX05 Safe – new mobile-only layout, baseline: 27/10/2026.
   Scoped to the Home booking section; never touches shared layout/PC.
   The existing booking API, inputs, validation and carousel are intact.
------------------------------------------------------------------ */
@media (max-width:767px) {
  body.tcd-uifix.gx-home-page.gc02h-home-precision .gc-ref-home > section.tcd05-mobile-redesign {
    padding:0 0 16px!important; margin:0!important; border:0!important;
    background:linear-gradient(180deg,#c81225 0,#e52f41 16%,#f7f7f9 39%,#f7f7f9 100%)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign > .kc-row-container {
    width:100%!important;max-width:100%!important;padding:0 12px!important;
    margin:0 auto!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .kc-wrap-columns {
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
    gap:14px!important;padding:0!important;margin:0!important;width:100%!important;
    align-items:stretch!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .kc-css-340647,
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .kc-css-698619 {
    display:block!important;float:none!important;flex:0 0 auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .kc-css-340647 {order:1!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .kc-css-698619 {order:2!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .home_datxe {
    display:block!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:10px 0 0!important;
    border-radius:0!important;background:transparent!important;
    overflow:visible!important;box-shadow:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe.form_main {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;margin:0!important;padding:11px!important;
    border:1px solid rgba(255,255,255,.55)!important;
    border-radius:20px!important;background:#fff!important;
    box-shadow:0 12px 32px rgba(30,32,52,.14)!important;
    height:auto!important;min-height:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;gap:8px!important;padding:0!important;
    margin:0 0 13px!important;width:100%!important;height:auto!important;
    border:0!important;background:transparent!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills>li.nav-item {
    float:none!important;width:100%!important;min-width:0!important;max-width:none!important;
    padding:0!important;margin:0!important;list-style:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills>li>a.nav-link {
    display:flex!important;gap:7px!important;align-items:center!important;justify-content:center!important;
    min-height:45px!important;width:100%!important;margin:0!important;padding:8px!important;
    border:1px solid #f7e3e5!important;border-radius:12px!important;background:#fff3f4!important;
    box-shadow:none!important;font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:14px!important;font-weight:800!important;line-height:1.3!important;color:#6a7282!important;
    text-decoration:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills>li>a.nav-link.active {
    border-color:#c20f23!important;background:linear-gradient(120deg,#ba1122,#dd2335)!important;
    color:#fff!important;box-shadow:0 4px 10px rgba(188,14,35,.18)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .tcd-home-tab-icon {
    width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;
    min-height:17px!important;max-height:17px!important;flex:0 0 17px!important;
    stroke:currentColor!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form {
    display:flex!important;flex-direction:column!important;float:none!important;clear:both!important;
    width:100%!important;height:auto!important;
    gap:0!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .diem_dd {
    order:1!important;display:flex!important;flex-direction:column!important;
    gap:9px!important;width:100%!important;min-width:0!important;
    padding:0!important;margin:0 0 9px!important;border:0!important;
    position:relative!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-detail-grid {
    order:2!important;display:flex!important;flex-direction:column!important;
    gap:9px!important;margin:0 0 9px!important;padding:0!important;
    width:100%!important;min-width:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .form_dcdd {
    order:3!important;display:flex!important;flex-wrap:wrap!important;
    gap:8px!important;align-items:center!important;margin:2px 0 10px!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-consent {order:4!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-submit-row {order:5!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc-source-status {order:6!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) {
    display:flex!important;align-items:center!important;gap:7px!important;
    min-width:0!important;width:100%!important;height:56px!important;min-height:56px!important;
    padding:0 9px!important;margin:0!important;
    border:1px solid #e1e5ec!important;border-radius:12px!important;
    background:#fff!important;box-shadow:none!important;float:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form :is(.dc_diemdi,.dc_diemden,.dc_col2)>label {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:5px!important;flex:0 0 115px!important;width:115px!important;min-width:115px!important;
    max-width:115px!important;height:auto!important;padding:0!important;margin:0!important;
    line-height:1.35!important;color:#182235!important;
    font-family:Arial,"Segoe UI",sans-serif!important;font-size:12.5px!important;
    font-weight:800!important;white-space:nowrap!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .tcd05-input-icon {
    width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
    max-width:17px!important;max-height:17px!important;flex:0 0 17px!important;
    display:block!important;stroke:#c8152a!important;color:#c8152a!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) :is(input.form-control,select.form-control) {
    display:block!important;flex:1 1 0!important;min-width:0!important;max-width:100%!important;
    width:auto!important;height:43px!important;min-height:43px!important;
    margin:0!important;padding:0 6px!important;background:transparent!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    font-family:Arial,"Segoe UI",sans-serif!important;font-size:14px!important;
    line-height:normal!important;color:#334155!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .tgian_don .gc02l-datetime-wrap {
    display:flex!important;align-items:center!important;flex:1 1 0!important;
    min-width:0!important;width:auto!important;height:43px!important;
    margin:0!important;padding:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .tgian_don .gc02l-datetime-wrap input {
    padding:0 2px!important;min-width:0!important;font-size:13px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .tgian_don .gc02l-datetime-trigger {
    position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:33px!important;height:38px!important;min-width:33px!important;margin:0!important;
    border:0!important;background:transparent!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .diem_dd #rotate_btn {
    position:absolute!important;top:36px!important;right:6px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:30px!important;height:30px!important;min-width:30px!important;
    margin:0!important;padding:0!important;border-radius:50%!important;
    border:1px solid #e3e7ee!important;background:#fff!important;color:#ba1225!important;
    box-shadow:0 3px 10px rgba(19,25,42,.12)!important;
    z-index:2!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .form_dcdd :is(.hai_chieu,.vat) {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 0 auto!important;gap:4px!important;margin:0!important;padding:7px!important;
    border:0!important;background:#f8f9fb!important;border-radius:9px!important;
    width:auto!important;min-width:0!important;height:auto!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .form_dcdd :is(.hai_chieu,.vat) label {
    margin:0!important;padding:0!important;white-space:nowrap!important;
    font-size:11px!important;line-height:1.35!important;color:#485366!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .form_dcdd :is(.hai_chieu,.vat) input[type=checkbox] {
    appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;
    margin:0!important;padding:0!important;flex:0 0 16px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .form_dcdd .promocode {
    display:flex!important;align-items:center!important;flex:1 1 100px!important;
    min-width:100px!important;width:auto!important;height:34px!important;
    margin:0!important;padding:0 5px!important;border:1px solid #e9ebf0!important;
    border-radius:9px!important;background:#f8f9fb!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .promocode .form-control {
    display:block!important;width:100%!important;min-width:0!important;height:30px!important;
    min-height:30px!important;margin:0!important;padding:0 5px!important;
    border:0!important;background:transparent!important;font-size:11px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-consent {
    display:flex!important;align-items:flex-start!important;gap:7px!important;
    margin:0 0 10px!important;padding:8px 9px!important;
    border:1px solid #f3e0e2!important;border-radius:10px!important;background:#fff8f8!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-consent input[type=checkbox] {
    appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;
    margin:1px 0 0!important;padding:0!important;flex:0 0 16px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-consent label {
    display:block!important;flex:1 1 auto!important;margin:0!important;padding:0!important;
    font-family:Arial,"Segoe UI",sans-serif!important;color:#576274!important;
    font-size:11px!important;line-height:1.55!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .gc02l-submit-row {
    display:block!important;width:100%!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form .btn_datxe {
    display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
    width:100%!important;max-width:none!important;height:53px!important;min-height:53px!important;
    margin:0!important;padding:0 14px!important;border:0!important;border-radius:12px!important;
    background:linear-gradient(110deg,#bf1023,#ed243a)!important;color:#fff!important;
    box-shadow:0 7px 16px rgba(190,16,39,.18)!important;
    font-family:Arial,"Segoe UI",sans-serif!important;font-size:17px!important;
    font-weight:900!important;letter-spacing:.015em!important;line-height:1!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .home_slider {
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 7px 24px rgba(20,34,50,.08)!important;
    overflow:hidden!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-image-slider {display:none!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-hero-panel {
    display:block!important;width:100%!important;min-height:0!important;height:auto!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;
    background:#fff!important;box-shadow:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary {
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:18px 17px 16px!important;border:0!important;border-radius:18px!important;
    background:#fff!important;box-shadow:none!important;text-align:center!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .tcd05-mobile-eyebrow {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;margin:0 auto 11px!important;padding:7px 12px!important;
    border:0!important;border-radius:999px!important;background:#fff0f1!important;color:#c81125!important;
    font-family:Arial,"Segoe UI",sans-serif!important;font-size:10px!important;
    font-weight:800!important;letter-spacing:.04em!important;line-height:1.2!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .tcd05-mobile-eyebrow svg {
    display:block!important;width:16px!important;height:16px!important;
    min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;
    flex:0 0 16px!important;stroke:currentColor!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary h1#gc-home-primary-h1 {
    font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:clamp(21px,6.5vw,27px)!important;font-weight:800!important;
    letter-spacing:-.022em!important;line-height:1.27!important;
    color:#132033!important;text-align:center!important;
    margin:0 0 18px!important;padding:0!important;border:0!important;
    max-width:none!important;overflow-wrap:break-word!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul {
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
    width:100%!important;margin:0 0 11px!important;padding:0!important;
    list-style:none!important;text-align:left!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li {
    display:flex!important;align-items:center!important;gap:12px!important;
    padding:11px 0!important;margin:0!important;
    min-width:0!important;min-height:64px!important;
    border:0!important;border-radius:0!important;border-bottom:1px solid #e9edf2!important;
    background:transparent!important;font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:13px!important;font-weight:700!important;line-height:1.5!important;color:#182335!important;
    box-shadow:none!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li:last-child {
    border-bottom:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd-home-hero-check {display:none!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd05-benefit-symbol {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;
    margin:0!important;padding:0!important;border-radius:50%!important;
    background:#fff1f2!important;color:#cb1228!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd05-benefit-symbol svg {
    display:block!important;width:23px!important;height:23px!important;
    min-width:23px!important;max-width:23px!important;min-height:23px!important;max-height:23px!important;
    flex:0 0 23px!important;stroke:currentColor!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-trust {
    display:flex!important;justify-content:center!important;align-items:flex-start!important;
    gap:7px!important;margin:3px 0 0!important;padding:5px 0 0!important;
    color:#657186!important;font-size:10.5px!important;line-height:1.5!important;text-align:center!important;
  }
}
@media (min-width:768px) {
  body.tcd-uifix.gx-home-page section.tcd05-mobile-redesign .tcd05-mobile-eyebrow,
  body.tcd-uifix.gx-home-page section.tcd05-mobile-redesign .tcd05-benefit-symbol,
  body.tcd-uifix.gx-home-page section.tcd05-mobile-redesign .tcd05-input-icon {display:none!important}
}
@media (max-width:360px) {
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form :is(.dc_diemdi,.dc_diemden,.dc_col2)>label {
    flex-basis:104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;font-size:11.8px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) {padding:0 6px!important}
}


/* ================================================================
   TCD-HOME P07 FIX06 — Mobile Burgundy Form / Single Icon / Aligned Fields
   Scoped to the Home mobile hero only; never touches Desktop/Global Layout.
================================================================ */
@media (max-width:767px) {
  /* Burgundy comes directly from Admin > Giao diện. Fallback is safe before first save. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign {
    background:linear-gradient(180deg,var(--tcd06-mobile-booking-color,#871B27) 0%,#f7f7f9 55%,#f7f7f9 100%)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe.form_main {
    background:var(--tcd06-mobile-booking-color,#871B27)!important;
    border-color:rgba(255,255,255,.20)!important;
    box-shadow:0 13px 28px rgba(67,11,22,.20)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills {
    background:transparent!important;border:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills>li>a.nav-link {
    background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.20)!important;color:#fff!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign #form_datxe > ul.nav.nav-pills>li>a.nav-link.active {
    background:#fff!important;border-color:#fff!important;color:var(--tcd06-mobile-booking-color,#871B27)!important;
    box-shadow:none!important;
  }
  /* Precisely two columns per field: one icon+label; one input. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) {
    display:grid!important;grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
    align-items:center!important;gap:0!important;
    box-sizing:border-box!important;height:56px!important;min-height:56px!important;
    padding:0 9px!important;overflow:visible!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) > label {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:initial!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:32px!important;padding:0 7px 0 0!important;margin:0!important;
    gap:5px!important;border-right:1px solid #e0e4eb!important;
    font-size:12.5px!important;font-weight:800!important;line-height:1.25!important;white-space:nowrap!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) > label span {
    display:block!important;min-width:0!important;white-space:nowrap!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) > :is(input.form-control,select.form-control,.gc02l-datetime-wrap) {
    grid-column:2!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:43px!important;margin:0!important;padding:0 4px 0 10px!important;box-sizing:border-box!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    font-size:14px!important;line-height:1.4!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .tgian_don .gc02l-datetime-wrap {
    grid-column:2!important;display:flex!important;align-items:center!important;
    width:100%!important;min-width:0!important;max-width:100%!important;padding:0 0 0 8px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .tgian_don .gc02l-datetime-wrap input[type=datetime-local] {
    flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
    font-size:12px!important;padding:0 1px!important;letter-spacing:-.015em!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .tgian_don .gc02l-datetime-trigger {
    flex:0 0 25px!important;min-width:25px!important;width:25px!important;height:36px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .diem_dd #rotate_btn {
    right:3px!important;top:40px!important;width:28px!important;min-width:28px!important;height:28px!important;
  }
  /* Secondary controls stay clearly separated from the input rows. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .form_dcdd {
    display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;gap:6px!important;
    margin:4px 0 10px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .form_dcdd :is(.hai_chieu,.vat) {
    padding:6px 5px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.19)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .form_dcdd :is(.hai_chieu,.vat) label {
    color:#fff!important;font-size:10.5px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .form_dcdd .promocode {
    min-width:0!important;width:100%!important;flex:initial!important;background:#fff!important;border-color:#fff!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-consent {
    background:rgba(255,255,255,.95)!important;border-color:rgba(255,255,255,.92)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .btn_datxe {
    background:#ef192d!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important;
    box-shadow:0 6px 14px rgba(30,5,9,.2)!important;
  }
  /* Benefits: one actual SVG per bullet, no CSS icon stacking. */
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd05-benefit-symbol {
    flex:0 0 40px!important;width:40px!important;height:40px!important;padding:0!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd05-benefit-symbol svg {
    display:block!important;flex:0 0 21px!important;width:21px!important;height:21px!important;
    min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;
  }
}
@media (max-width:370px) {
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) {
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form :is(.dc_diemdi,.dc_diemden,.dc_col2) > label {
    font-size:11.5px!important;gap:4px!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .form_dcdd :is(.hai_chieu,.vat) label {
    font-size:10px!important;
  }
}


/* FIX06 final: native date picker is sufficient on touch screens;
   suppress the legacy secondary trigger which some browsers position outside the field. */
@media(max-width:767px){
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .tgian_don .gc02l-datetime-trigger{display:none!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .tgian_don .gc02l-datetime-wrap input[type=datetime-local]{padding-right:2px!important}
}
/* Preserve the original one-check-per-row presentation on PC too. */
@media(min-width:768px){
  body.tcd-uifix.gx-home-page section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd05-benefit-symbol{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 16px!important;width:16px!important;height:16px!important;
    padding:0!important;margin:0!important;background:transparent!important;color:#b91b2a!important;
  }
  body.tcd-uifix.gx-home-page section.tcd05-mobile-redesign .gc-home-service-summary ul>li .tcd05-benefit-symbol svg{
    display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;
  }
}


/* TCD HOME P07 FIX07 – Date/time row parity on real iOS Safari. */
@media (max-width:767px) {
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don {
   display:grid!important;grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
   align-items:center!important;height:56px!important;min-height:56px!important;
   padding:0 9px!important;gap:0!important;overflow:hidden!important;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > label{
   grid-column:1!important;display:flex!important;align-items:center!important;
   height:32px!important;min-width:0!important;margin:0!important;padding:0 7px 0 0!important;
   border-right:1px solid #e0e4eb!important;font-size:12.5px!important;font-weight:800!important;white-space:nowrap!important;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > .gc02l-datetime-wrap{
   grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
   min-width:0!important;max-width:100%!important;width:100%!important;height:44px!important;
   padding:0 1px 0 10px!important;margin:0!important;overflow:hidden!important;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form #pickuptime_tif{
   display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:42px!important;
   margin:0!important;padding:0 2px!important;border:0!important;background:transparent!important;
   font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.35!important;
   letter-spacing:-.02em!important;text-align:left!important;direction:ltr!important;
   font-variant-numeric:tabular-nums!important;color:#334155!important;
   -webkit-appearance:none;appearance:none;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form #pickuptime_tif::-webkit-date-and-time-value{
   text-align:left!important;min-width:0!important;width:100%!important;margin:0!important;line-height:1.35!important;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form #pickuptime_tif::-webkit-datetime-edit{
   padding:0!important;margin:0!important;min-width:0!important;text-align:left!important;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form #pickuptime_tif::-webkit-datetime-edit-fields-wrapper{
   display:flex;justify-content:flex-start!important;align-items:center!important;min-width:0!important;
 }
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form #pickuptime_tif::-webkit-calendar-picker-indicator{
   margin:0!important;padding:0!important;flex:0 0 auto!important;opacity:.76;
 }
 /* The optional row has been removed from Blade; prevent a stale cached fragment from drawing it. */
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign .tcd05-optional-options{display:none!important}
}
@media(max-width:370px){
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don{grid-template-columns:minmax(0,40%) minmax(0,60%)!important}
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > label{font-size:11.5px!important}
 body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form #pickuptime_tif{font-size:13px!important}
}


/* TCD-HOME-P07-FIX08 – iOS date-picker text layer.
   Do not modify the underlying datetime-local input value or booking handler. */
.tcd08-date-visual{display:none!important}
@media(max-width:767px){
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > .gc02l-datetime-wrap{
    position:relative!important;display:block!important;min-width:0!important;
    overflow:hidden!important;height:50px!important;min-height:50px!important;
    padding:0 0 0 11px!important;box-sizing:border-box!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > .gc02l-datetime-wrap .tcd08-date-visual{
    position:absolute!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    z-index:1!important;pointer-events:none!important;top:0!important;right:3px!important;bottom:0!important;left:11px!important;
    width:calc(100% - 14px)!important;box-sizing:border-box!important;
    min-width:0!important;min-height:0!important;max-width:100%!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    text-align:left!important;color:#39485b!important;
    font-family:inherit!important;font-weight:400!important;line-height:1.35!important;font-size:14px!important;letter-spacing:0!important;
    font-variant-numeric:tabular-nums!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > .gc02l-datetime-wrap #pickuptime_tif{
    position:absolute!important;inset:0!important;z-index:2!important;display:block!important;
    width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;border:0!important;outline-offset:-3px!important;
    opacity:0!important;cursor:pointer!important;box-sizing:border-box!important;
    appearance:auto!important;-webkit-appearance:auto!important;
  }
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > .gc02l-datetime-wrap > .gc02l-datetime-trigger{display:none!important}
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don:focus-within{
    outline:2px solid rgba(166,22,40,.45)!important;outline-offset:1px!important;
  }
}
@media(max-width:365px){
  body.tcd-uifix.gx-home-page.gc02h-home-precision section.tcd05-mobile-redesign form.info_form .gc02l-detail-grid .tgian_don > .gc02l-datetime-wrap .tcd08-date-visual{font-size:13px!important;left:8px!important}
}