@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap'); 
html, body, ul, li, a, h1, h2, h3, h4 {
     font-family: "Google Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}
input {
    border-radius: 10px !important;
}
.mfp-content {
    background: #09325e !important;
}
.mfp-content a{
    color: white !important;
}
.sidebar-menu-top-content img {
    background: white;
    padding: 10px;
    border-radius: 10px;
}
.apc-header-cta {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.btn-hotline {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 18px;
    background: linear-gradient(274deg, #efcbab 0%, #f98415 100%);
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
    overflow: hidden;
}

/* Hiệu ứng hào quang xung quanh nút */
.btn-hotline::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.6);
    animation: hotline-pulse 1.5s infinite;
}

.btn-icon {
    width: 35px;
    height: 35px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: hotline-shake 2s infinite;
}

.btn-icon svg {
    width: 20px;
    height: 20px;
}

.btn-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    color:#05498f;
}

.btn-text small {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
}

.btn-text span {
    font-size: 16px;
    font-weight: 700;
}

/* Hover effect */
.btn-hotline:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4); 
}

/* Keyframes hiệu ứng */
@keyframes hotline-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }
}

@keyframes hotline-shake {
    0%, 100% { transform: rotate(0deg); }
    10%, 30%, 50% { transform: rotate(-15deg); }
    20%, 40%, 60% { transform: rotate(15deg); }
    70% { transform: rotate(0deg); }
}

/* Responsive ẩn trên mobile nhỏ nếu menu chật */
@media (max-width: 480px) {
    .btn-text small { display: none; }
    .btn-hotline { padding: 8px 12px; }
}
.apc-float-hotline{
  --apc-orange:#f37a05;
  --apc-blue:#09325e;
  
  z-index:99999;

  display:flex;
  align-items:center;
  gap:10px;

  padding:12px 14px 12px 12px;
  border-radius:999px;

  background: linear-gradient(135deg, var(--apc-orange), #ff9b3c);
  color:#fff !important;
  text-decoration:none !important;

  box-shadow: 0 16px 40px rgba(243,122,5,.35);
  border: 1px solid rgba(255,255,255,.22);

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;

  animation: apcFloatWiggle 2.6s ease-in-out infinite;
}

/* Icon */
.apc-float-ic{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;

  border-radius:50%;
  background: rgba(9,50,94,.22);
  border: 1px solid rgba(255,255,255,.25);

  font-size:20px;
  line-height:1;

  position:relative;
  z-index:2;
}

/* Ping ring */
.apc-float-ring{
  position:absolute;
  left:10px;
  width:52px;
  height:52px;
  border-radius:50%;

  background: rgba(255,255,255,.18);
  z-index:0;

  animation: apcPing 1.4s ease-out infinite;
}

/* Label */
.apc-float-label{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  padding-right:2px;
}

.apc-float-label b{
  font-size:13px;
  font-weight:800;
  letter-spacing:.2px;
  opacity:.95;
}

.apc-float-label small{
  font-size:15px;
  font-weight:900;
  letter-spacing:.3px;
  margin-top:2px;
}

/* Hover đẹp */
.apc-float-hotline:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 46px rgba(243,122,5,.42);
  filter:saturate(1.05);
}

/* Click */
.apc-float-hotline:active{
  transform: translateY(0px) scale(.98);
}

/* Animation: rung nhẹ */
@keyframes apcFloatWiggle{
  0%, 100% { transform: translateY(0); }
  6% { transform: translateY(-2px); }
  10% { transform: translateY(0); }
  14% { transform: translateY(-1px); }
  18% { transform: translateY(0); }
}

/* Animation: vòng sóng lan */
@keyframes apcPing{
  0%{
    transform: scale(.85);
    opacity:.65;
  }
  100%{
    transform: scale(1.55);
    opacity:0;
  }
}

/* Mobile gọn hơn */
@media (max-width: 520px){
  .apc-float-hotline{
    right:14px;
    bottom:14px;
    padding:10px 12px 10px 10px;
  }
  .apc-float-ic{
    width:44px;
    height:44px;
  }
  .apc-float-ring{
    left:8px;
    width:50px;
    height:50px;
  }
  .apc-float-label small{
    font-size:14px;
  }
}
.apc-rentQuickRow{
    display:none !important;
}
ul.header-nav li a {
    color: #1f3e61;
    font-weight: 900;
    font-size: 13px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #ddd;
    border-radius: 10px;
}
.header-main {
    height: 85px; 
}
div#top-bar {
    background: #084f97;
}
html{ scroll-behavior:smooth; }

button{
    margin-bottom:0px !important;
}
:root{
  --thuexe_orange:#f37a05;
  --thuexe_navy:#09325e;
  --thuexe_text: rgba(255,255,255,.88);
  --thuexe_muted: rgba(255,255,255,.68);
  --thuexe_border: rgba(255,255,255,.16);
  --thuexe_radius: 18px;
}

/* Wrapper */
.thuexe_footer2{
  position:relative;
  overflow:hidden;
  background: var(--thuexe_navy);
  color: var(--thuexe_text);
  padding: 56px 0 20px;
  isolation:isolate;
}

/* ===== Road background (car animation) ===== */
.thuexe_footer2__road{
  position:absolute; inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 500px at 18% 20%, rgba(243,122,5,.24), transparent 60%),
    radial-gradient(800px 520px at 80% 25%, rgba(255,255,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(9,50,94,1) 0%, rgba(6,32,62,1) 60%, rgba(4,22,44,1) 100%);
}

/* soft glow */
.thuexe_footer2__skyGlow{
  position:absolute; inset:-120px -120px auto -120px;
  height: 220px;
  background: radial-gradient(closest-side, rgba(243,122,5,.18), transparent 70%);
  filter: blur(18px);
}

/* moving dashed lanes */
.thuexe_footer2__lane{
  position:absolute;
  left:-20%;
  width: 140%;
  height: 2px;
  background: repeating-linear-gradient(90deg,
    rgba(255,255,255,.0) 0 26px,
    rgba(255,255,255,.22) 26px 46px);
  opacity:.55;
  filter: blur(.2px);
  animation: thuexe_laneMove 1.4s linear infinite;
}
.thuexe_footer2__lane--a{ bottom: 62px; }
.thuexe_footer2__lane--b{ bottom: 26px; opacity:.35; animation-duration: 1.9s; }

@keyframes thuexe_laneMove{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-120px); }
}

/* Cars */
.thuexe_footer2__car{
  position:absolute;
  bottom: 36px;
  width: 120px; height: 44px;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.35));
  opacity:.95;
}
.thuexe_footer2__car--a{
  left: -160px;
  bottom: 46px;
  animation: thuexe_carRunA 9s linear infinite;
}
.thuexe_footer2__car--b{
  left: -220px;
  bottom: 18px;
  transform: scale(.92);
  opacity:.80;
  animation: thuexe_carRunB 12s linear infinite;
}

@keyframes thuexe_carRunA{
  0%{ transform: translateX(0) scale(1); }
  100%{ transform: translateX(calc(100vw + 420px)) scale(1); }
}
@keyframes thuexe_carRunB{
  0%{ transform: translateX(0) scale(.92); }
  100%{ transform: translateX(calc(100vw + 520px)) scale(.92); }
}

/* Car body */
.thuexe_footer2__carBody{
  position:absolute; inset: 10px 8px 10px 8px;
  border-radius: 14px 18px 14px 14px;
  background:
    linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.78));
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;
}
.thuexe_footer2__carBody:before{
  content:"";
  position:absolute;
  left: 16px; top: -10px;
  width: 56px; height: 18px;
  border-radius: 12px 12px 6px 6px;
  background: rgba(255,255,255,.18);
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;
}

/* Wheels */
.thuexe_footer2__wheel{
  position:absolute;
  bottom: 6px;
  width: 16px; height: 16px;
  border-radius: 999px;
  background: rgba(10,10,10,.95);
  box-shadow: 0 0 0 3px rgba(255,255,255,.08) inset;
  animation: thuexe_wheelSpin .55s linear infinite;
}
.thuexe_footer2__wheel--l{ left: 20px; }
.thuexe_footer2__wheel--r{ right: 20px; }
@keyframes thuexe_wheelSpin{ to{ transform: rotate(360deg); } }

/* Lights */
.thuexe_footer2__light{
  position:absolute;
  top: 18px;
  width: 10px; height: 10px;
  border-radius: 999px;
  opacity:.95;
}
.thuexe_footer2__light--front{
  right: 6px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 18px rgba(255,255,255,.45), 0 0 40px rgba(255,255,255,.20);
}
.thuexe_footer2__light--back{
  left: 6px;
  background: rgba(255,70,70,.85);
  box-shadow: 0 0 18px rgba(255,70,70,.35);
}

/* Container */
.thuexe_footer2__container{
  position:relative; z-index:1;
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

/* Brand top */
.thuexe_footer2__brandTop{
  text-align:center;
  margin-bottom: 22px;
}
.thuexe_footer2__logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 196px; height: 96px;
  border-radius: 22px;
  background: white;
  border: 1px solid var(--thuexe_border);
  box-shadow: 0 18px 56px rgba(0,0,0,.32);
  overflow:hidden;
}
.thuexe_footer2__logo img{ width: 84%; height: 84%; object-fit: contain; display:block; }

.thuexe_footer2__name{
  margin-top: 12px;
  font-weight: 900;
  letter-spacing: .4px;
  font-size: 16px;
}
.thuexe_footer2__tagline{
  margin-top: 6px;
  color: rgba(255,255,255,.75);
  font-weight: 700;
}

.thuexe_footer2__ctaRow{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  justify-content:center;
  flex-wrap:wrap;
}

/* Buttons */
.thuexe_footer2__btn{
  height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 900;
  border: 1px solid transparent;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
  user-select:none;
  white-space:nowrap;
}
.thuexe_footer2__btn--accent{
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.86));
  color: white;
  border-color: rgba(243,122,5,.55);
  box-shadow: 0 18px 50px rgba(243,122,5,.24);
}
.thuexe_footer2__btn--accent:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(243,122,5,.32); }
.thuexe_footer2__btn--ghost{
  background: rgba(255,255,255,.08);
  border-color: var(--thuexe_border);
  color: rgba(255,255,255,.92);
}
.thuexe_footer2__btn--ghost:hover{ transform: translateY(-1px); background: rgba(255,255,255,.12); }

/* Equal height grid */
.thuexe_footer2__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  align-items: stretch;
}

/* Boxes (no inner background required) */
.thuexe_footer2__box{
  border: 1px solid var(--thuexe_border);
  border-radius: var(--thuexe_radius);
  padding: 16px 16px 14px;
  background: transparent;            /* IMPORTANT: no inside background */
  height: 100%;
  display:flex;
  flex-direction: column;
  backdrop-filter: blur(6px);
}

.thuexe_footer2__title{
  margin: 0 0 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .7px;
  font-weight: 900;
  color: rgba(255,255,255,.92);
}

/* List */
.thuexe_footer2__list{
  margin:0;
  padding:0 0 0 16px;
  display:grid;
  gap: 8px;
  color: rgba(255,255,255,.80);
  line-height: 1.5;
}
.thuexe_footer2__chips{
  margin-top: auto;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  padding-top: 12px;
}
.thuexe_footer2__chip{
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px dashed rgba(255,255,255,.20);
  background: rgba(255,255,255,.06);
}

/* Contact box */
.thuexe_footer2__info{ display:grid; gap: 10px; }
.thuexe_footer2__infoRow{
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.thuexe_footer2__ico{
  width: 34px; height: 34px;
  display:grid; place-items:center;
  border-radius: 12px;
  background: rgba(243,122,5,.14);
  border: 1px solid rgba(243,122,5,.22);
  flex: 0 0 auto;
}
.thuexe_footer2__label{ font-size: 12px; color: rgba(255,255,255,.62); margin-bottom: 2px; }
.thuexe_footer2__value{ font-size: 14px; color: rgba(255,255,255,.90); }
.thuexe_footer2__alink{ text-decoration:none; color: rgba(255,255,255,.92); }
.thuexe_footer2__alink:hover{ text-decoration: underline; color:#fff; }

/* Form */
.thuexe_footer2__form{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}
.thuexe_footer2__input{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color:#fff;
  padding: 0 12px;
  outline:none;
}
.thuexe_footer2__input::placeholder{ color: rgba(255,255,255,.55); }
.thuexe_footer2__input:focus{
  border-color: rgba(243,122,5,.55);
  box-shadow: 0 0 0 4px rgba(243,122,5,.16);
}
.thuexe_footer2__note{
  font-size: 12px;
  color: rgba(255,255,255,.58);
  line-height: 1.4;
}

/* Embeds */
.thuexe_footer2__embedWrap{
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  min-height: 260px;
}
.thuexe_footer2__iframe{
  width:100%;
  height: 280px;
  border:0;
  display:block;
}
.thuexe_footer2__subhint{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(255,255,255,.58);
}

/* Bottom */
.thuexe_footer2__bottom{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.14);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  flex-wrap:wrap;
}
.thuexe_footer2__copy{ font-size: 13px; color: rgba(255,255,255,.70); }
.thuexe_footer2__bottomLinks{ display:flex; gap: 10px; align-items:center; flex-wrap:wrap; }
.thuexe_footer2__smallLink{ color: rgba(255,255,255,.78); text-decoration:none; font-size: 13px; }
.thuexe_footer2__smallLink:hover{ color:#fff; text-decoration: underline; }
.thuexe_footer2__dot{ color: rgba(255,255,255,.36); }

/* Responsive */
@media (max-width: 1100px){
  .thuexe_footer2__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .thuexe_footer2{ padding-top: 44px; }
  .thuexe_footer2__grid{ grid-template-columns: 1fr; }
  .thuexe_footer2__btn{ width: 100%; }
} 
/* ===== THUEXE FLOAT CONTACTS ===== */
.thuexe_float{
  position: fixed;
  right: 18px;
  bottom: 110px; /* tránh dính nút chat / footer */
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* button */
.thuexe_float__btn{
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  text-decoration: none !important;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  overflow: visible;
}

.thuexe_float__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 52px rgba(0,0,0,.35);
  background: rgba(255,255,255,.14);
}

/* icon image */
.thuexe_float__icon{
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
}

/* tooltip */
.thuexe_float__tip{
  position: absolute;
  right: 68px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(9,50,94,.92);
  color: #fff;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
}

.thuexe_float__btn:hover .thuexe_float__tip{
  opacity: 1;
  transform: translateY(-50%) translateX(-2px);
}

/* pulse ring */
.thuexe_float__ring{
  position:absolute;
  inset:-6px;
  border-radius: 999px;
  border: 2px solid rgba(243,122,5,.55);
  box-shadow: 0 0 0 4px rgba(243,122,5,.12);
  animation: thuexe_pulseRing 1.35s ease-out infinite;
  opacity: .9;
}

@keyframes thuexe_pulseRing{
  0%   { transform: scale(.85); opacity: .85; }
  70%  { transform: scale(1.22); opacity: 0; }
  100% { transform: scale(1.22); opacity: 0; }
}

/* nhấp nháy nhẹ (blink) */
.thuexe_float__btn{
  animation: thuexe_blink 2.4s ease-in-out infinite;
}
@keyframes thuexe_blink{
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.15); }
}

/* màu viền từng nút */
.thuexe_float__btn--call .thuexe_float__ring{
  border-color: rgba(243,122,5,.85);
  box-shadow: 0 0 0 4px rgba(243,122,5,.14);
}
.thuexe_float__btn--zalo .thuexe_float__ring{
  border-color: rgba(60,180,255,.85);
  box-shadow: 0 0 0 4px rgba(60,180,255,.14);
}
.thuexe_float__btn--mess .thuexe_float__ring{
  border-color: rgba(180,120,255,.85);
  box-shadow: 0 0 0 4px rgba(180,120,255,.14);
}

/* delay để 3 nút nhấp nháy lệch nhau */
.thuexe_float__btn--call{ animation-delay: 0s; }
.thuexe_float__btn--zalo{ animation-delay: .25s; }
.thuexe_float__btn--mess{ animation-delay: .5s; }

.thuexe_float__btn--call .thuexe_float__ring{ animation-delay: 0s; }
.thuexe_float__btn--zalo .thuexe_float__ring{ animation-delay: .25s; }
.thuexe_float__btn--mess .thuexe_float__ring{ animation-delay: .5s; }

/* Mobile safe */
@media (max-width: 480px){
  .thuexe_float{
    right: 12px;
    bottom: 92px;
    gap: 10px;
  }
  .thuexe_float__btn{
    width: 50px;
    height: 50px;
  }
  .thuexe_float__icon{
    width: 26px;
    height: 26px;
  }
}
:root{
    --thuexetour_brand:#f37a05;
    --thuexetour_navy:#09325e;
    --thuexetour_ink:#0b1b2b;
    --thuexetour_muted:#5c6470;
    --thuexetour_line:rgba(9,50,94,.14);
    --thuexetour_soft:#f6f8fb;

    --thuexetour_radius:18px;
    --thuexetour_radius2:22px;
    --thuexetour_shadow: 0 14px 40px rgba(10, 20, 40, .12);
    --thuexetour_shadow2: 0 8px 22px rgba(10, 20, 40, .10);

    --thuexetour_max:1250px;
  }

  .thuexetour_container{max-width:var(--thuexetour_max); margin:0 auto; padding:0 18px}
  .thuexetour_wrap{padding-bottom:86px}

  .thuexetour_h2{margin:0; font-size:clamp(20px, 2.2vw, 28px); line-height:1.2; color:var(--thuexetour_navy)}
  .thuexetour_h3{margin:0 0 8px; font-size:16px; line-height:1.35; color:var(--thuexetour_ink)}
  .thuexetour_p{margin:0; color:var(--thuexetour_muted)}
  .thuexetour_desc{margin:8px 0 0; color:var(--thuexetour_muted)}

  .thuexetour_sectionHead{margin-bottom:14px}
  .thuexetour_sectionHead--row{display:flex; align-items:flex-end; justify-content:space-between; gap:14px}
  @media (max-width: 820px){
    .thuexetour_sectionHead--row{flex-direction:column; align-items:flex-start}
  }

  /* Breadcrumb */
  .thuexetour_breadcrumb{padding:14px 0 0}
  .thuexetour_bcList{
    margin:0; padding:10px 0;
    list-style:none;
    display:flex; align-items:center; flex-wrap:wrap;
    gap:8px;
    color:var(--thuexetour_muted);
    font-size:13px;
  }
  .thuexetour_bcLink{color:var(--thuexetour_navy)}
  .thuexetour_bcItem.is-current{color:var(--thuexetour_muted)}
  .thuexetour_bcSep{opacity:.7}

  /* Hero */
  .thuexetour_hero{padding:10px 0 10px}
  .thuexetour_heroGrid{
    display:grid; grid-template-columns: 1.25fr .75fr;
    gap:16px;
    align-items:stretch;
  }
  @media (max-width: 980px){
    .thuexetour_heroGrid{grid-template-columns:1fr; gap:14px}
  }

  .thuexetour_heroLeft{
    border-radius:var(--thuexetour_radius2);
    border:1px solid var(--thuexetour_line);
    background:rgba(255,255,255,.88);
    box-shadow:var(--thuexetour_shadow2);
    padding:18px;
    overflow:hidden;
    position:relative;
  }
  .thuexetour_heroLeft::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(800px 340px at 16% 14%, rgba(243,122,5,.14), transparent 62%),
      radial-gradient(720px 320px at 86% 20%, rgba(9,50,94,.14), transparent 60%);
    pointer-events:none;
  }
  .thuexetour_heroLeft > *{position:relative; z-index:1}

  .thuexetour_heroBadgeRow{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px}
  .thuexetour_badge{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(9,50,94,.16);
    background:rgba(9,50,94,.05);
    font-weight:700;
    font-size:13px;
    color:var(--thuexetour_navy);
  }
  .thuexetour_badge--hot{
    border-color: rgba(243,122,5,.38);
    background: rgba(243,122,5,.10);
    color: var(--thuexetour_brand);
  }
  .thuexetour_badgeDot{
    width:10px;height:10px;border-radius:50%;
    background:var(--thuexetour_brand);
    box-shadow:0 0 0 4px rgba(243,122,5,.16);
  }

  .thuexetour_title{
    margin:0 0 8px;
    font-size:clamp(24px, 2.8vw, 38px);
    line-height:1.1;
    color:var(--thuexetour_navy);
    letter-spacing:-.01em;
  }
  .thuexetour_subTitle{
    margin:0;
    color:var(--thuexetour_muted);
    font-size:15px;
    max-width: 58ch;
  }

  .thuexetour_metaWrap{margin-top:14px}
  .thuexetour_metaList{
    margin:0; padding:0;
    list-style:none;
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap:10px;
  }
  @media (max-width: 520px){
    .thuexetour_metaList{grid-template-columns:1fr}
  }
  .thuexetour_metaItem{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.8);
    border-radius:14px;
    padding:10px 12px;
    display:flex; align-items:center; gap:10px;
  }
  .thuexetour_metaIcon{
    width:36px;height:36px;
    border-radius:12px;
    display:grid; place-items:center;
    background:rgba(243,122,5,.12);
    color:var(--thuexetour_brand);
    font-size:16px;
    flex:0 0 auto;
  }
  .thuexetour_metaKey{color:var(--thuexetour_muted); font-weight:600}
  .thuexetour_metaVal{color:var(--thuexetour_ink); font-weight:800}

  .thuexetour_heroCTA{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
  .thuexetour_btn{
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:14px;
    padding:12px 14px;
    font-weight:800;
    border:1px solid rgba(9,50,94,.14);
    background:#fff;
    color:var(--thuexetour_navy);
    transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
    cursor:pointer;
  }
  .thuexetour_btn:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(10,20,40,.12)}
  .thuexetour_btn--primary{
    background:linear-gradient(135deg, var(--thuexetour_brand), #ff9b3a);
    border-color: rgba(243,122,5,.35);
    color:#fff;
  }
  .thuexetour_btn--ghost{
    background:rgba(9,50,94,.04);
    border-color: rgba(9,50,94,.16);
  }
  .thuexetour_btn--full{width:100%}

  .thuexetour_note{
    margin-top:14px;
    padding:12px 14px;
    border-radius:16px;
    border:1px dashed rgba(243,122,5,.40);
    background:rgba(243,122,5,.08);
    color:var(--thuexetour_muted);
  }

  /* Hero Right */
  .thuexetour_heroRight{
    border-radius:var(--thuexetour_radius2);
    border:1px solid var(--thuexetour_line);
    background:rgba(255,255,255,.88);
    box-shadow:var(--thuexetour_shadow2);
    overflow:hidden;
  }
  .thuexetour_heroMedia{position:relative}
  .thuexetour_heroMediaInner{
    aspect-ratio: 4/5;
    overflow:hidden;
  }
  @media(max-width: 980px){
    .thuexetour_heroMediaInner{aspect-ratio: 16/9}
  }
  .thuexetour_heroImg{
    width:100%; height:100%;
    object-fit:cover;
    transform:scale(1.03);
    filter:saturate(1.06) contrast(1.03);
  }
  .thuexetour_heroFloat{
    position:absolute; left:12px; right:12px; bottom:12px;
    display:grid; grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .thuexetour_floatItem{
    background:rgba(255,255,255,.92);
    border:1px solid rgba(9,50,94,.12);
    border-radius:16px;
    padding:10px 12px;
    box-shadow:0 10px 26px rgba(10,20,40,.12);
  }
  .thuexetour_floatNum{font-weight:900; color:var(--thuexetour_navy)}
  .thuexetour_floatText{font-size:13px; color:var(--thuexetour_muted)}

  /* Gallery */
  .thuexetour_gallery{padding:18px 0}
  .thuexetour_galleryGrid{
    display:grid;
    grid-template-columns: repeat(12, 1fr);
    gap:10px;
  }
  .thuexetour_gItem{
    border:0;
    padding:0;
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    box-shadow:var(--thuexetour_shadow2);
    border:1px solid rgba(9,50,94,.12);
    background:#fff;
    position:relative;
  }
  .thuexetour_gItem img{
    width:100%; height:100%;
    object-fit:cover;
    aspect-ratio: 4/3;
    transition:transform .25s ease;
  }
  .thuexetour_gItem:hover img{transform:scale(1.06)}
  .thuexetour_gItem:nth-child(1){grid-column:span 4}
  .thuexetour_gItem:nth-child(2){grid-column:span 4}
  .thuexetour_gItem:nth-child(3){grid-column:span 4}
  .thuexetour_gItem:nth-child(4){grid-column:span 4}
  .thuexetour_gItem--wide{grid-column:span 8}
  @media (max-width: 820px){
    .thuexetour_gItem:nth-child(1),
    .thuexetour_gItem:nth-child(2),
    .thuexetour_gItem:nth-child(3),
    .thuexetour_gItem:nth-child(4){grid-column:span 6}
    .thuexetour_gItem--wide{grid-column:span 12}
  }

  /* Lightbox */
  .thuexetour_lightbox{position:fixed; inset:0; display:none; z-index:9999}
  .thuexetour_lightbox.is-open{display:block}
  .thuexetour_lightboxOverlay{position:absolute; inset:0; background:rgba(0,0,0,.62)}
  .thuexetour_lightboxPanel{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    width:min(980px, calc(100vw - 26px));
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 22px 70px rgba(0,0,0,.35);
  }
  .thuexetour_lbFigure{margin:0}
  .thuexetour_lbImg{width:100%; height:min(72vh, 680px); object-fit:cover}
  .thuexetour_lbCap{padding:12px 14px; color:var(--thuexetour_muted); font-size:13px}
  .thuexetour_lbClose{
    position:absolute; right:10px; top:10px;
    width:42px;height:42px;border-radius:14px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(10,10,10,.36);
    color:#fff; font-size:18px; cursor:pointer;
    backdrop-filter: blur(10px);
  }
  .thuexetour_lbNav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:44px;height:44px;border-radius:16px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(10,10,10,.36);
    color:#fff; font-size:26px; cursor:pointer;
    display:grid; place-items:center;
    backdrop-filter: blur(10px);
  }
  .thuexetour_lbPrev{left:10px}
  .thuexetour_lbNext{right:10px}

  /* Highlights */
  .thuexetour_highlights{padding:18px 0}
  .thuexetour_hlGrid{
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap:12px;
  }
  @media (max-width: 980px){
    .thuexetour_hlGrid{grid-template-columns:repeat(2, minmax(0,1fr))}
  }
  @media (max-width: 520px){
    .thuexetour_hlGrid{grid-template-columns:1fr}
  }
  .thuexetour_hlCard{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:20px;
    padding:14px;
    box-shadow:var(--thuexetour_shadow2);
  }
  .thuexetour_hlIcon{
    width:44px;height:44px;border-radius:16px;
    display:grid; place-items:center;
    background:rgba(243,122,5,.12);
    color:var(--thuexetour_brand);
    font-size:18px;
    margin-bottom:10px;
  }

  /* Timeline */
  .thuexetour_itinerary{padding:18px 0}
  .thuexetour_timeline{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:22px;
    padding:12px;
    box-shadow:var(--thuexetour_shadow2);
  }
  .thuexetour_tlItem{
    display:grid;
    grid-template-columns: 82px 1fr;
    gap:12px;
    padding:12px;
    border-radius:18px;
  }
  .thuexetour_tlItem + .thuexetour_tlItem{border-top:1px dashed rgba(9,50,94,.16)}
  .thuexetour_tlTime{
    font-weight:900;
    color:var(--thuexetour_brand);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
  }
  .thuexetour_tlBody{padding-top:2px}

  /* Pricing */
  .thuexetour_pricing{padding:18px 0}
  .thuexetour_priceGrid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap:12px;
  }
  @media (max-width: 980px){
    .thuexetour_priceGrid{grid-template-columns:1fr}
  }
  .thuexetour_priceCard{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:22px;
    padding:16px;
    box-shadow:var(--thuexetour_shadow2);
    position:relative;
    overflow:hidden;
  }
  .thuexetour_priceCard--best{
    border-color: rgba(243,122,5,.35);
    box-shadow: 0 18px 48px rgba(243,122,5,.18);
  }
  .thuexetour_bestTag{
    position:absolute; top:12px; right:12px;
    background:rgba(243,122,5,.12);
    color:var(--thuexetour_brand);
    border:1px solid rgba(243,122,5,.35);
    font-weight:900;
    border-radius:999px;
    padding:6px 10px;
    font-size:12px;
  }
  .thuexetour_price{margin:6px 0 10px; color:var(--thuexetour_muted)}
  .thuexetour_ul{margin:0; padding-left:18px; color:var(--thuexetour_muted)}
  .thuexetour_ul li{margin:6px 0}

  .thuexetour_included{
    margin-top:12px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
  }
  @media (max-width: 820px){
    .thuexetour_included{grid-template-columns:1fr}
  }
  .thuexetour_inCol{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:22px;
    padding:16px;
    box-shadow:var(--thuexetour_shadow2);
  }

  /* Booking */
  .thuexetour_booking{padding:18px 0}
  .thuexetour_bookingGrid{
    display:grid;
    grid-template-columns: 1.15fr .85fr;
    gap:12px;
    align-items:start;
  }
  @media (max-width: 980px){
    .thuexetour_bookingGrid{grid-template-columns:1fr}
  }
  .thuexetour_form{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:22px;
    padding:16px;
    box-shadow:var(--thuexetour_shadow2);
  }
  .thuexetour_formRow{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    margin-bottom:10px;
  }
  @media (max-width: 680px){
    .thuexetour_formRow{grid-template-columns:1fr}
  }
  .thuexetour_field{display:flex; flex-direction:column; gap:6px}
  .thuexetour_label{font-size:13px; font-weight:800; color:var(--thuexetour_navy)}
  .thuexetour_input,
  .thuexetour_select,
  .thuexetour_textarea{
    width:100%;
    border:1px solid rgba(9,50,94,.16);
    background:#fff;
    border-radius:14px; 
    outline:none;
    color:var(--thuexetour_ink);
    transition:border-color .12s ease, box-shadow .12s ease;
  }
  .thuexetour_textarea{resize:vertical; min-height:110px}
  .thuexetour_input:focus,
  .thuexetour_select:focus,
  .thuexetour_textarea:focus{
    border-color: rgba(243,122,5,.55);
    box-shadow:0 0 0 4px rgba(243,122,5,.16);
  }

  .thuexetour_formActions{
    display:flex; gap:10px; flex-wrap:wrap;
    margin-top:10px;
  }
  .thuexetour_formHint{
    margin:10px 0 0;
    font-size:12.5px;
    color:var(--thuexetour_muted);
  }

  .thuexetour_bookingRight{position:relative}
  .thuexetour_summary{
    position:sticky; top:16px;
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:22px;
    padding:16px;
    box-shadow:var(--thuexetour_shadow2);
  }
  .thuexetour_summaryTop{
    display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
    margin-bottom:10px;
  }
  .thuexetour_summaryTitle{font-weight:950; color:var(--thuexetour_navy)}
  .thuexetour_summaryTag{
    font-size:12px;
    font-weight:900;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(243,122,5,.35);
    background:rgba(243,122,5,.10);
    color:var(--thuexetour_brand);
    white-space:nowrap;
  }
  .thuexetour_summaryList{list-style:none; padding:0; margin:0 0 12px}
  .thuexetour_summaryList li{
    display:flex; align-items:baseline; justify-content:space-between; gap:10px;
    padding:10px 0;
    border-top:1px dashed rgba(9,50,94,.16);
    color:var(--thuexetour_muted);
  }
  .thuexetour_summaryList li:first-child{border-top:0}
  .thuexetour_summaryList strong{color:var(--thuexetour_ink)}
  .thuexetour_summaryCTA{display:grid; gap:10px}

  /* FAQ */
  .thuexetour_faq{padding:18px 0}
  .thuexetour_faqList{
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    border-radius:22px;
    overflow:hidden;
    box-shadow:var(--thuexetour_shadow2);
  }
  .thuexetour_faqItem + .thuexetour_faqItem{border-top:1px solid rgba(9,50,94,.12)}
  .thuexetour_faqQ{
    width:100%;
    text-align:left;
    border:0;
    background:transparent;
    padding:14px 14px;
    font-weight:900;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:var(--thuexetour_navy);
  }
  .thuexetour_faqIcon{
    width:34px;height:34px;border-radius:12px;
    display:grid; place-items:center;
    background:rgba(9,50,94,.06);
    border:1px solid rgba(9,50,94,.12);
    font-size:18px;
  }
  .thuexetour_faqA{
    display:none;
    padding:0 14px 14px;
  }
  .thuexetour_faqItem.is-open .thuexetour_faqA{display:block}
  .thuexetour_faqItem.is-open .thuexetour_faqIcon{background:rgba(243,122,5,.12); border-color:rgba(243,122,5,.35); color:var(--thuexetour_brand)}

  /* Related */
  .thuexetour_related{padding:18px 0}
  .thuexetour_relatedNav{display:flex; gap:8px}
  .thuexetour_navBtn{
    width:44px; height:44px;
    border-radius:16px;
    border:1px solid rgba(9,50,94,.14);
    background:rgba(255,255,255,.9);
    cursor:pointer;
    font-size:22px;
    font-weight:900;
    color:var(--thuexetour_navy);
    box-shadow:var(--thuexetour_shadow2);
  }

  .thuexetour_relTrackWrap{
    overflow:hidden;
    border-radius:22px;
    border:1px solid rgba(9,50,94,.12);
    background:rgba(255,255,255,.92);
    box-shadow:var(--thuexetour_shadow2);
  }
  .thuexetour_relTrack{
    display:flex;
    gap:12px;
    padding:12px;
    overflow:auto;
    scroll-behavior:smooth;
    scrollbar-width:thin;
  }
  .thuexetour_relCard{
    flex: 0 0 387px;
    border-radius:20px;
    overflow:hidden;
    border:1px solid rgba(9,50,94,.12);
    background:#fff;
  }
  @media (max-width: 520px){
    .thuexetour_relCard{flex-basis: 86vw}
  }
  .thuexetour_relLink{display:block}
  .thuexetour_relImg{aspect-ratio: 16/10; overflow:hidden}
  .thuexetour_relImg img{width:100%; height:100%; object-fit:cover; transition:transform .28s ease}
  .thuexetour_relCard:hover img{transform:scale(1.06)}
  .thuexetour_relBody{padding:12px}
  .thuexetour_relTitle{margin:0 0 6px}
  .thuexetour_relDesc{margin:0 0 10px; font-size:13.5px}
  .thuexetour_relMeta{
    display:flex; gap:10px; flex-wrap:wrap;
    font-size:12px; font-weight:800;
    color:var(--thuexetour_muted);
  }
  .thuexetour_relMeta span{
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(9,50,94,.12);
    background:rgba(9,50,94,.05);
  }

  /* Mobile CTA */
  .thuexetour_mCTA{
    position:fixed;
    left:12px; right:12px; bottom:10px;
    display:none;
    gap:10px;
    z-index:9998;
  }
  .thuexetour_mBtn{
    flex:1;
    padding:14px 12px;
    border-radius:16px;
    font-weight:950;
    text-align:center;
    border:1px solid rgba(9,50,94,.14);
    box-shadow:0 16px 40px rgba(10,20,40,.18);
    backdrop-filter: blur(10px);
  }
  .thuexetour_mBtn--call{
    background:rgba(255,255,255,.95);
    color:var(--thuexetour_navy);
  }
  .thuexetour_mBtn--book{
    background:linear-gradient(135deg, var(--thuexetour_brand), #ff9b3a);
    color:#fff;
    border-color: rgba(243,122,5,.35);
  }
  @media (max-width: 980px){
    .thuexetour_mCTA{display:flex}
    .thuexetour_wrap{padding-bottom:106px}
  } 
  .thuexesingle_wrap{
    --navy:#09325e;
    --orange:#f37a05;
    --bg:#ffffff;
    --card:#ffffff;
    --text:#0b1220;
    --muted:#5b6b84;
    --line:rgba(9,50,94,.14);
    --shadow:0 14px 40px rgba(2,6,23,.10);
    --shadow2:0 10px 28px rgba(2,6,23,.10);
    --rad:18px;
    --rad2:24px;

    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
    color:var(--text);
    position:relative;
    background:transparent;
  }

  /* nền nhẹ theo tông cũ */
  .thuexesingle_wrap::before{
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(900px 420px at 8% 6%, rgba(243,122,5,.18), transparent 60%),
      radial-gradient(900px 420px at 92% 0%, rgba(9,50,94,.10), transparent 62%),
      linear-gradient(180deg, #fff, #fff);
    z-index:0;
  }
  .thuexesingle_container{max-width:1250px;margin:0 auto;padding:18px 16px 44px;position:relative;z-index:1}

  /* HERO */
  .thuexesingle_hero{padding:10px 0}
  .thuexesingle_heroBox{
    border-radius:var(--rad2);
    background:
      linear-gradient(135deg, rgba(9,50,94,.08), rgba(243,122,5,.08)),
      #fff;
    border:1px solid rgba(9,50,94,.12);
    box-shadow:var(--shadow);
    padding:18px;
  }
  .thuexesingle_breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:10px}
  .thuexesingle_bcLink{color:var(--navy);text-decoration:none;font-weight:800}
  .thuexesingle_bcLink:hover{color:var(--orange);text-decoration:underline}
  .thuexesingle_bcSep{opacity:.7}
  .thuexesingle_bcCurrent{color:var(--muted);font-weight:900}

  .thuexesingle_titleRow{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .thuexesingle_title{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.02em;color:var(--navy);font-weight:1000}
  .thuexesingle_titleCtas{display:flex;gap:10px;flex-wrap:wrap}

  .thuexesingle_meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}
  .thuexesingle_badge{
    display:inline-flex;align-items:center;
    padding:7px 12px;border-radius:999px;
    font-size:13px;font-weight:1000;
    border:1px solid rgba(9,50,94,.14);
    background:#fff;
    color:var(--navy);
  }
  .thuexesingle_badge.is-blue{
    border-color:rgba(9,50,94,.18);
    background:rgba(9,50,94,.06);
  }
  .thuexesingle_badge.is-soft{
    border-color:rgba(243,122,5,.35);
    background:rgba(243,122,5,.12);
  }

  .thuexesingle_desc{margin:0;color:var(--text);line-height:1.65}
  .thuexesingle_kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
  .thuexesingle_kpi{border-radius:18px;border:1px solid rgba(9,50,94,.10);background:#fff;padding:12px}
  .thuexesingle_kpiN{font-weight:1100;color:var(--navy);font-size:16px}
  .thuexesingle_kpiT{margin-top:4px;color:var(--muted);font-size:13px}

  /* Layout main */
  .thuexesingle_main{display:grid;grid-template-columns: 1.35fr .85fr;gap:16px;margin-top:16px}
  .thuexesingle_card{
    background:var(--card);
    border:1px solid rgba(9,50,94,.12);
    border-radius:var(--rad2);
    box-shadow:var(--shadow2);
    overflow:hidden;
  }
  .thuexesingle_cardHead{padding:16px 18px 12px;border-bottom:1px solid rgba(9,50,94,.08)}
  .thuexesingle_h2{margin:0;font-size:18px;color:var(--navy);font-weight:1100;letter-spacing:-.01em}
  .thuexesingle_sub{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}

  /* content */
  .thuexesingle_content{padding:14px 18px 18px}
  .thuexesingle_p{margin:0 0 12px;line-height:1.75;color:var(--text)}
  .thuexesingle_p:last-child{margin-bottom:0}
  .thuexesingle_ul{margin:8px 0 0 18px;line-height:1.75;color:var(--text)}
  .thuexesingle_callout{
    margin:12px 0 0;
    padding:12px 14px;
    border-radius:18px;
    border:1px dashed rgba(243,122,5,.45);
    background:rgba(243,122,5,.10);
  }
  .thuexesingle_calloutTitle{font-weight:1100;color:var(--navy)}
  .thuexesingle_contentCtas{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

  /* Buttons */
  .thuexesingle_btn{
    border:1px solid rgba(9,50,94,.14);
    background:#fff;
    color:var(--navy);
    padding:12px 14px;
    border-radius:16px;
    font-weight:1100;
    cursor:pointer;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    user-select:none;
    -webkit-tap-highlight-color: transparent;
  }
  .thuexesingle_btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(2,6,23,.10);border-color:rgba(9,50,94,.24)}
  .thuexesingle_btn:active{transform:translateY(0)}
  .thuexesingle_btnPrimary{
    background:linear-gradient(135deg, var(--orange), #ff9b44);
    border-color:rgba(243,122,5,.45);
    color:#fff;
  }
  .thuexesingle_btnGhost{
    background:rgba(9,50,94,.08);
    border-color:rgba(9,50,94,.18);
    color:var(--navy);
  }
  .thuexesingle_btnSoft{
    background:#fff;
    border-color:rgba(243,122,5,.30);
    color:var(--navy);
  }
  .thuexesingle_btnFull{width:100%}

  /* Gallery */
  .thuexesingle_gallery{
    padding:14px;
    display:grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap:10px;
  }
  .thuexesingle_gItem{
    position:relative;display:block;
    border-radius:18px;overflow:hidden;
    border:1px solid rgba(9,50,94,.10);
    background:#f6f7fb;
    min-height:150px;
    cursor:zoom-in;
  }
  .thuexesingle_gItem.isBig{grid-row: span 2; min-height:310px}
  .thuexesingle_gImg{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .25s ease}
  .thuexesingle_gItem:hover .thuexesingle_gImg{transform:scale(1.08)}
  .thuexesingle_gHint{
    position:absolute;left:12px;bottom:12px;
    padding:8px 10px;border-radius:999px;
    font-size:12px;font-weight:1100;
    color:#fff;background:rgba(9,50,94,.78);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
  }
  .thuexesingle_noteRow{padding:0 18px 16px}
  .thuexesingle_note{
    display:flex;gap:10px;align-items:flex-start;
    padding:12px 14px;border-radius:16px;
    border:1px dashed rgba(243,122,5,.40);
    background:rgba(243,122,5,.08);
    color:var(--text);
    font-size:13px;line-height:1.55;
  }
  .thuexesingle_noteDot{width:10px;height:10px;border-radius:999px;background:var(--orange);margin-top:5px}

  /* FAQ */
  .thuexesingle_faq{padding:6px 0 10px}
  .thuexesingle_faqQ{
      text-transform: none;
    width:100%;text-align:left;border:0;background:#fff;
    padding:10px 18px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    cursor:pointer;font-weight:1100;color:var(--text);
    border-top:1px solid rgba(9,50,94,.08);
  }
  .thuexesingle_faqQ:first-child{border-top:0}
  .thuexesingle_faqI{
    width:30px; border-radius:12px;
    display:grid;place-items:center;
    border:1px solid rgba(9,50,94,.14);
    color:var(--navy);
    background:rgba(9,50,94,.05);
    font-weight:1100;
    transition:transform .2s ease;
  }
  .thuexesingle_faqA{display:none;padding:0 18px 14px;color:var(--muted);line-height:1.65}
  .thuexesingle_faqQ.is-open .thuexesingle_faqI{transform:rotate(45deg)}
  .thuexesingle_faqQ.is-open + .thuexesingle_faqA{display:block}

  /* Sidebar */
  .thuexesingle_sideSticky{position:sticky; top:18px}
  .thuexesingle_sideTop{
    padding:16px 18px 14px;
    background:linear-gradient(135deg, rgba(9,50,94,.06), rgba(243,122,5,.08));
    border-bottom:1px solid rgba(9,50,94,.08);
  }
  .thuexesingle_sideBadge{
    display:inline-flex;align-items:center;
    padding:6px 10px;border-radius:999px;
    background:rgba(9,50,94,.92);
    color:#fff;
    font-weight:1100;font-size:12px;
  }
  .thuexesingle_sideTitle{margin-top:10px;font-weight:1100;color:var(--navy);font-size:18px}
  .thuexesingle_sideSub{margin-top:4px;color:var(--muted);font-size:13px}

  .thuexesingle_sideList{padding:14px 18px 6px;display:grid;gap:10px}
  .thuexesingle_sideItem{
    display:flex;gap:12px;align-items:flex-start;
    padding:12px;border-radius:18px;
    border:1px solid rgba(9,50,94,.10);
    background:#fff;
  }
  .thuexesingle_sideIcon{
    width:40px;height:40px;border-radius:16px;
    display:grid;place-items:center;
    border:1px solid rgba(9,50,94,.14);
    background:rgba(9,50,94,.05);
    font-weight:1100;
  }
  .thuexesingle_sideIcon.isOrange{border-color:rgba(243,122,5,.30);background:rgba(243,122,5,.10)}
  .thuexesingle_sideIcon.isNavy{background:rgba(9,50,94,.05)}
  .thuexesingle_sideK{font-size:12px;color:var(--muted);font-weight:1100}
  .thuexesingle_sideV{margin-top:3px;font-weight:1100;color:var(--navy);text-decoration:none}
  .thuexesingle_sideCtas{padding:10px 18px 14px;display:grid;gap:10px}
  .thuexesingle_tip{margin:0 18px 18px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(9,50,94,.14);background:rgba(9,50,94,.04);color:var(--muted);font-size:13px;line-height:1.6}

  /* Related */
  .thuexesingle_related{padding:14px 18px 18px;display:grid;gap:10px}
  .thuexesingle_relItem{
    display:block;text-decoration:none;color:var(--text);
    border:1px solid rgba(9,50,94,.10);
    border-radius:18px;
    padding:12px;
    background:linear-gradient(180deg, rgba(9,50,94,.02), rgba(243,122,5,.04));
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .thuexesingle_relItem:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(2,6,23,.10);border-color:rgba(9,50,94,.18)}
  .thuexesingle_relTag{
    display:inline-flex;align-items:center;
    padding:6px 10px;border-radius:999px;
    font-size:12px;font-weight:1100;
    border:1px solid rgba(9,50,94,.12);
    background:#fff;
    margin-bottom:8px;
  }
  .thuexesingle_relTag.isOrange{border-color:rgba(243,122,5,.30);background:rgba(243,122,5,.10);color:var(--navy)}
  .thuexesingle_relTag.isBlue{background:rgba(9,50,94,.06);border-color:rgba(9,50,94,.12);color:var(--navy)}
  .thuexesingle_relName{font-weight:1100;color:var(--navy)}
  .thuexesingle_relSub{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.55}

  /* Modal */
  .thuexesingle_modal{position:fixed;inset:0;display:none;z-index:99999}
  .thuexesingle_modal.isOpen{display:block}
  .thuexesingle_modalOverlay{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter: blur(7px)}
  .thuexesingle_modalDialog{
    position:relative;
    max-width:980px;
    margin: min(7vh,64px) auto 0;
    background:#fff;
    border-radius:24px;
    box-shadow:0 28px 90px rgba(2,6,23,.40);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.22);
  }
  .thuexesingle_modalClose{
    position:absolute;top:0px;right:0px;
   height:42px;border-radius:16px;
    border:1px solid rgba(9,50,94,.12);
    background:red;cursor:pointer;font-weight:1100; color:white;
    margin:0px;
  }
  .thuexesingle_modalHead{
    padding:16px 18px;
    background:linear-gradient(135deg, rgba(9,50,94,.06), rgba(243,122,5,.08));
    border-bottom:1px solid rgba(9,50,94,.08);
    display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  }
  .thuexesingle_modalBadge{
    display:inline-flex;align-items:center;
    padding:6px 10px;border-radius:999px;
    background:rgba(9,50,94,.92);
    color:#fff;
    font-weight:1100;font-size:12px;
    width:max-content;
  }
  .thuexesingle_modalTitle{margin-top:10px;font-weight:800;color:red;letter-spacing:-.01em; font-size:20px;}
  .thuexesingle_modalSub{margin-top:4px;color:var(--muted);font-size:13px}

  .thuexesingle_modalMode{display:flex;gap:10px;flex-wrap:wrap}
  .thuexesingle_chip{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 12px;border-radius:999px;
    background:#fff;
    border:1px solid rgba(9,50,94,.12);
    font-weight:1100;color:var(--navy);
    cursor:pointer;
  }
  .thuexesingle_chip input{accent-color: var(--orange)}

  .thuexesingle_form{padding:16px 18px 16px}
  .thuexesingle_row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .thuexesingle_fField{display:flex;flex-direction:column;gap:7px}
  .thuexesingle_fLabel{font-size:12px;color:var(--muted);font-weight:1100}
  .thuexesingle_fErr{font-size:12px;color:#b91c1c;min-height:14px}
  .thuexesingle_fHint{font-size:12px;color:var(--muted);line-height:1.45}
label.thuexesingle_chip input {
    margin: 0px;
}
button.thuexesingle_btn.thuexesingle_btnPrimary {
    background: #ff5e00;
    margin:0px;
}
  .thuexesingle_fInput,.thuexesingle_fSelect{
    width:100%;
    border:1px solid rgba(9,50,94,.12);
    border-radius:16px; 
    outline:none;
    background:#fff;
    color:var(--text);
  }
  .thuexesingle_fInput:focus,.thuexesingle_fSelect:focus{
    border-color:rgba(243,122,5,.75);
    box-shadow:0 0 0 4px rgba(243,122,5,.18);
  }
  .thuexesingle_isInvalid{
    border-color:rgba(185,28,28,.60) !important;
    box-shadow:0 0 0 4px rgba(185,28,28,.12) !important;
  }

  .thuexesingle_noteLine{margin-top:12px}
  .thuexesingle_actions{
    display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;
    margin-top:14px;padding-top:14px;
    border-top:1px dashed rgba(9,50,94,.12);
  }
  .thuexesingle_privacy{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.55}

  @media (max-width: 980px){
      /* Overlay (bọc ngoài dialog) */
.thuexesingle_modal{
  position: fixed;
  inset: 0;  
  align-items: center;
  justify-content: center;

  /* QUAN TRỌNG: cho phép scroll khi dialog cao */
  overflow: auto;
  -webkit-overflow-scrolling: touch;

  padding: 24px; /* tạo khoảng thở khi scroll */
}
.thuexesingle_form{
    padding:16px 15px 0px;
}
.thuexesingle_fErr { 
    display: none;
}
.thuexesingle_modalDialog{
    margin: 0px;
  width: min(920px, 100%);
  max-height: calc(100vh - 48px); /* chừa padding overlay */
  overflow: auto;                 /* QUAN TRỌNG: cho scroll trong dialog */
  -webkit-overflow-scrolling: touch;

  /* nếu bạn có header cố định bên trong, vẫn OK */
}


    .thuexesingle_main{grid-template-columns:1fr}
    .thuexesingle_sideSticky{position:relative;top:auto}
    .thuexesingle_row3{grid-template-columns:1fr}
    .thuexesingle_gallery{grid-template-columns:1fr 1fr}
    .thuexesingle_gItem.isBig{grid-row:auto;min-height:220px;grid-column:1 / -1}
    .thuexesingle_kpis{grid-template-columns:1fr}
    .thuexesingle_title{font-size:24px}
  } 
/* home */
  .hero-section {
            position: relative;
            height:650px;
            width: 100%;
            overflow: hidden; 
        }

        .swiper { width: 100%; height: 100%; }

        /* --- HIỆU ỨNG ZOOM-IN (KEN BURNS) --- */
        .swiper-slide-bg {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-size: cover;
            background-position: center;
            transform: scale(1);
            transition: transform 8s linear; /* Thời gian zoom dài tạo sự mượt mà */
        }

        /* Khi slide đang hiển thị, ảnh sẽ zoom từ 1 -> 1.2 */
        .swiper-slide-active .swiper-slide-bg {
            transform: scale(1.2);
        }

        /* Lớp phủ layer cho slide */
        .swiper-slide::after {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%; 
            z-index: 1;
        }

        /* Nội dung chữ */
        .slide-content {
            position: relative;
            z-index: 10;
            color: white;
            text-align: center;
            padding: 0 20px;
        }

        .slide-content h2 {
            font-size: 5rem;
            font-weight: 700;
            letter-spacing: 10px;
            opacity: 0;
            transform: scale(0.8);
            transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1) 0.5s;
        }

        .swiper-slide-active .slide-content h2 {
            opacity: 1;
            transform: scale(1);
        }

        /* --- GIAO THOA SECTION (SÓNG NHẸ) --- */
        .divider {
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            z-index: 20;
            line-height: 0;
        }

        .divider svg {
            width: 100%;
            height: 80px;
        }

        .shape-fill { fill: #ffffff; }
        .hero-section .swiper-button-prev,.hero-section .swiper-button-next{
            display:none !important;}

/* ===== APC VEHICLES: Modern White ===== */
.apcV-sec{
  --apcNavy:#09325e;
  --apcAccent:#f37a05;
  --apcText:#1e2430;
  --apcSub:#586174;
  --apcLine:rgba(10,30,60,.10);
  --apcShadow: 0 18px 55px rgba(10,30,60,.10);
  --apcShadow2: 0 26px 80px rgba(10,30,60,.14);
  --apcR: 22px;

  background:#fff;
  padding: 72px 0;
}

.apcV-wrap{
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
}

.apcV-head{
  text-align:center;
  margin-bottom: 34px;
}

.apcV-title{
  margin:0;
  font-size: 34px;
  line-height:1.15;
  letter-spacing:-.2px;
  color: var(--apcNavy);
  font-weight: 900;
}

.apcV-sub{
  margin: 10px auto 0;
  color: var(--apcSub);
  font-size: 16px;
  line-height: 1.7;
  max-width: 720px;
}

.apcV-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}

.apcV-card{
  border-radius: var(--apcR);
  background: #fff;
  border: 1px solid var(--apcLine);
  box-shadow: var(--apcShadow);
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  outline: none;
}

.apcV-card:hover,
.apcV-card:focus{
  transform: translateY(-10px);
  box-shadow: var(--apcShadow2);
  border-color: rgba(243,122,5,.35);
}

.apcV-media{
  position:relative;
  aspect-ratio: 16/10;
  background: #f2f4f8;
  overflow:hidden;
}

.apcV-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .55s ease;
}

.apcV-card:hover .apcV-media img,
.apcV-card:focus .apcV-media img{
  transform: scale(1.10);
}

.apcV-badges{
  position:absolute;
  left: 14px;
  top: 14px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  z-index: 3;
}

.apcV-badge{
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.65);
  background: rgba(255,255,255,.90);
  color: var(--apcText);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  backdrop-filter: blur(6px);
}

.apcV-badge--accent{
  background: rgba(243,122,5,.95);
  border-color: rgba(243,122,5,.95);
  color: #fff;
}

.apcV-badge--dark{
  background: rgba(9,50,94,.92);
  border-color: rgba(9,50,94,.92);
  color: #fff;
}

.apcV-badge--gray{
  background: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.70);
  color: #1e2430;
}

.apcV-ribbon{
  position:absolute;
  right: 14px;
  bottom: 14px;
  padding: 9px 12px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .2px;
  color: #fff;
  background: linear-gradient(135deg, rgba(243,122,5,.95), rgba(255,154,60,.95));
  box-shadow: 0 14px 30px rgba(243,122,5,.25);
  z-index: 3;
}

.apcV-ribbon--blue{
  background: linear-gradient(135deg, rgba(9,50,94,.96), rgba(9,50,94,.82));
  box-shadow: 0 14px 30px rgba(9,50,94,.22);
}

.apcV-ribbon--orange{
  background: linear-gradient(135deg, rgba(243,122,5,.96), rgba(243,122,5,.70));
}

.apcV-body{
  padding: 18px 18px 18px;
  display:grid;
  gap: 12px;
}

.apcV-top{
  display:grid;
  gap: 6px;
}

.apcV-name{
  margin:0;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: -.2px;
  color: var(--apcNavy);
}

.apcV-mini{
  color: var(--apcSub);
  font-size: 8.5px;
  line-height: 1.5;
  display:flex;
  align-items:center;
  gap: 8px;
}

.apcV-dot{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(243,122,5,.95);
  box-shadow: 0 8px 18px rgba(243,122,5,.35);
  flex: 0 0 auto;
}

.apcV-chips{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}

.apcV-chip{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(10,30,60,.10);
  background: rgba(242,245,250,.78);
  color: #2a3342;
  font-size: 12.5px;
  font-weight: 700;
}

.apcV-chip--soft{
  background: rgba(243,122,5,.10);
  border-color: rgba(243,122,5,.20);
  color: var(--apcNavy);
}

.apcV-feats{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.apcV-feat{
  border: 1px solid rgba(10,30,60,.08);
  background: rgba(255,255,255,.70);
  border-radius: 16px;
  padding: 10px 10px;
  display:grid;
  grid-template-columns: 22px 1fr;
  column-gap: 8px;
  row-gap: 2px;
  align-items:start;
}

.apcV-feat span{
  width: 22px;
  height: 22px;
  display:grid;
  place-items:center;
  border-radius: 8px;
  background: rgba(9,50,94,.08);
  color: var(--apcNavy);
  font-weight: 900;
  font-size: 12px;
}

.apcV-feat b{
  display:block;
  font-weight: 900;
  color: #1c2230;
  font-size: 13px;
  line-height: 1.2;
}

.apcV-feat i{
  display:block;
  font-style: normal;
  color: var(--apcSub);
  font-size: 12px;
  min-width:150px;
  line-height: 1.2;
}

.apcV-cta{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 2px;
}

.apcV-btn{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(243,122,5,.98), rgba(255,154,60,.98));
  color:#fff;
  font-weight: 950;
  border: 1px solid rgba(243,122,5,.25);
  transition: transform .2s ease, filter .2s ease;
}

.apcV-btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }

.apcV-btn--ghost{
  background: #fff;
  color: var(--apcNavy);
  border: 1px solid rgba(9,50,94,.18);
}

.apcV-btn--ghost:hover{
  border-color: rgba(243,122,5,.30);
}

/* Responsive */
@media (max-width: 980px){
  .apcV-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 560px){
  /* mobile: 2 cột */
  .apcV-sec{ padding: 20px 0; }
  .apcV-title{ font-size: 26px; }
  .apcV-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .apcV-body{ padding: 10px; gap: 6px; }
  .apcV-name{ font-size: 16px; }
  .apcV-feats{ grid-template-columns: 1fr; } /* gọn hơn trên mobile */
  .apcV-cta{ grid-template-columns: 1fr; }   /* nút xếp dọc cho dễ bấm */
  .apcV-ribbon{ right: 10px; bottom: 10px; padding: 8px 10px; }
  .apcV-badges{ left: 10px; top: 10px; }
}


:root{
  --thuexesvc_orange:#f37a05;
  --thuexesvc_navy:#09325e;
  --thuexesvc_text:#0d2238;
  --thuexesvc_muted:#5b6b7b;
  --thuexesvc_line: rgba(9,50,94,.12);
  --thuexesvc_shadow: 0 18px 50px rgba(9,50,94,.12);
  --thuexesvc_radius: 18px;
}

/* Section nền khác phần tour: nền “grid tech” + glow nhẹ */
.thuexesvc{
  padding: 72px 0;
 /* background:
    radial-gradient(900px 520px at 20% 10%, rgba(9,50,94,.10), transparent 60%),
    radial-gradient(900px 520px at 80% 20%, rgba(243,122,5,.12), transparent 60%),
    linear-gradient(180deg, #ffffff, #f8fbff);*/
  position:relative;
  overflow:hidden;
}
.thuexesvc:before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(to right, rgba(9,50,94,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(9,50,94,.05) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at 50% 20%, rgba(0,0,0,.85), transparent 70%);
  opacity:.65;
  pointer-events:none;
}
.thuexesvc__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
  position:relative;
  z-index:1;
}

/* Head */
.thuexesvc__head{
  text-align:center;
  margin-bottom: 16px;
}
.thuexesvc__kicker{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexesvc_line);
  background: rgba(255,255,255,.75);
  color: var(--thuexesvc_navy);
  font-weight: 1000;
}
.thuexesvc__title{
  margin: 12px 0 6px;
  font-size: clamp(24px, 3.1vw, 38px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexesvc_text);
  font-weight: 1000;
}
.thuexesvc__desc{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexesvc_muted);
  line-height: 1.65;
  font-size: 15px;
}

/* GRID: kiểu “service tiles” (khác tour card) */
.thuexesvc__grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

/* Item */
.thuexesvc__item{
  position:relative;
  border-radius: var(--thuexesvc_radius);
  border: 1px solid var(--thuexesvc_line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: var(--thuexesvc_shadow);
  padding: 12px;
  text-decoration:none;
  display:flex;
  flex-direction: column;
  gap: 10px;
  min-height: 210px;
  overflow:hidden;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

/* “neon edge” khác tour */
.thuexesvc__item:before{
  content:"";
  position:absolute; inset:-1px;
  background:
    radial-gradient(380px 180px at 20% 0%, rgba(243,122,5,.20), transparent 60%),
    radial-gradient(380px 180px at 90% 20%, rgba(9,50,94,.14), transparent 60%);
  opacity:.75;
  pointer-events:none;
}
.thuexesvc__item:hover{
  transform: translateY(-2px);
  border-color: rgba(243,122,5,.28);
  box-shadow: 0 22px 60px rgba(9,50,94,.14);
}

/* icon lớn */
.thuexesvc__icon{
  width: 46px; height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(243,122,5,.14);
  border: 1px solid rgba(243,122,5,.22);
  color: rgba(9,50,94,.92);
  font-size: 18px;
  position:relative;
  z-index:1;
}

/* text */
.thuexesvc__content{ position:relative; z-index:1; }
.thuexesvc__name{
  font-weight: 1000;
  color: var(--thuexesvc_text);
  font-size: 14px;
  line-height: 1.25;
}
.thuexesvc__sub{
  margin-top: 4px;
  font-weight: 900;
  color: rgba(91,107,123,.90);
  font-size: 12px;
  line-height: 1.4;
  width:229px;
}

/* thumb ảnh nhỏ (khác tour: ảnh không full header) */
.thuexesvc__thumb{
  position:absolute;
  right: -10px;
  bottom: -10px;
  width: 160px;
  height: 160px;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(9,50,94,.10);
  box-shadow: 0 18px 40px rgba(9,50,94,.12);
  transform: rotate(-6deg);
  z-index:1;
}
.thuexesvc__thumb img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  filter: saturate(1.05) contrast(1.03);
}

/* arrow */
.thuexesvc__arrow{
  margin-top:auto;
  width: 38px; height: 38px;
  border-radius: 14px;
  border: 1px solid var(--thuexesvc_line);
  background: rgba(9,50,94,.04);
  display:grid;
  place-items:center;
  color: rgba(9,50,94,.92);
  font-weight: 1000;
  position:relative;
  z-index:1;
  transition: transform .16s ease, background .16s ease;
}
.thuexesvc__item:hover .thuexesvc__arrow{
  transform: translateX(2px);
  background: rgba(243,122,5,.10);
}

/* Color accents per item (subtle, not like tour) */
.thuexesvc__item--bike .thuexesvc__icon{ background: rgba(243,122,5,.14); }
.thuexesvc__item--driver .thuexesvc__icon{ background: rgba(9,50,94,.08); border-color: rgba(9,50,94,.16); }
.thuexesvc__item--self .thuexesvc__icon{ background: rgba(243,122,5,.12); }
.thuexesvc__item--tour .thuexesvc__icon{ background: rgba(9,50,94,.07); border-color: rgba(9,50,94,.16); }
.thuexesvc__item--air .thuexesvc__icon{ background: rgba(243,122,5,.12); }

/* NOTE */
.thuexesvc__note{
  margin-top: 14px;
  border-radius: 20px;
  border: 1px solid var(--thuexesvc_line);
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 50px rgba(9,50,94,.10);
  padding: 12px;
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
  position:relative;
  overflow:hidden;
}
.thuexesvc__note:before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(520px 220px at 20% 0%, rgba(243,122,5,.18), transparent 60%);
  opacity:.8;
  pointer-events:none;
}
.thuexesvc__noteDot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(243,122,5,.95);
  box-shadow: 0 0 0 6px rgba(243,122,5,.12);
  position:relative;
  z-index:1;
}
.thuexesvc__noteText{
  flex: 1;
  min-width: 220px;
  color: rgba(13,34,56,.78);
  line-height: 1.6;
  font-weight: 800;
  position:relative;
  z-index:1;
}
.thuexesvc__noteBtn{
  height: 42px;
  padding: 0 12px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 1000;
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.86));
  border: 1px solid rgba(243,122,5,.45);
  color: #0b1f35;
  box-shadow: 0 18px 50px rgba(243,122,5,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  transition: transform .16s ease, box-shadow .16s ease;
}
.thuexesvc__noteBtn:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(243,122,5,.22); }

/* Responsive */
@media (max-width: 1100px){
  .thuexesvc__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px){
  .thuexesvc__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Mobile: 2 cột mỗi hàng (yêu cầu) */
@media (max-width: 560px){
  .thuexesvc__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .thuexesvc__item{ min-height: 196px; padding: 11px; }
  .thuexesvc__thumb{ width: 82px; height: 82px; border-radius: 20px; }
  .thuexesvc__name{ font-size: 13px; }
  .thuexesvc__sub{ font-size: 11.5px; }
}


:root{
  --thuexe_reason_orange:#f37a05;
  --thuexe_reason_navy:#09325e;
  --thuexe_reason_text:#0d2238;
  --thuexe_reason_muted:#5b6b7b;
  --thuexe_reason_line: rgba(9,50,94,.12);
  --thuexe_reason_shadow: 0 18px 50px rgba(9,50,94,.12);
  --thuexe_reason_radius: 20px;
}

.thuexe_reason{
  padding: 74px 0;
  background:
    radial-gradient(900px 520px at 15% 15%, rgba(243,122,5,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 25%, rgba(9,50,94,.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfcff);
}

.thuexe_reason__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

.thuexe_reason__head{
  text-align:center;
  margin-bottom: 18px;
}

.thuexe_reason__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexe_reason_line);
  background: rgba(255,255,255,.72);
  font-weight: 1000;
  color: var(--thuexe_reason_navy);
}

.thuexe_reason__title{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.1vw, 40px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexe_reason_text);
  font-weight: 1000;
}

.thuexe_reason__sub{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexe_reason_muted);
  line-height: 1.65;
  font-size: 15px;
}

/* GRID: 4 cols desktop */
.thuexe_reason__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* CARD */
.thuexe_reason__card{
  border-radius: var(--thuexe_reason_radius);
  border: 1px solid var(--thuexe_reason_line);
  background: rgba(255,255,255,.88);
  box-shadow: var(--thuexe_reason_shadow);
  padding: 16px;
  position:relative;
  overflow:hidden;
  min-height: 210px; /* giúp các box đều nhau */
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.thuexe_reason__card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(420px 220px at 20% 0%, rgba(243,122,5,.14), transparent 60%),
    radial-gradient(420px 220px at 80% 20%, rgba(9,50,94,.08), transparent 60%);
  opacity:.85;
  pointer-events:none;
}
.thuexe_reason__card > *{ position:relative; z-index:1; }

.thuexe_reason__card:hover{
  transform: translateY(-2px);
  border-color: rgba(243,122,5,.28);
  box-shadow: 0 22px 60px rgba(9,50,94,.14);
}

.thuexe_reason__icon{
  width: 46px; height: 46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  color: rgba(9,50,94,.92);
  background: rgba(243,122,5,.14);
  border: 1px solid rgba(243,122,5,.22);
  margin-bottom: 10px;
}

.thuexe_reason__h{
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 1000;
  color: var(--thuexe_reason_text);
  line-height: 1.32;
}

.thuexe_reason__p{
  margin: 0;
  color: rgba(13,34,56,.78);
  line-height: 1.68;
  font-size: 14px;
}

/* Tablet: 2 cols */
@media (max-width: 1024px){
  .thuexe_reason__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Mobile: 2 cols (theo yêu cầu) */
@media (max-width: 560px){
  .thuexe_reason__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .thuexe_reason__card{ padding: 14px; min-height: 200px; }
  .thuexe_reason__icon{ width: 42px; height: 42px; border-radius: 16px; }
  .thuexe_reason__h{ font-size: 14px; }
  .thuexe_reason__p{ font-size: 13px; }
}


:root{
  --thuexetour_orange:#f37a05;
  --thuexetour_navy:#09325e;
  --thuexetour_text:#0d2238;
  --thuexetour_muted:#5b6b7b;
  --thuexetour_line: rgba(9,50,94,.12);
  --thuexetour_shadow: 0 18px 50px rgba(9,50,94,.12);
  --thuexetour_radius: 22px;
}

.thuexetour{
  padding: 78px 0;
  background:
    radial-gradient(900px 520px at 15% 15%, rgba(243,122,5,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 25%, rgba(9,50,94,.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfcff);
}

.thuexetour__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

.thuexetour__head{
  text-align:center;
  margin-bottom: 18px;
}
.thuexetour__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexetour_line);
  background: rgba(255,255,255,.72);
  font-weight: 1000;
  color: var(--thuexetour_navy);
}
.thuexetour__title{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexetour_text);
  font-weight: 1000;
}
.thuexetour__sub{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexetour_muted);
  line-height: 1.65;
  font-size: 15px;
}
.thuexetour__name{
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* số dòng hiển thị */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* GRID */
.thuexetour__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

/* CARD */
.thuexetour__card{
  border-radius: var(--thuexetour_radius);
  border: 1px solid var(--thuexetour_line);
  background: rgba(255,255,255,.90);
  box-shadow: var(--thuexetour_shadow);
  overflow:hidden;
  display:flex;
  flex-direction: column; 
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.thuexetour__card:hover{
  transform: translateY(-2px);
  border-color: rgba(243,122,5,.26);
  box-shadow: 0 22px 60px rgba(9,50,94,.14);
}

/* MEDIA */
.thuexetour__media{
  position:relative;
  height: 220px;
  overflow:hidden;
}
.thuexetour__img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.04);
  transition: transform .5s ease;
}
.thuexetour__card:hover .thuexetour__img{ transform: scale(1.10); }

.thuexetour__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(9,50,94,.10), rgba(9,50,94,.52));
}

.thuexetour__chips{
  position:absolute;
  left: 12px;
  top: 12px;
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
  z-index:2;
}
.thuexetour__chip{
  font-size: 12px;
  font-weight: 1000;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.14);
  color: #fff;
  backdrop-filter: blur(8px);
}
.thuexetour__chip--hot{
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.78));
  border-color: rgba(243,122,5,.35);
  color: #0b1f35;
}

.thuexetour__metaTop{
  position:absolute;
  right: 12px;
  top: 12px;
  z-index:2;
  display:flex;
  gap: 8px;
  align-items:center;
}
.thuexetour__rate, .thuexetour__count{
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.14);
  color: #fff;
  font-weight: 1000;
  backdrop-filter: blur(8px);
  font-size: 12px;
}
.thuexetour__star{ color: var(--thuexetour_orange); }

/* BODY */
.thuexetour__body{
  padding: 14px 14px 16px;
  display:flex;
  flex-direction: column; 
}
.thuexetour__name{
  margin: 0;
  color: var(--thuexetour_text);
  font-weight: 1000;
  font-size: 16px;
  line-height: 1.3;
}
.thuexetour__info{
  margin-top: 8px;
  color: rgba(91,107,123,.90);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.5;
}
.thuexetour__dot{ margin: 0 6px; opacity:.6; }

.thuexetour__highlights{
  margin-top: 12px;
  display:grid;
  gap: 8px;
}
.thuexetour__hl{
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px dashed rgba(9,50,94,.18);
  background: rgba(9,50,94,.03);
  color: rgba(13,34,56,.78);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.5;
}

/* FOOT */
.thuexetour__foot{
  margin-top: auto;
  padding-top: 14px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
}
.thuexetour__from{
  font-size: 12px;
  color: rgba(91,107,123,.85);
  font-weight: 800;
}
.thuexetour__money{
  margin-top: 2px;
  font-weight: 1000;
  color: var(--thuexetour_navy);
  font-size: 18px;
  letter-spacing: -.2px;
}

.thuexetour__actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.thuexetour__btn{
  height: 42px;
  padding: 0 12px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 1000;
  border: 1px solid transparent;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  white-space:nowrap;
}
.thuexetour__btn--accent{
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.86));
  color: #0b1f35;
  border-color: rgba(243,122,5,.45);
  box-shadow: 0 18px 50px rgba(243,122,5,.16);
}
.thuexetour__btn--accent:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(243,122,5,.22); }
.thuexetour__btn--ghost{
  background: rgba(9,50,94,.04);
  border-color: var(--thuexetour_line);
  color: rgba(9,50,94,.92);
}
.thuexetour__btn--ghost:hover{ transform: translateY(-1px); background: rgba(9,50,94,.06); }

/* NOTE BOX */
.thuexetour__note{
  margin-top: 18px;
  border-radius: 24px;
  border: 1px solid var(--thuexetour_line);
  background:
    radial-gradient(560px 240px at 25% 0%, rgba(243,122,5,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: var(--thuexetour_shadow);
  padding: 14px;
  display:flex;
  align-items:center;
  gap: 12px;
  flex-wrap:wrap;
}
.thuexetour__noteIcon{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(243,122,5,.14);
  border: 1px solid rgba(243,122,5,.22);
  font-size: 18px;
}
.thuexetour__noteText{
  flex: 1;
  color: rgba(13,34,56,.78);
  line-height: 1.6;
  font-weight: 800;
  min-width: 220px;
}
.thuexetour__noteBtn{
  height: 44px;
  padding: 0 14px;
  border-radius: 16px;
  text-decoration:none;
  font-weight: 1000;
  background: rgba(9,50,94,.04);
  border: 1px solid var(--thuexetour_line);
  color: rgba(9,50,94,.92);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .16s ease, background .16s ease;
}
.thuexetour__noteBtn:hover{
  transform: translateY(-1px);
  background: rgba(9,50,94,.06);
}

/* RESPONSIVE */
@media (max-width: 1024px){
  .thuexetour__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .thuexetour__grid{ grid-template-columns: 1fr; }
  .thuexetour__card{ min-height: auto; }
}


:root{
  --thuexe_album_orange:#f37a05;
  --thuexe_album_navy:#09325e;
  --thuexe_album_text:#0d2238;
  --thuexe_album_muted:#5b6b7b;
  --thuexe_album_line: rgba(9,50,94,.12);
  --thuexe_album_shadow: 0 18px 50px rgba(9,50,94,.12);
  --thuexe_album_radius: 18px;
}

.thuexe_album{
  padding: 76px 0;
  background:
    radial-gradient(900px 520px at 15% 15%, rgba(243,122,5,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 25%, rgba(9,50,94,.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfcff);
}
.thuexe_album__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}
.thuexe_album__head{
  text-align:center;
  margin-bottom: 16px;
}
.thuexe_album__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexe_album_line);
  background: rgba(255,255,255,.75);
  font-weight: 1000;
  color: var(--thuexe_album_navy);
}
.thuexe_album__title{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexe_album_text);
  font-weight: 1000;
}
.thuexe_album__sub{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexe_album_muted);
  line-height: 1.65;
  font-size: 15px;
}

/* GRID (mắt lưới đẹp) */
.thuexe_album__grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

/* item */
.thuexe_album__item{
  position:relative;
  border-radius: var(--thuexe_album_radius);
  overflow:hidden;
  border: 1px solid var(--thuexe_album_line);
  box-shadow: var(--thuexe_album_shadow);
  background: rgba(255,255,255,.9);
  aspect-ratio: 1 / 1;
  display:block;
  transform: translateZ(0);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.thuexe_album__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.05);
  transition: transform .6s ease;
  filter: saturate(1.05) contrast(1.02);
}
.thuexe_album__item:hover{
  transform: translateY(-2px);
  border-color: rgba(243,122,5,.28);
  box-shadow: 0 22px 60px rgba(9,50,94,.14);
}
.thuexe_album__item:hover img{ transform: scale(1.12); }

/* hiệu ứng ánh sáng quét */
.thuexe_album__shine{
  position:absolute;
  inset:-40%;
  background: linear-gradient(120deg, transparent 42%, rgba(255,255,255,.35) 50%, transparent 58%);
  transform: translateX(-60%);
  opacity: 0;
  pointer-events:none;
}
.thuexe_album__item:hover .thuexe_album__shine{
  opacity: 1;
  animation: thuexe_album_shine 1s ease;
}
@keyframes thuexe_album_shine{
  from{ transform: translateX(-60%) rotate(0deg); }
  to{ transform: translateX(60%) rotate(0deg); }
}

/* CTA */
.thuexe_album__cta{
  margin-top: 16px;
  border-radius: 22px;
  border: 1px solid var(--thuexe_album_line);
  background:
    radial-gradient(560px 240px at 25% 0%, rgba(243,122,5,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: var(--thuexe_album_shadow);
  padding: 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}
.thuexe_album__ctaText{
  color: rgba(13,34,56,.80);
  line-height: 1.6;
  font-weight: 800;
}
.thuexe_album__ctaBtn{
  height: 44px;
  padding: 0 14px;
  border-radius: 16px;
  text-decoration:none;
  font-weight: 1000;
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.86));
  border: 1px solid rgba(243,122,5,.45);
  color: #0b1f35;
  box-shadow: 0 18px 50px rgba(243,122,5,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .16s ease, box-shadow .16s ease;
}
.thuexe_album__ctaBtn:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(243,122,5,.22); }

/* Responsive */
@media (max-width: 1024px){
  .thuexe_album__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Mobile: 2 cột */
@media (max-width: 600px){
  .thuexe_album__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


:root{
  --thuexereview_orange:#f37a05;
  --thuexereview_navy:#09325e;
  --thuexereview_text:#0d2238;
  --thuexereview_muted:#5b6b7b;
  --thuexereview_line: rgba(9,50,94,.12);
  --thuexereview_radius: 20px;
  --thuexereview_shadow: 0 18px 50px rgba(9,50,94,.12);
}

.thuexereview{
  padding: 76px 0;
  background:
    radial-gradient(900px 520px at 15% 15%, rgba(243,122,5,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 25%, rgba(9,50,94,.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfcff);
}
.thuexereview__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

.thuexereview__head{
  text-align:center;
  margin-bottom: 18px;
}
.thuexereview__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexereview_line);
  background: rgba(255,255,255,.72);
  font-weight: 1000;
  color: var(--thuexereview_navy);
}
.thuexereview__title{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexereview_text);
  font-weight: 1000;
}
.thuexereview__sub{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexereview_muted);
  line-height: 1.65;
  font-size: 15px;
}

.thuexereview__meta{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.thuexereview__stars{
  display:inline-flex;
  align-items:center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexereview_line);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 30px rgba(9,50,94,.06);
}
.thuexereview__star{
  color: var(--thuexereview_orange);
  font-size: 14px;
}
.thuexereview__rate{
  margin-left: 6px;
  font-weight: 1000;
  color: var(--thuexereview_text);
}
.thuexereview__hint{
  color: rgba(91,107,123,.85);
  font-weight: 800;
}

/* slider wrap */
.thuexereview__wrap{
  position:relative;
  margin-top: 18px;
}
.thuexereview__track{
  display:flex;
  gap: 14px;
  overflow:auto;
  scroll-snap-type: x mandatory;
  padding: 10px 8px 18px;
  border-radius: 24px;
  scrollbar-width: none;
}
.thuexereview__track::-webkit-scrollbar{ display:none; }

/* nav buttons */
.thuexereview__nav{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px; height: 44px;
  border-radius: 16px;
  border: 1px solid var(--thuexereview_line);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 40px rgba(9,50,94,.14);
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size: 28px;
  line-height: 1;
  color: rgba(9,50,94,.92);
  transition: transform .16s ease, background .16s ease;
  z-index: 2;
}
.thuexereview__nav:hover{ transform: translateY(-50%) translateY(-1px); background: rgba(255,255,255,1); }
.thuexereview__nav--prev{ left: -8px; }
.thuexereview__nav--next{ right: -8px; }

@media (max-width: 900px){
  .thuexereview__nav{ display:none; }
}

/* card */
.thuexereview__card{
  flex: 0 0 360px;
  scroll-snap-align: start;
  border-radius: var(--thuexereview_radius);
  border: 1px solid var(--thuexereview_line);
  background: rgba(255,255,255,.88);
  box-shadow: var(--thuexereview_shadow);
  padding: 16px;
  position:relative;
  overflow:hidden;
}
.thuexereview__card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(420px 220px at 20% 0%, rgba(243,122,5,.14), transparent 60%),
    radial-gradient(420px 220px at 80% 20%, rgba(9,50,94,.08), transparent 60%);
  z-index:0;
  pointer-events:none;
}
.thuexereview__card > *{ position:relative; z-index:1; }

.thuexereview__top{
  display:flex;
  gap: 10px;
  align-items:center;
}
.thuexereview__avatar{
  width: 44px; height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 1000;
  color: rgba(9,50,94,.92);
  background: rgba(243,122,5,.14);
  border: 1px solid rgba(243,122,5,.22);
  flex: 0 0 auto;
}
.thuexereview__who{ min-width:0; }
.thuexereview__name{
  font-weight: 1000;
  color: var(--thuexereview_text);
  line-height: 1.2;
}
.thuexereview__tag{
  margin-top: 2px;
  color: rgba(91,107,123,.90);
  font-weight: 800;
  font-size: 12px;
}
.thuexereview__score{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap: 6px;
  font-weight: 1000;
  color: var(--thuexereview_text);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--thuexereview_line);
  background: rgba(255,255,255,.76);
}
.thuexereview__miniStar{ color: var(--thuexereview_orange); }

.thuexereview__text{
  margin: 12px 0 0;
  color: rgba(13,34,56,.80);
  line-height: 1.72;
  font-size: 14px;
  min-height: 96px;
}

.thuexereview__foot{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.thuexereview__pill{
  font-size: 12px;
  font-weight: 900;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px dashed rgba(9,50,94,.18);
  background: rgba(255,255,255,.70);
  color: rgba(9,50,94,.90);
}

/* dots */
.thuexereview__dots{
  margin-top: 12px;
  display:flex;
  justify-content:center;
  gap: 8px;
}
.thuexereview__dot{
  width: 8px; height: 8px;
  border-radius: 999px;
  background: rgba(9,50,94,.22);
  transition: width .16s ease, background .16s ease;
}
.thuexereview__dot.is-active{
  width: 26px;
  background: rgba(243,122,5,.90);
}

/* CTA */
.thuexereview__cta{
  margin-top: 18px;
  border-radius: 24px;
  border: 1px solid var(--thuexereview_line);
  background:
    radial-gradient(560px 240px at 25% 0%, rgba(243,122,5,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: var(--thuexereview_shadow);
  padding: 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}
.thuexereview__ctaText{
  color: rgba(13,34,56,.82);
  line-height: 1.6;
}
.thuexereview__ctaBtns{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

/* buttons */
.thuexereview__btn{
  height: 46px;
  padding: 0 14px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 1000;
  border: 1px solid transparent;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  white-space:nowrap;
}
.thuexereview__btn--accent{
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.86));
  color: #0b1f35;
  border-color: rgba(243,122,5,.45);
  box-shadow: 0 18px 50px rgba(243,122,5,.18);
}
.thuexereview__btn--accent:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(243,122,5,.25); }
.thuexereview__btn--ghost{
  background: rgba(9,50,94,.04);
  border-color: var(--thuexereview_line);
  color: rgba(9,50,94,.92);
}
.thuexereview__btn--ghost:hover{ transform: translateY(-1px); background: rgba(9,50,94,.06); }

@media (max-width: 420px){
  .thuexereview__card{ flex-basis: 86%; }
  .thuexereview__btn{ width: 100%; }
}




:root{
  --thuexeguide_orange:#f37a05;
  --thuexeguide_navy:#09325e;
  --thuexeguide_text:#0d2238;
  --thuexeguide_muted:#5b6b7b;
  --thuexeguide_line: rgba(9,50,94,.12);
  --thuexeguide_shadow: 0 18px 50px rgba(9,50,94,.12);
  --thuexeguide_radius: 20px;
}

.thuexeguide{
  padding: 78px 0;
  background:
    radial-gradient(900px 520px at 20% 12%, rgba(243,122,5,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 18%, rgba(9,50,94,.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfcff);
}
.thuexeguide__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}
.thuexeguide__head{
  text-align:center;
  margin-bottom: 16px;
}
.thuexeguide__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexeguide_line);
  background: rgba(255,255,255,.75);
  font-weight: 1000;
  color: var(--thuexeguide_navy);
}
.thuexeguide__title{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexeguide_text);
  font-weight: 1000;
}
.thuexeguide__sub{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexeguide_muted);
  line-height: 1.65;
  font-size: 15px;
}

/* TOP layout */
.thuexeguide__top{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 12px;
  align-items: stretch;
}

/* FEATURE */
.thuexeguide__feature{
  border-radius: var(--thuexeguide_radius);
  overflow:hidden;
  border: 1px solid var(--thuexeguide_line);
  box-shadow: var(--thuexeguide_shadow);
  background: #fff;
  position:relative;
  max-height: 400px;
}
.thuexeguide__featureLink{
  position:absolute; inset:0;
  z-index: 5;
  text-indent:-9999px;
}
.thuexeguide__featureMedia{
  position:relative;
  height:100%;
}
.thuexeguide__featureMedia img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.04);
  transition: transform .6s ease;
  filter: saturate(1.05) contrast(1.02);
}
.thuexeguide__feature:hover .thuexeguide__featureMedia img{ transform: scale(1.10); }
.thuexeguide__featureOverlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(9,50,94,.06), rgba(9,50,94,.74));
}
.thuexeguide__featureMeta{
  position:absolute;
  top: 14px; left: 14px;
  z-index:2;
  display:flex;
  gap: 8px;
  align-items:center;
  color:#fff;
  font-weight: 1000;
  font-size: 12px;
}
.thuexeguide__tag{
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.84));
  color:#0b1f35;
  border: 1px solid rgba(243,122,5,.45);
}
.thuexeguide__date{ opacity:.9; }
.thuexeguide__featureText{
  position:absolute;
  left: 14px; right: 14px; bottom: 14px;
  z-index:2;
}
.thuexeguide__featureTitle{
  margin: 0;
  color:#fff;
  font-weight: 1000;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -.2px;
}
.thuexeguide__featureDesc{
  margin: 8px 0 12px;
  color: rgba(255,255,255,.86);
  line-height: 1.6;
  font-weight: 800;
  max-width: 56ch;
}
.thuexeguide__featureBtn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  height: 44px;
  padding: 0 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  color:#fff;
  font-weight: 1000;
}

/* LIST */
.thuexeguide__list{
  border-radius: var(--thuexeguide_radius);
  border: 1px solid var(--thuexeguide_line);
  box-shadow: var(--thuexeguide_shadow);
  background: rgba(255,255,255,.92);
  overflow:hidden;
}
.thuexeguide__listHead{
  padding: 12px 12px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(9,50,94,.10);
  background:
    radial-gradient(520px 220px at 20% 0%, rgba(243,122,5,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.thuexeguide__listTitle{
  font-weight: 1000;
  color: var(--thuexeguide_text);
}
.thuexeguide__listMore{
  text-decoration:none;
  font-weight: 1000;
  color: rgba(9,50,94,.92);
}

.thuexeguide__mini{
  display:grid;
  grid-template-columns: 72px 1fr;
  gap: 10px;
  padding: 10px 12px;
  text-decoration:none;
  border-bottom: 1px dashed rgba(9,50,94,.14);
  transition: background .16s ease;
}
.thuexeguide__mini:last-child{ border-bottom: 0; }
.thuexeguide__mini:hover{ background: rgba(9,50,94,.03); }

.thuexeguide__miniThumb{
  width:72px; height:72px;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(9,50,94,.10);
}
.thuexeguide__miniThumb img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}
.thuexeguide__miniMeta{
  display:flex;
  gap: 8px;
  align-items:center;
  font-size: 12px;
  font-weight: 1000;
  color: rgba(91,107,123,.90);
}
.thuexeguide__miniTag{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(9,50,94,.10);
  background: rgba(9,50,94,.04);
  color: rgba(9,50,94,.92);
}
.thuexeguide__miniTitle{
  margin-top: 6px;
  color: var(--thuexeguide_text);
  font-weight: 1000;
  line-height: 1.35;
  font-size: 14px;
}
.thuexeguide__miniRead{
  margin-top: 6px;
  color: rgba(243,122,5,.95);
  font-weight: 1000;
  font-size: 12px;
}

/* GRID CARDS: desktop 4 cột, mobile 2 cột */
.thuexeguide__grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.thuexeguide__card{
  position:relative;
  border-radius: var(--thuexeguide_radius);
  overflow:hidden;
  border: 1px solid var(--thuexeguide_line);
  background: rgba(255,255,255,.92);
  box-shadow: var(--thuexeguide_shadow);
  min-height: 280px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.thuexeguide__card:hover{
  transform: translateY(-2px);
  border-color: rgba(243,122,5,.26);
  box-shadow: 0 22px 60px rgba(9,50,94,.14);
}
.thuexeguide__cardLink{
  position:absolute; inset:0;
  z-index: 5;
  text-indent:-9999px;
}
.thuexeguide__cardThumb{
  height: 120px;
  overflow:hidden;
}
.thuexeguide__cardThumb img{
  width:100%; height:100%;
  object-fit:cover; display:block;
  transform: scale(1.04);
  transition: transform .6s ease;
}
.thuexeguide__card:hover .thuexeguide__cardThumb img{ transform: scale(1.10); }

.thuexeguide__cardBody{
  padding: 12px;
}
.thuexeguide__cardMeta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.thuexeguide__pill{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(243,122,5,.22);
  background: rgba(243,122,5,.10);
  color: rgba(9,50,94,.92);
  font-weight: 1000;
  font-size: 12px;
}
.thuexeguide__time{
  font-weight: 1000;
  font-size: 12px;
  color: rgba(91,107,123,.90);
}
.thuexeguide__cardTitle{
  margin: 0;
  color: var(--thuexeguide_text);
  font-weight: 1000;
  font-size: 14px;
  line-height: 1.35;
}
.thuexeguide__cardDesc{
  margin: 8px 0 0;
  color: rgba(13,34,56,.72);
  line-height: 1.6;
  font-weight: 800;
  font-size: 13px;
}
.thuexetour__name{
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* số dòng hiển thị */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.thuexe_footer2__copy a {
    color: white;
}
input#thuexe_footer2_phone {
    border-radius: 10px;
}
/* Responsive */
@media (max-width: 1024px){
  .thuexeguide__top{ grid-template-columns: 1fr; }
  .thuexeguide__feature{ min-height: 320px; }
  .thuexeguide__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px){
    .hero-section { 
    height: 400px;}
    .thuexesingle_btn{
        padding: 0px 10px;
    }
    .thuexesvc,.thuexe_album,.thuexe_reason, .thuexereview,.thuexeguide,.thuexefaq{
        padding:10px 0px;
    }
  .thuexeguide__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apcV-media img{
      height:185px;
  }
  .apcV-media {
    position: relative;
    aspect-ratio: inherit;
    background: #f2f4f8;
    overflow: hidden;
    height: 185px;
}
.apcV-ribbon{
    font-size:7px;
}
.apcV-chips, .apcV-chips,.apcV-feats{
    display:none;
}

.apcV-badge {
    font-size: 7px;}
    .apcV-btn {
    font-size: 10px; 
    padding: 6px 1px;}
}
/* Mobile: grid cards 2 cột */
@media (max-width: 560px){
  .thuexeguide__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .thuexeguide__card{ min-height: 260px; }
  .thuexeguide__featureTitle{ font-size: 18px; }
}


:root{
  --thuexefaq_orange:#f37a05;
  --thuexefaq_navy:#09325e;
  --thuexefaq_text:#0d2238;
  --thuexefaq_muted:#5b6b7b;
  --thuexefaq_line: rgba(9,50,94,.12);
  --thuexefaq_soft: rgba(9,50,94,.06);
  --thuexefaq_white:#fff;
  --thuexefaq_radius: 20px;
  --thuexefaq_shadow: 0 18px 50px rgba(9,50,94,.12);
}

/* section */
.thuexefaq{
  position:relative;
  padding: 76px 0;
  background:
    radial-gradient(900px 520px at 15% 15%, rgba(243,122,5,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 20%, rgba(9,50,94,.09), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfcff);
}
.thuexefaq__container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

/* header */
.thuexefaq__header{
  text-align:center;
  margin-bottom: 22px;
}
.thuexefaq__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thuexefaq_line);
  background: rgba(255,255,255,.72);
  font-weight: 1000;
  color: var(--thuexefaq_navy);
}
.thuexefaq__title{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.12;
  letter-spacing: -.4px;
  color: var(--thuexefaq_text);
  font-weight: 1000;
}
.thuexefaq__desc{
  margin: 0 auto;
  max-width: 860px;
  color: var(--thuexefaq_muted);
  line-height: 1.65;
  font-size: 15px;
}

/* layout */
.thuexefaq__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1.55fr .85fr;
  gap: 16px;
  align-items:start;
}

/* list */
.thuexefaq__list{ display:grid; gap: 12px; }

/* item */
.thuexefaq__item{
  border-radius: var(--thuexefaq_radius);
  border: 1px solid var(--thuexefaq_line);
  background: rgba(255,255,255,.88);
  box-shadow: var(--thuexefaq_shadow);
  overflow:hidden;
  position:relative;
}
.thuexefaq__item:before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 5px;
  background: linear-gradient(180deg, rgba(243,122,5,.95), rgba(243,122,5,.25));
  opacity: 0;
  transition: opacity .18s ease;
}
.thuexefaq__item.is-open:before{ opacity: 1; }

/* question button */
.thuexefaq__q{
  width:100%;
  border:0;
  background: transparent;
  padding: 8px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  cursor:pointer;
  text-align:left;
}
.thuexefaq__qText{
  font-weight: 1000;
  color: var(--thuexefaq_text);
  line-height: 1.35;
  font-size: 15px;
}

/* plus/minus icon */
.thuexefaq__icon{
  width: 42px; height: 42px;
  border-radius: 16px;
  border: 1px solid var(--thuexefaq_line);
  background: rgba(9,50,94,.035);
  display:grid;
  place-items:center;
  flex: 0 0 auto;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.thuexefaq__iconLine{
  position:absolute;
  width: 16px; height: 2px;
  border-radius: 99px;
  background: rgba(9,50,94,.70);
  margin: 19px  12px;
}
.thuexefaq__iconLine--v{
  transform: rotate(90deg);
  transition: opacity .18s ease;
}
.thuexefaq__item.is-open .thuexefaq__icon{
  background: rgba(243,122,5,.10);
  border-color: rgba(243,122,5,.22);
}
.thuexefaq__item.is-open .thuexefaq__iconLine--v{ opacity: 0; } /* minus */

/* answer */
.thuexefaq__a{
  border-top: 1px solid rgba(9,50,94,.10);
}
.thuexefaq__aInner{
  padding: 0 16px 16px;
  color: rgba(13,34,56,.80);
  line-height: 1.72;
  font-size: 14px;
}

/* right card */
.thuexefaq__card{
  position: sticky;
  top: 110px;
  border-radius: 24px;
  border: 1px solid var(--thuexefaq_line);
  background:
    radial-gradient(520px 240px at 35% 0%, rgba(243,122,5,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
  box-shadow: var(--thuexefaq_shadow);
  padding: 16px;
}
.thuexefaq__cardKicker{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--thuexefaq_line);
  background: rgba(9,50,94,.05);
  font-weight: 1000;
  color: rgba(9,50,94,.90);
}
.thuexefaq__cardTitle{
  margin: 10px 0 6px;
  font-size: 18px;
  font-weight: 1000;
  color: var(--thuexefaq_text);
}
.thuexefaq__cardText{
  margin:0;
  color: var(--thuexefaq_muted);
  line-height: 1.65;
  font-size: 14px;
}
.thuexefaq__cardActions{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}

/* buttons */
.thuexefaq__btn{
  height: 46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 1000;
  border: 1px solid transparent;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.thuexefaq__btn--accent{
  background: linear-gradient(135deg, rgba(243,122,5,1), rgba(243,122,5,.86));
  color: #0b1f35;
  border-color: rgba(243,122,5,.45);
  box-shadow: 0 18px 50px rgba(243,122,5,.18);
}
.thuexefaq__btn--accent:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(243,122,5,.25); }

.thuexefaq__btn--ghost{
  background: rgba(9,50,94,.04);
  border-color: var(--thuexefaq_line);
  color: rgba(9,50,94,.92);
}
.thuexefaq__btn--ghost:hover{ transform: translateY(-1px); background: rgba(9,50,94,.06); }

.thuexefaq__cardNote{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 16px;
  border: 1px dashed rgba(9,50,94,.18);
  background: rgba(255,255,255,.55);
  color: rgba(13,34,56,.78);
  line-height: 1.6;
  font-size: 13px;
}
.thuexefaq__tick{
  width: 28px; height: 28px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(243,122,5,.12);
  border: 1px solid rgba(243,122,5,.22);
  color: rgba(9,50,94,.92);
  font-weight: 1000;
  flex: 0 0 auto;
}

/* responsive */
@media (max-width: 980px){
  .thuexefaq__grid{ grid-template-columns: 1fr; }
  .thuexefaq__card{ position: relative; top: auto; }
}