:root{
  --red:#E8443A; --red-d:#C7342B; --yellow:#FFC93C; --blue:#3DA9E0; --teal:#4FA8A6; --teal-d:#17706E;
  --navy:#151F46; --navy-2:#24305e; --cream:#FFF6E6; --cream-2:#FCEBCB; --white:#fff;
  --ink:#151F46; --muted:#4a5378;
  --f-display:'Baloo 2','Nunito',system-ui,sans-serif;
  --f-body:'Nunito',system-ui,sans-serif;
  --f-word:'Fredoka','Baloo 2',sans-serif;
  --r:18px; --r-lg:28px;
  --sand:#E6D5B5; --khaki:#9A8360; --pine:#124F4D;
  --line:1.5px solid var(--sand);
  --shadow:0 14px 32px -14px rgba(110,84,40,.32);
  --shadow-sm:0 6px 18px -10px rgba(110,84,40,.30);
  --shadow-hover:0 20px 40px -16px rgba(110,84,40,.40);
  --text-xs:clamp(.78rem,.75rem + .15vw,.875rem);
  --text-sm:clamp(.875rem,.85rem + .15vw,.95rem);
  --text-base:clamp(1rem,.97rem + .15vw,1.0625rem);
  --text-lg:clamp(1.125rem,1.05rem + .35vw,1.35rem);
  --text-xl:clamp(1.6rem,1.3rem + 1.4vw,2.4rem);
  --text-hero:clamp(2.9rem,1.8rem + 5.2vw,6.2rem);
  --sec-pad:clamp(3.5rem,7vw,6.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:var(--f-body);font-size:var(--text-base);line-height:1.6;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);line-height:1.12;margin:0 0 .4em;letter-spacing:-.01em}
h3{font-size:var(--text-lg);font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.sr,.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:100;background:var(--yellow);padding:.5rem 1rem;border:var(--line);border-radius:10px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

/* demo bar + notes */

/* header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,246,230,.94);backdrop-filter:blur(8px);border-bottom:var(--line)}
.header-in{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.brand img{width:44px;height:44px}
.wordmark{font-family:var(--f-word);font-weight:600;font-size:1.85rem;color:var(--red);letter-spacing:.01em;line-height:1}
.brand-light .wordmark{color:var(--yellow)}
.nav ul{display:flex;align-items:center;gap:.25rem}
.nav a{text-decoration:none;font-weight:700;font-size:var(--text-sm);padding:.5rem .7rem;border-radius:10px}
.nav li:not(.nav-cta) a:hover{background:var(--cream-2)}
.nav-cta{margin-left:.5rem}
.nav-btn{display:none;background:none;border:var(--line);border-radius:12px;width:46px;height:44px;align-items:center;justify-content:center;color:var(--navy);cursor:pointer}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--f-body);font-weight:800;font-size:var(--text-base);text-decoration:none;padding:.85rem 1.4rem;border-radius:14px;border:var(--line);cursor:pointer;transition:transform .15s,box-shadow .15s;line-height:1.2}
.btn-primary{background:var(--yellow);color:var(--navy);box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}
.btn-primary:active{transform:translate(2px,2px);box-shadow:0 1px 3px rgba(110,84,40,.2)}
.btn-ghost{background:var(--white);color:var(--navy)}
.btn-ghost:hover{background:var(--cream-2)}
.btn-sm{padding:.55rem 1rem;font-size:var(--text-sm);border-radius:12px}
.nav .btn-sm{padding:.5rem .95rem}
.btn-block{width:100%}
.btn-zalo{background:var(--blue);color:var(--navy);box-shadow:var(--shadow-sm)}
.text-link{font-weight:800;color:var(--teal-d);text-decoration:none}
.text-link:hover{text-decoration:underline}
.text-link.light{color:var(--yellow)}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:var(--line);background:#fdf2dc;min-height:min(820px,92vh);display:flex;flex-direction:column;justify-content:flex-start}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.55}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,246,230,.92) 0%,rgba(255,246,230,.7) 45%,rgba(255,246,230,0) 75%)}
.hero-copy{position:relative;z-index:2;padding-top:clamp(2.5rem,7vh,5.5rem);max-width:760px;margin-left:max(1.25rem,calc((100% - 1180px)/2))}
.eyebrow{display:inline-block;font-weight:800;font-size:var(--text-sm);background:var(--white);border:var(--line);border-radius:99px;padding:.3rem .9rem;margin-bottom:1.1rem}
.hero h1{font-size:var(--text-hero);font-weight:800;color:var(--navy);margin-bottom:.25em}
.hl{color:var(--red);position:relative;white-space:nowrap}
.hl::after{content:"";position:absolute;left:-.05em;right:-.05em;bottom:.34em;height:.2em;background:var(--yellow);z-index:-1;border-radius:6px}
.lead{font-size:var(--text-lg);max-width:36ch;color:var(--navy-2);font-weight:600;line-height:1.5}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.parade{position:relative;z-index:1;margin-top:auto;display:flex;align-items:flex-end;justify-content:center;gap:clamp(.2rem,1vw,1rem);padding:0 1rem;height:clamp(150px,24vw,270px);animation:walk 16s linear infinite alternate}
.parade .c{height:100%;width:auto;transform-origin:bottom center;animation:bob .9s ease-in-out infinite}
.parade .c2{animation-delay:.12s;height:94%}.parade .c3{animation-delay:.24s;height:80%}.parade .c4{animation-delay:.36s;height:70%}.parade .c5{animation-delay:.48s;height:62%}.parade .c6{animation-delay:.6s;height:54%}.parade .c7{animation-delay:.72s;height:70%}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes walk{from{transform:translateX(-3%)}to{transform:translateX(3%)}}

/* sections */
.section{padding-block:var(--sec-pad)}
.sec-title{font-size:var(--text-xl);font-weight:800}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}
.sec-head .sec-title{margin:0}
.sec-sub{color:var(--muted);max-width:44ch;margin:0;font-weight:600}
.tag{display:inline-block;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-d);margin-bottom:.4rem}
.tag-light{color:var(--yellow)}

/* ways */
.ways .sec-title{margin-bottom:1.8rem}
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.way{background:var(--white);border:var(--line);border-radius:var(--r-lg);padding:1.8rem 1.6rem 1.5rem;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.way:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.way p{color:var(--muted);flex:1}
.way-num{font-family:var(--f-display);font-weight:800;font-size:1.4rem;width:48px;height:48px;border:var(--line);border-radius:50%;display:grid;place-items:center;margin-bottom:1rem;background:var(--yellow)}
.way:nth-child(2) .way-num{background:var(--blue)}
.way:nth-child(3) .way-num{background:var(--red);color:var(--white)}
.way-link{font-weight:800;color:var(--teal-d)}

/* itineraries */
.itin{background:var(--white);border-block:var(--line)}
.itin-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1.4rem;align-items:stretch}
.card{background:var(--cream);border:var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.card-img{border-bottom:var(--line);aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card-img.cream img{object-fit:contain;padding:.6rem}
.card:hover .card-img img{transform:scale(1.04)}
.card-body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.card-body > p:not(.tag){color:var(--muted);flex:1}
.card-feature h3{font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem)}
.meta{margin:0 0 1rem;display:grid;gap:.35rem;font-size:var(--text-sm)}
.meta div{display:flex;gap:.5rem}
.meta dt{font-weight:800;min-width:64px}
.meta dd{margin:0;color:var(--muted)}
.card-feature .btn{align-self:flex-start}

/* seasons */
.season-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.season{border:var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.season img{aspect-ratio:3/1;object-fit:cover;width:100%;border-bottom:var(--line)}
.season-cream{background:var(--cream-2)}
.season-cream img{object-fit:contain;background:var(--cream);padding:.5rem}
.season-dark{background:var(--navy);color:var(--cream)}
.season-dark p{color:#dfe3f5}
.season-body{padding:1.4rem 1.6rem 1.6rem}
.season-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.season-chips li{border:var(--line);border-radius:99px;padding:.4rem 1rem;font-weight:800;font-size:var(--text-sm);background:var(--white)}

/* services */
.services{background:var(--blue);border-block:var(--line)}
.services .sec-sub{color:var(--navy)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.svc{background:var(--white);border:var(--line);border-radius:var(--r);padding:1.3rem 1.3rem 1.1rem;box-shadow:var(--shadow-sm)}
.svc svg{width:44px;height:44px;fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.6rem}
.svc:nth-child(3n+1) svg{stroke:var(--red)}
.svc h3{font-size:1.15rem;margin-bottom:.25rem}
.svc p{margin:0;color:var(--muted);font-size:var(--text-sm)}
.svc-wide{grid-column:span 3;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center;background:var(--yellow)}
.svc-wide svg{grid-row:span 2;margin:0;width:56px;height:56px;stroke:var(--navy)!important}
.svc-wide p{color:var(--navy)}

/* custom */
.custom{overflow:hidden}
.custom-in{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.custom .sec-sub{margin-bottom:1.6rem}
.steps{display:grid;gap:1rem}
.steps li{display:flex;gap:1rem;align-items:flex-start}
.steps li > span{flex:none;width:42px;height:42px;border-radius:12px;border:var(--line);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:1.2rem;background:var(--white)}
.steps li:last-child > span{background:var(--red);color:var(--white)}
.steps h3{font-size:1.15rem;margin:.1rem 0 .1rem}
.steps p{margin:0;color:var(--muted)}
.passport{position:relative;background:var(--red);border:var(--line);border-radius:22px;box-shadow:var(--shadow);padding:1.6rem;aspect-ratio:4/5;max-width:380px;margin-inline:auto;transform:rotate(-3deg)}
.pp-title{font-family:var(--f-display);font-weight:800;color:var(--yellow);font-size:1.5rem;text-align:center;margin-bottom:1.2rem}
.stamps{background:var(--cream);border:var(--line);border-radius:14px;height:72%;position:relative}
.stamp{position:absolute;font-family:var(--f-display);font-weight:800;font-size:1rem;border:3px solid currentColor;border-radius:50%;width:96px;height:96px;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.04em}
.s1{color:var(--red);top:10%;left:8%;transform:rotate(-12deg)}
.s2{color:var(--blue);top:14%;right:9%;transform:rotate(10deg)}
.s3{color:var(--teal);bottom:12%;left:14%;transform:rotate(8deg)}
.s4{color:var(--navy);bottom:8%;right:12%;transform:rotate(-8deg);border-style:dashed;opacity:.45}
.pp-cucai{position:absolute;width:42%;height:auto;aspect-ratio:333/480;right:-12%;bottom:-8%;transform:rotate(8deg)}

/* trust */
.trust{background:var(--white);border-block:var(--line)}
.trust .sec-title{margin-bottom:1.6rem}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:2.5rem}
.trust-item{border-top:var(--line);padding-top:1.1rem}
.trust-item p{color:var(--muted);margin:0}
.story{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;background:var(--cream);border:var(--line);border-radius:var(--r-lg);padding:1.6rem 2rem}
.story-chars{display:flex;align-items:flex-end;gap:.3rem}
.story-chars img{height:130px;width:auto}
.story-chars img:nth-child(2){height:105px}
.story-chars img:nth-child(3){height:115px}
.story-copy p{margin:0;color:var(--navy-2);max-width:62ch}

/* guide */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.guide-card{border:var(--line);border-radius:var(--r);padding:1.4rem;text-decoration:none;background:var(--white);transition:background .2s;display:flex;flex-direction:column}
.guide-card:hover{background:var(--cream-2)}
.guide-card h3{flex:1}
.guide-card .read{margin:0;font-size:var(--text-xs);font-weight:700;color:var(--muted)}

/* form */
.form-sec{background:var(--yellow);border-top:var(--line)}
.form-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start}
.form-intro{position:relative}
.form-intro > p{font-weight:600;max-width:40ch}
.chat-alt{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:1.4rem}
.chat-alt p{margin:0;font-weight:800;width:100%}
.form-mouse{width:150px;margin-top:2rem}
.lead-form{background:var(--white);border:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:1rem;position:relative}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.lead-form label{display:grid;gap:.35rem;font-weight:800;font-size:var(--text-sm)}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{font:inherit;font-weight:600;font-size:var(--text-base);color:var(--navy);border:1.5px solid var(--khaki);border-radius:12px;padding:.7rem .85rem;background:var(--cream);width:100%;min-height:48px}
.lead-form textarea{resize:vertical}
.lead-form .invalid{border-color:var(--red)!important;background:#fde8e6!important}
fieldset{border:0;padding:0;margin:0}
legend{font-weight:800;font-size:var(--text-sm);margin-bottom:.45rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips label{display:block;cursor:pointer}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-block;border:1.5px solid var(--khaki);border-radius:99px;padding:.45rem .95rem;font-weight:700;background:var(--white);transition:background .15s}
.chips input:checked + span{background:var(--blue)}
.chips input:focus-visible + span{outline:3px solid var(--red);outline-offset:2px}
.form-err{margin:0;color:var(--red-d);font-weight:800;font-size:var(--text-sm)}
.fine{margin:0;font-size:var(--text-xs);color:var(--muted);text-align:center}
.form-ok{position:absolute;inset:0;background:var(--white);border-radius:var(--r-lg);display:flex;align-items:center;gap:1.2rem;padding:2rem}
.form-ok[hidden]{display:none}
.form-ok img{width:110px;flex:none}

/* footer */
.site-footer{background:var(--navy);color:var(--cream);padding-top:3.5rem}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.site-footer h3{font-size:1rem;color:var(--yellow);font-family:var(--f-body);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.site-footer li{margin-bottom:.4rem;font-size:var(--text-sm);color:#dfe3f5}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.foot-brand p{margin:.8rem 0 0;color:#dfe3f5}
.foot-brand .op{font-size:var(--text-sm);opacity:.85}
.foot-base{border-top:1px solid rgba(255,255,255,.18);margin-top:2.5rem;padding-block:1.2rem;font-size:var(--text-xs);color:#b9c0dd}
.foot-base p{margin:0}

/* floating chat */
.float-chat{position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;align-items:center;gap:.5rem;background:var(--white);border:var(--line);border-radius:99px;padding:.3rem 1rem .3rem .3rem;box-shadow:var(--shadow-sm);text-decoration:none;font-weight:800}
.float-chat img{width:42px;height:42px}

/* responsive */
@media (max-width:980px){
  .itin-grid{grid-template-columns:1fr 1fr}
  .card-feature{grid-column:span 2}
  .card-feature .card-img{aspect-ratio:21/9}
  .svc-grid{grid-template-columns:1fr 1fr}
  .svc-wide{grid-column:span 2}
  .custom-in,.form-in{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav-btn{display:flex}
  .nav ul{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--cream);border-bottom:var(--line);padding:.75rem 1.25rem 1.25rem;gap:.15rem}
  .nav ul.open{display:flex}
  .nav a{display:block;padding:.8rem .5rem;font-size:var(--text-base)}
  .nav-cta{margin:.5rem 0 0}
  .nav-cta .btn{width:100%}
}
@media (max-width:640px){
  .ways-grid,.trust-grid,.guide-grid,.season-grid,.grid2{grid-template-columns:1fr}
  .itin-grid,.svc-grid{grid-template-columns:1fr}
  .card-feature,.svc-wide{grid-column:auto}
  .card-feature .card-img{aspect-ratio:16/10}
  .season img{aspect-ratio:2.2/1}
  .story{grid-template-columns:1fr;padding:1.4rem;text-align:left}
  .story-chars img{height:96px}.story-chars img:nth-child(2){height:78px}.story-chars img:nth-child(3){height:86px}
  .hero{min-height:auto}
  .hero-copy{margin-left:auto}
  .hero-bg img{object-position:30% 40%}
  .parade{height:clamp(84px,25vw,150px);gap:1.2%;margin-top:2rem;padding:0 .5rem;justify-content:center;animation:none}
  .pp-cucai{right:-4%}
  .cta-row .btn{flex:1 1 100%}
  .form-mouse{display:none}
  .foot-in{grid-template-columns:1fr}
  .float-chat span{display:none}
  .float-chat{padding:.3rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ===== Bản B ===== */
.ver-link{color:var(--yellow);font-weight:800}
.ai-badge{position:absolute;right:.6rem;bottom:.6rem;z-index:3;background:rgba(21,31,70,.78);color:#fff;font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;letter-spacing:.02em}
.hero-b{position:relative;min-height:min(760px,88vh);display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-bottom:var(--line);background:var(--navy)}
.hero-photo{position:absolute;top:0;bottom:0;left:40%;width:60%;height:100%;object-fit:cover;object-position:52% 35%}
.hero-b::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 40%,rgba(255,246,230,.6) 44%,rgba(255,246,230,0) 50%)}
.hero-b{background:var(--cream)}
.hero-b-in{position:relative;z-index:2;padding-block:clamp(3rem,8vh,6rem)}
.hero-b-copy{max-width:600px}
.hero-b h1{font-size:clamp(2.5rem,1.6rem + 3.8vw,4.8rem);font-weight:800;color:var(--navy);margin-bottom:.35em}
.hero-b .hl{white-space:normal}
.hero-b .hl::after{display:none}
.hero-b .hl{color:var(--red-d);background:linear-gradient(transparent 68%,rgba(255,201,60,.75) 68%,rgba(255,201,60,.75) 90%,transparent 90%)}
.hero-sign{display:flex;align-items:center;gap:.6rem;margin-top:1.8rem;font-family:var(--f-display);font-weight:700;font-size:1.15rem;color:var(--navy-2)}
.hero-sign img{animation:hop 1.2s ease-out 1 .6s both}
@keyframes hop{0%{transform:translateY(12px) rotate(-10deg);opacity:0}60%{transform:translateY(-6px) rotate(4deg);opacity:1}100%{transform:none;opacity:1}}

.facts{background:var(--navy);color:var(--cream)}
.facts-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;padding-block:1.4rem}
.facts li{display:flex;align-items:center;gap:.85rem;padding:.2rem .4rem;position:relative}
.facts li+li::before{content:"";position:absolute;left:-.55rem;top:15%;bottom:15%;border-left:1.5px dashed rgba(255,246,230,.28)}
.facts li>div{display:flex;flex-direction:column;min-width:0}
.fi{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;border:2.5px solid var(--cream);box-shadow:3px 3px 0 rgba(0,0,0,.35);transform:rotate(-4deg);transition:transform .25s}
.facts li:nth-child(even) .fi{transform:rotate(4deg)}
.facts li:hover .fi{transform:rotate(0) scale(1.08)}
.fi svg{width:34px;height:34px}
.fi-y .fi{background:var(--yellow);color:var(--navy)}
.fi-r .fi{background:var(--red);color:#fff}
.fi-b .fi{background:var(--blue);color:var(--navy)}
.fi-c .fi{background:var(--cream);color:var(--navy)}
.facts strong{font-family:var(--f-display);font-size:1.25rem;color:var(--yellow);line-height:1.2}
.facts span{font-size:var(--text-sm);color:#dfe3f5}

.way{box-shadow:var(--shadow-sm)}
.card-img img{object-position:center 40%}
.season.photo img,.season img{aspect-ratio:16/8;object-fit:cover;padding:0;background:none}
.season-cream.photo img{object-fit:cover;padding:0}

.svc-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-bottom:1.1rem}
.svc-ph{margin:0;background:var(--white);border:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}
.svc-ph .ph{position:relative;aspect-ratio:4/3;border-bottom:var(--line);overflow:hidden}
.svc-ph img{width:100%;height:100%;object-fit:cover}
.svc-ph figcaption{padding:1rem 1.2rem 1.1rem}
.svc-ph h3{font-size:1.15rem;margin-bottom:.2rem}
.svc-ph p{margin:0;color:var(--muted);font-size:var(--text-sm)}
.svc-grid-b{grid-template-columns:repeat(3,1fr)}
.svc-grid-b .svc-wide-b{grid-column:span 3}

.story-chars img{height:120px!important}
.guide-card.has-img{padding:0;overflow:hidden}
.guide-card.has-img img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:var(--line)}
.guide-card.has-img .tag{margin:1rem 1.3rem .3rem}
.guide-card.has-img h3{margin:0 1.3rem .6rem}
.guide-card.has-img .read{margin:0 1.3rem 1.2rem}

@media (max-width:980px){
  .svc-photos{grid-template-columns:1fr 1fr}
  .svc-photos .svc-ph:last-child{grid-column:span 2}
  .svc-photos .svc-ph:last-child .ph{aspect-ratio:21/9}
  .svc-grid-b{grid-template-columns:1fr 1fr}
  .svc-grid-b .svc-wide-b{grid-column:span 2}
  .facts-in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hero-b{min-height:auto;justify-content:flex-start}
  .hero-photo{position:relative;left:0;width:100%;height:auto;aspect-ratio:4/3;object-position:52% 50%;order:1}
  .hero-b::before{display:none}
  .hero-b{background:var(--cream)}
  .hero-b .ai-badge{bottom:auto;top:calc(75vw - 2.2rem)}
  .hero-b-in{order:2;padding-block:1.6rem 2rem}
  .hero-b .wrap:last-child{order:3}
  .svc-photos,.svc-grid-b{grid-template-columns:1fr}
  .svc-photos .svc-ph:last-child,.svc-grid-b .svc-wide-b{grid-column:auto}
  .svc-photos .svc-ph:last-child .ph{aspect-ratio:4/3}
  .facts-in{grid-template-columns:1fr 1fr;gap:.9rem}
}

/* ===== Đội Củ Cải (bản chính thức) ===== */
.crew{background:var(--cream);border-top:var(--line);padding-top:clamp(3rem,7vw,5rem);overflow:hidden}
.crew-in{display:grid;grid-template-columns:minmax(0,640px);justify-content:center;text-align:center}
.crew-copy p:not(.tag){color:var(--navy-2);font-size:var(--text-lg,1.125rem);margin-inline:auto;max-width:58ch}
.crew .tag{display:inline-block}
.parade-b{margin-top:clamp(1.5rem,4vw,2.5rem);height:clamp(130px,20vw,250px);margin-bottom:clamp(2rem,5vw,3.5rem)}
.crew .sec-title{text-wrap:balance}
.crew{padding-bottom:0}
.parade-b .c{filter:none}

/* Hero ảnh thật: chữ trái, ảnh phải */
.hero-b-copy{max-width:min(600px,calc(40vw - 5.5rem))}
.hero-b h1{font-size:clamp(2.5rem,1.4rem + 2.6vw,4.2rem)}
@media (max-width:980px){
  .hero-b{min-height:auto;justify-content:flex-start}
  .hero-b::before{display:none}
  .hero-photo{position:relative;left:0;width:100%;height:auto;aspect-ratio:16/10;object-position:52% 45%;order:1}
  .hero-b-in{order:2;padding-block:1.8rem 2.2rem}
  .hero-b-copy{max-width:640px}
  .hero-b .wrap:last-child{order:3}
}
@media (max-width:640px){ .hero-photo{aspect-ratio:4/3} }

@media (max-width:640px){.facts-in{grid-template-columns:1fr 1fr;gap:1.1rem .8rem}.facts li{flex-direction:column;align-items:flex-start;gap:.55rem}.facts li+li::before{display:none}.fi{width:44px;height:44px;border-radius:13px}.fi svg{width:28px;height:28px}}
.facts span,.facts strong{text-wrap:balance}

/* ===== Ba cách – nền navy ===== */
.facts{border-bottom:1.5px dashed rgba(255,246,230,.18)}
.ways-b{background:var(--navy);color:var(--cream);border-bottom:var(--line);padding-top:clamp(2.5rem,5vw,4rem)}
.ways-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.4rem}
.ways-b .sec-title{color:var(--cream);margin:0}
.ways-head p{margin:0;color:#c9cfe8;max-width:42ch}
.hl-y{color:var(--yellow)}
.ways-track{display:flex;align-items:center;gap:.9rem;font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#aeb6d8;margin-bottom:1.4rem}
.ways-track i{flex:1;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--yellow) 50%,var(--red));position:relative}
.ways-track i::after{content:"";position:absolute;right:-6px;top:50%;width:0;height:0;border-left:10px solid var(--red);border-top:8px solid transparent;border-bottom:8px solid transparent;transform:translateY(-50%)}
.ways-b .ways-grid{gap:1.4rem;align-items:stretch}
.ways-b .way{position:relative;border:1.5px solid var(--sand);border-radius:var(--r-lg);padding:1.5rem 1.5rem 1.4rem;box-shadow:var(--shadow);color:var(--navy);display:flex;flex-direction:column;overflow:hidden}
.ways-b .way:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:10px 10px 0 rgba(0,0,0,.5)}
.w-blue{background:var(--blue)}.w-yellow{background:var(--yellow)}.w-red{background:#D13A30;color:#fff!important}
.way-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}
.way-n{font-family:var(--f-display);font-weight:800;font-size:3.2rem;line-height:.9;color:var(--navy);opacity:.9}
.w-red .way-n{color:#fff}
.way-ic{width:64px;height:64px;border-radius:50%;background:#fff;border:1.5px solid var(--sand);display:grid;place-items:center;color:var(--navy);transform:rotate(6deg);transition:transform .3s}
.way:hover .way-ic{transform:rotate(-6deg) scale(1.06)}
.way-ic svg{width:36px;height:36px}
.w-red .way-ic{color:var(--red-d)}
.ways-b .way h3{font-size:1.35rem;margin:0 0 .45rem;color:inherit}
.ways-b .way p{color:inherit;opacity:.88;margin:0 0 .9rem;flex:none}
.ways-b .way .way-fit{flex:1;opacity:1;font-size:var(--text-sm);background:rgba(255,255,255,.45);border:1.5px dashed rgba(21,31,70,.45);border-radius:12px;padding:.55rem .75rem}
.w-red .way-fit{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.55)!important}
.way-cta{align-self:flex-start;display:inline-flex;gap:.4rem;align-items:center;background:var(--navy);color:var(--cream);font-weight:800;border-radius:99px;padding:.6rem 1.1rem;margin-top:.3rem;transition:gap .2s}
.w-red .way-cta{background:#fff;color:var(--red-d)}
.way:hover .way-cta{gap:.75rem}
.ways-help{margin:1.6rem 0 0;color:#c9cfe8}
.ways-help a{color:var(--yellow);font-weight:800}
@media (max-width:980px){.ways-b .ways-grid{grid-template-columns:1fr}.ways-b .way{display:grid;grid-template-columns:1fr}}
@media (max-width:640px){.way-n{font-size:2.7rem}.way-ic{width:54px;height:54px}.way-ic svg{width:30px;height:30px}.ways-track span{font-size:.65rem}}

/* ===== Nền sáng cho dải thông tin + Ba cách (thay navy) ===== */
.facts{background:var(--white);color:var(--navy);border-bottom:var(--line)}
.facts strong{color:var(--navy)}
.facts span{color:var(--muted)}
.facts li+li::before{border-left:1.5px dashed rgba(21,31,70,.22)}
.fi{border:1.5px solid var(--sand);box-shadow:0 2px 6px rgba(110,84,40,.18)}
.fi-c .fi{background:#E7F0D9}

.ways-b{background-color:var(--cream-2);background-image:radial-gradient(rgba(21,31,70,.09) 1.4px,transparent 1.6px);background-size:22px 22px;color:var(--navy);border-bottom:var(--line)}
.ways-b .sec-title{color:var(--navy)}
.hl-y{color:var(--red-d);background:linear-gradient(transparent 62%,rgba(255,201,60,.85) 62%,rgba(255,201,60,.85) 92%,transparent 92%)}
.ways-head p{color:var(--muted)}
.ways-track{color:var(--muted)}
.ways-track i{border:1.5px solid var(--sand);height:12px}
.ways-track i::after{border-left-color:var(--khaki);right:-9px}
.ways-b .way{border:var(--line);box-shadow:var(--shadow)}
.ways-b .way:hover{box-shadow:var(--shadow-hover)}
.ways-b .way .way-fit{background:rgba(255,255,255,.6)}
.ways-help{color:var(--muted)}
.ways-help a{color:var(--teal-d)}

/* ===== Lịch trình gợi ý – bưu thiếp ===== */
.itin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.6rem}
.itin-head .sec-sub{margin:.3rem 0 0;max-width:52ch}
.itin-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{font:inherit;font-weight:800;font-size:var(--text-sm);color:var(--navy);background:var(--white);border:1.5px solid var(--khaki);border-radius:99px;padding:.45rem 1rem;cursor:pointer;transition:background .2s,transform .2s}
.chip:hover{background:var(--cream-2);transform:translateY(-2px)}
.chip.is-on{background:var(--navy);color:var(--yellow)}
.itin-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.pcard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--cream);border:var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.pcard[hidden]{display:none}
.pcard:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.pcard-img{position:relative;border-right:var(--line);min-height:100%;background:var(--navy)}
.pcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pcard:hover .pcard-img img{transform:scale(1.05)}
.pcard-img.split img:first-child{clip-path:polygon(0 0,100% 0,100% 38%,0 62%)}
.pcard-img.split img:nth-child(2){clip-path:polygon(0 62%,100% 38%,100% 100%,0 100%)}
.pstamp{position:absolute;top:.8rem;left:.8rem;background:var(--yellow);color:var(--navy);font-family:var(--f-display);font-weight:800;font-size:.95rem;padding:.3rem .8rem;border:1.5px solid var(--sand);border-radius:10px;transform:rotate(-4deg);box-shadow:0 2px 6px rgba(110,84,40,.18)}
.pdays{position:absolute;bottom:.8rem;left:.8rem;background:rgba(255,255,255,.95);color:var(--navy);font-weight:800;font-size:var(--text-xs);padding:.3rem .7rem;border-radius:99px;border:1.5px solid var(--sand)}
.pcard-body{padding:1.2rem 1.3rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}
.pcard-top{display:flex;flex-direction:column;gap:.35rem}
.pcard-top h3{margin:0;font-size:1.3rem;line-height:1.2}
.pace{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:800;color:var(--muted)}
.pace i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--khaki);background:transparent}
.pace i.on{background:var(--red)}
.pace em{font-style:normal;margin-left:.3rem;text-transform:uppercase;letter-spacing:.05em}
.tl{list-style:none;margin:0;padding:0 0 0 .2rem;display:grid;gap:.5rem;position:relative}
.tl::before{content:"";position:absolute;left:.62rem;top:.5rem;bottom:.5rem;border-left:2px dashed rgba(21,31,70,.35)}
.tl li{position:relative;padding-left:1.7rem;font-size:var(--text-sm);line-height:1.45}
.tl li::before{content:"";position:absolute;left:.18rem;top:.28rem;width:12px;height:12px;border-radius:50%;background:var(--white);border:1.5px solid var(--khaki)}
.tl li:first-child::before{background:var(--yellow)}
.tl li:last-child::before{background:var(--red)}
.tl b{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--teal-d)}
.tl span{color:var(--navy-2)}
.split-box{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:var(--text-xs);line-height:1.4}
.split-box div{border-radius:12px;padding:.5rem .65rem;border:1.5px solid var(--sand)}
.sb-lo{background:#DCEFFA}.sb-free{background:#FFF0C2}
.split-box dt{font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}
.split-box dd{margin:0;color:var(--navy-2)}
.pcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.price{font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.itin-more{margin:1.6rem 0 0;color:var(--muted)}
.itin-more a{color:var(--teal-d);font-weight:800}
@media (max-width:1180px){.itin-list{grid-template-columns:1fr}.pcard{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media (max-width:640px){
  .pcard{grid-template-columns:1fr}
  .pcard-img{border-right:0;border-bottom:var(--line);aspect-ratio:16/10;min-height:0}
  .split-box{grid-template-columns:1fr}
  .itin-filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*var(--gutter,1.25rem));padding:.2rem var(--gutter,1.25rem) .6rem;scrollbar-width:none}
  .chip{flex:none}
  .pcard-foot .btn{width:100%;justify-content:center}
}

/* ===== Trang chủ: 6 thẻ lịch trình gọn ===== */
.btn-outline{background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm)}
.btn-outline:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover);background:var(--cream-2)}
.icard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.icard{position:relative;background:var(--cream);border:var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.icard:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.icard-img{position:relative;aspect-ratio:4/3;border-bottom:var(--line);background:var(--navy);overflow:hidden}
.icard-img img,.pcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.icard:hover .icard-img img{transform:scale(1.05)}
.icard-img.split img:first-child{clip-path:polygon(0 0,100% 0,100% 38%,0 62%)}
.icard-img.split img:nth-child(2){clip-path:polygon(0 62%,100% 38%,100% 100%,0 100%)}
.icard-body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.icard-body h3{margin:0;font-size:1.25rem;line-height:1.2}
.icard-body h3 a{color:inherit;text-decoration:none}
.icard-body h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.icard-body p{margin:0;color:var(--muted);font-size:var(--text-sm)}
.icard-body .icard-lo{flex:1;color:var(--navy-2)}
.icard-lo b{color:var(--navy)}
.icard-cta{font-weight:800;color:var(--teal-d);margin-top:.35rem}
.icard:hover .icard-cta{text-decoration:underline}
.itin-all{margin-top:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.itin-all p{margin:0;color:var(--muted)}
.itin-all p a{color:var(--teal-d);font-weight:800}
@media (max-width:980px){.icard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .icard-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin-inline:-1.25rem;padding:.2rem 1.25rem 1rem;scrollbar-width:none}
  .icard{flex:0 0 82%;scroll-snap-align:start;box-shadow:var(--shadow-sm)}
  .itin-head .btn-outline{display:none}
  .itin-all .btn{width:100%}
}

/* ===== Trang Lịch trình gợi ý ===== */
.itin-hero{background:var(--cream-2);background-image:radial-gradient(rgba(21,31,70,.09) 1.4px,transparent 1.6px);background-size:22px 22px;border-bottom:var(--line);padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.crumb{display:flex;gap:.5rem;font-size:var(--text-sm);font-weight:700;color:var(--muted);margin-bottom:.8rem}
.crumb a{color:var(--teal-d)}
.itin-hero h1{font-family:var(--f-display);font-size:clamp(2.2rem,1.6rem + 2.5vw,3.4rem);line-height:1.05;margin:0 0 .6rem}
.itin-hero .lead{max-width:60ch;margin:0}
.itin-bar{background:var(--white);border-bottom:var(--line);position:sticky;top:var(--hdr,75px);z-index:30}
.itin-bar-in{display:flex;flex-wrap:wrap;gap:.7rem 2rem;align-items:center;padding:.85rem 0}
.fgroup{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.flabel{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:.3rem}
.fcount{margin:0 0 0 auto;font-size:var(--text-sm);color:var(--muted)}
.fcount b{color:var(--navy);font-size:1.1rem}
.itin-page{background:var(--white)}
.pcard{scroll-margin-top:170px}
.pcat{margin:0;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-d)}
.itin-empty{text-align:center;border:1.5px dashed var(--sand);border-radius:var(--r-lg);padding:2.5rem 1.5rem;background:var(--cream)}
.itin-empty h2{font-family:var(--f-display);margin:0 0 .4rem}
.itin-empty p{color:var(--muted)}
.itin-cta{background:var(--yellow);border-top:var(--line)}
.itin-cta-in{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.itin-cta h2{font-family:var(--f-display);margin:0 0 .3rem}
.itin-cta p{margin:0;max-width:56ch}
.itin-cta .btn-primary{background:var(--white)}
.nav a[aria-current=page]{color:var(--teal-d)}
@media (max-width:640px){
  .itin-bar{position:static}
  .fgroup{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;padding-bottom:.2rem}
  .chip{flex:none}
  .fcount{margin:0}
  .pcard{scroll-margin-top:90px}
}
.swipe-hint{display:none}
@media (max-width:640px){
  .icard-grid{scroll-padding-inline:1.25rem}
  .swipe-hint{display:block;margin:.2rem 0 0;font-size:var(--text-xs);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
  .itin-all{margin-top:1.2rem}
}
.flabel{white-space:nowrap;flex:none}

/* ===== Đi đúng mùa ===== */
.season-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--cream-2);flex-direction:initial}
.season-feature .season-img{position:relative;border-right:var(--line);min-height:300px}
.season-feature .season-img img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;padding:0}
.season-feature .season-body{display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:clamp(1.4rem,3vw,2.4rem)}
.season-feature h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:0}
.season-feature .btn{align-self:flex-start;margin-top:.6rem}
.season-next{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.season-next .flabel{margin:0}
.season-next .season-chips{margin:0;padding:0;list-style:none}
@media (max-width:760px){
  .season-feature{grid-template-columns:1fr}
  .season-feature .season-img{border-right:0;border-bottom:var(--line);min-height:0;aspect-ratio:16/10}
}
.season-feature .season-img .pstamp{z-index:1}
.season-warn{font-size:var(--text-sm);background:rgba(255,255,255,.6);border:1.5px dashed rgba(21,31,70,.45);border-radius:12px;padding:.55rem .75rem;margin:.3rem 0 0}
.season-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.4rem;margin-top:1.4rem;align-items:center}
.season-mini{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;align-items:center;background:var(--white);border:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:.75rem;overflow:hidden}
.season-mini img{width:150px;height:120px;object-fit:cover;border-radius:12px;border:1.5px solid var(--sand)}
.season-mini h3{margin:0 0 .2rem;font-size:1.15rem}
.season-mini p{margin:0 0 .3rem;font-size:var(--text-sm);color:var(--muted)}
.season-mini .tag{color:var(--teal-d)}
.season-row .season-next{margin:0}
@media (max-width:760px){
  .season-row{grid-template-columns:1fr}
  .season-mini{grid-template-columns:96px minmax(0,1fr)}
  .season-mini img{width:96px;height:96px}
}
.season-feature .season-img img{object-position:40% 50%}

/* ===== Tab Riêng / Ghép + thẻ ghép ===== */
.itabs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:640px;margin:0 0 1.5rem}
.itab{font:inherit;text-align:left;cursor:pointer;background:var(--white);color:var(--navy);border:var(--line);border-radius:16px;padding:.75rem 1rem;display:grid;gap:.1rem;transition:transform .15s,box-shadow .15s,background .2s}
.itab b{font-family:var(--f-display);font-size:1.1rem}
.itab span{font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.itab:hover{transform:translateY(-2px)}
.itab.is-on{background:var(--navy);color:var(--cream);box-shadow:var(--shadow-sm)}
.itab.is-on span{color:var(--yellow)}
.itab:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ghep-why{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#E7F0D9;border:1.5px dashed var(--sand);border-radius:16px;padding:.8rem 1rem;margin-bottom:1.3rem}
.ghep-why p{margin:0;max-width:75ch;font-size:var(--text-sm)}
.demo-tag{font-style:normal;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--red-d);background:#fff;border:1.5px solid var(--red-d);border-radius:99px;padding:.15rem .55rem;white-space:nowrap}
.pseason,.pghep{position:absolute;right:.8rem;top:.8rem;font-size:var(--text-xs);font-weight:800;padding:.3rem .65rem;border-radius:99px;border:1.5px solid var(--sand);z-index:1}
.pseason{background:var(--blue);color:var(--navy)}
.pghep{background:#7CC47F;color:var(--navy)}
.pseason+.pghep{top:2.6rem}
.is-ghep{background:#F2F8EA}
.dep-next{margin:0;font-size:var(--text-sm);color:var(--navy-2)!important}
.seats{display:grid;gap:.25rem;font-size:var(--text-xs)}
.sdots{display:flex;gap:3px}
.sdots i{width:12px;height:12px;border-radius:3px;border:1.5px solid var(--khaki);background:#fff}
.sdots i.on{background:var(--navy)}
.stxt{color:var(--muted);font-weight:700}
.stxt b{color:var(--teal-d)}
.stxt b.ok{color:#2E7D32}
.is-ghep .icard-body .seats{flex:1}
.deps{border:1.5px solid var(--sand);border-radius:12px;background:#fff;padding:.6rem .75rem}
.deps .flabel{display:flex;gap:.5rem;align-items:center;margin:0 0 .4rem}
.deps ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.deps li{display:grid;grid-template-columns:92px 1fr;gap:.6rem;align-items:center}
.dd{font-weight:800;font-size:var(--text-sm)}
@media (max-width:640px){
  .itabs{grid-template-columns:1fr 1fr;gap:.5rem}
  .itab{padding:.6rem .7rem}
  .itab b{font-size:.98rem}
  #pan-ghep .icard-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin-inline:-1.25rem;padding:.2rem 1.25rem 1rem;scroll-padding-inline:1.25rem;scrollbar-width:none}
  .sdots i{width:11px;height:11px}
}
[role=tabpanel][hidden]{display:none!important}
.pbadges{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;display:flex;flex-wrap:wrap;gap:.35rem;z-index:1}
.pbadges .pdays,.pbadges .pseason,.pbadges .pghep{position:static}
.pbadges .pseason,.pbadges .pghep{top:auto;right:auto}
.deps .flabel{flex-wrap:wrap}
@media (min-width:1181px){
  .itin-page .pcard.is-ghep{grid-column:1/-1;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr)}
  .itin-page .pcard.is-ghep .pcard-body{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem;align-content:start}
  .itin-page .pcard.is-ghep .pcard-top,.itin-page .pcard.is-ghep .pcard-foot{grid-column:1/-1}
  .itin-page .pcard.is-ghep .deps{grid-row:span 2}
}

/* ===== Tour ghép: khối riêng + trang riêng ===== */
.ghep-sec{background:#F2F8EA;border-top:var(--line);border-bottom:var(--line)}
.ghep-sec .icard{background:var(--white)}
.hero-alt{margin:.4rem 0 0;font-weight:700;color:var(--navy-2)}
.hero-alt a{color:var(--teal-d);font-weight:800}
.ghep-hero{background-color:#E7F0D9}
.gsteps{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:none}
.gsteps li{background:var(--white);border:var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow-sm);display:grid;gap:.3rem;align-content:start}
.gsteps .gs-n{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--navy);color:var(--yellow);font-family:var(--f-display);font-size:1.15rem;font-weight:800}
.gsteps b{font-family:var(--f-display);font-size:1.1rem}
.gsteps p{margin:0;font-size:var(--text-sm);color:var(--navy-2)}
.ghep-cal{padding-top:0}
.cal-head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.cal-head .sec-title{margin:0}
.dtable-wrap{border:var(--line);border-radius:16px;background:var(--white);overflow:hidden}
.dtable{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.dtable th{text-align:left;background:var(--navy);color:var(--cream);font-weight:800;padding:.7rem .9rem}
.dtable td{padding:.75rem .9rem;border-top:2px solid rgba(21,31,70,.12);vertical-align:middle}
.dtable td.dd{font-weight:800;white-space:nowrap}
.dtable td a{font-weight:800;color:var(--navy);text-decoration:underline;text-decoration-color:var(--teal-d);text-underline-offset:3px}
.dtable .dt-sub{display:block;color:var(--muted);font-size:var(--text-xs);font-weight:700}
.list-title{margin-bottom:1.25rem}
@media (max-width:980px){.gsteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .gsteps{grid-template-columns:1fr}
  .dtable thead{display:none}
  .dtable,.dtable tbody,.dtable tr,.dtable td{display:block;width:100%}
  .dtable tr{padding:.6rem .9rem;border-top:2px solid rgba(21,31,70,.12)}
  .dtable tr:first-child{border-top:0}
  .dtable td{border:0;padding:.15rem 0}
}

/* ===== Dịch vụ lẻ – thiết kế lại ===== */
.sv-sec{background:#E4F3FB;background-image:radial-gradient(rgba(21,31,70,.08) 1.4px,transparent 1.6px);background-size:22px 22px}
.sv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;flex-wrap:wrap;margin-bottom:2rem}
.sv-head .sec-title{margin-bottom:.3rem}
.sv-head .sec-sub{margin:0;max-width:52ch}
.sv-steps{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.sv-steps li{display:flex;align-items:center;gap:.5rem;background:var(--white);border:1.5px solid var(--sand);border-radius:99px;padding:.35rem .9rem .35rem .35rem;font-size:var(--text-sm);font-weight:800}
.sv-steps b{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--yellow);border:1.5px solid var(--sand);font-family:var(--f-display)}
.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.sv{display:flex;flex-direction:column;background:var(--white);border:var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}
.sv:hover{transform:translate(-2px,-3px);box-shadow:var(--shadow)}
.sv-ph{position:relative;aspect-ratio:3/2;overflow:hidden;border-bottom:var(--line);background:var(--cream-2)}
.sv-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sv:hover .sv-ph img{transform:scale(1.04)}
.sv-body{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.3rem 1.2rem;flex:1}
.sv-n{position:absolute;top:-1.35rem;left:1.1rem;display:inline-grid;place-items:center;min-width:2.7rem;height:2.7rem;padding:0 .5rem;border-radius:14px;background:var(--red);color:#fff;border:1.5px solid var(--sand);font-family:var(--f-display);font-weight:800;font-size:1.05rem;box-shadow:0 2px 6px rgba(110,84,40,.18);transform:rotate(-4deg)}
.sv h3{font-size:1.25rem;margin:.55rem 0 0}
.sv p{margin:0;color:var(--navy-2);font-size:var(--text-sm)}
.sv-chips{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:.2rem 0 0;padding:0}
.sv-chips li{font-size:var(--text-xs);font-weight:800;background:var(--cream);border:1.5px solid var(--sand);border-radius:99px;padding:.1rem .6rem}
.sv-cta{margin-top:auto;padding-top:.4rem;font-weight:800;color:var(--teal-d);text-decoration:none}
.sv-cta:hover{text-decoration:underline}
.sv-feature,.sv-support{grid-column:span 2;flex-direction:row}
.sv-feature .sv-ph,.sv-support .sv-ph{flex:0 0 58%;aspect-ratio:3/2;border-bottom:0;border-right:var(--line)}
.sv-feature .sv-body,.sv-support .sv-body{justify-content:center;padding:1.6rem 1.6rem 1.4rem}
.sv-feature .sv-n,.sv-support .sv-n{position:static;align-self:flex-start;margin-bottom:.2rem}
.sv-feature h3,.sv-support h3{font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);margin:0}
.sv-feature{background:#FFF4D1}
.sv-feature .sv-n{background:var(--yellow);color:var(--navy)}
.sv-support{background:#D13A30;color:#fff}
.sv-support p{color:#fff}
.sv-support .sv-chips li{background:#fff;color:var(--navy);border-color:var(--khaki)}
.sv-support .sv-cta{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sv-support .sv-n{background:var(--yellow);color:var(--navy)}
.sv-mini{background:var(--yellow)}
.sv-mini .sv-body{justify-content:center;padding:1.6rem 1.4rem}
.sv-mini .sv-n{position:static;align-self:flex-start;background:var(--white);color:var(--navy)}
.sv-mini svg{width:52px;height:52px;fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-top:.4rem}
.sv-mini p{color:var(--navy)}
.sv-mini .sv-cta{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){
  .sv-grid{grid-template-columns:1fr 1fr}
  .sv-feature,.sv-support{grid-column:span 2;flex-direction:column}
  .sv-feature .sv-ph,.sv-support .sv-ph{flex:none;border-right:0;border-bottom:var(--line)}
}
@media (max-width:640px){
  .sv-grid{grid-template-columns:1fr}
  .sv-feature,.sv-support{grid-column:auto}
  .sv-steps{flex-direction:column;align-items:flex-start}
  .sv-feature .sv-body,.sv-support .sv-body,.sv-mini .sv-body{padding:1.2rem 1.2rem 1.1rem}
}
@media (prefers-reduced-motion:reduce){.sv,.sv-ph img{transition:none}.sv:hover{transform:none}.sv:hover .sv-ph img{transform:none}}

/* Logo header: củ cải không nền */
.brand img.brand-mark{width:auto;height:58px;margin:-6px 0 -8px}
@media (max-width:640px){.brand img.brand-mark{height:50px;margin:-4px 0 -6px}}

/* ===== Về Diladi (gộp) ===== */
.about .parade-b{margin-bottom:0}
.why-band{background:var(--white);border-top:var(--line);padding:clamp(2.2rem,5vw,3.5rem) 0 clamp(2.5rem,6vw,4rem)}
.why-title{font-family:var(--f-display);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);text-align:center;margin:0 0 1.5rem}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;list-style:none;margin:0;padding:0}
.why-card{background:var(--cream);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:1.25rem 1.3rem 1.2rem}
.why-card svg{width:42px;height:42px;fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.5rem}
.why-card h3{font-size:1.2rem;margin:0 0 .3rem}
.why-card p{margin:0;color:var(--navy-2);font-size:var(--text-sm)}
.endorse{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:1.6rem auto 0;font-weight:700;color:var(--navy-2);font-size:var(--text-sm);text-align:left}
.endorse img{width:36px;height:36px;flex:none}
@media (max-width:980px){.why-grid{grid-template-columns:1fr}.why-card{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start}.why-card svg{grid-row:span 2;margin:0}}

/* Về Diladi: nhân vật + làm/không làm */
.crew-copy p+p{margin-top:.8rem}
.pz-wrap{padding:clamp(2rem,5vw,3rem) 0 clamp(2.2rem,5vw,3.2rem)}
.pz-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.pz{display:grid;grid-template-columns:80px 1fr;gap:.8rem;align-items:start;background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:1rem}
.pz img{width:80px;height:auto}
.pz h4{margin:0 0 .2rem;font-size:1.1rem}
.pz p{margin:0 0 .45rem;font-size:var(--text-sm);color:var(--navy-2)}
.pz a{font-weight:700;font-size:var(--text-sm);color:var(--teal-d);text-decoration:none}
.pz a:hover{text-decoration:underline}
.pz:last-child{background:var(--yellow)}
.pz:last-child a{color:var(--navy)}
.dd{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.4rem}
.dd-col{border-top:var(--line);padding-top:1rem}
.dd-col h4{margin:0 0 .5rem;font-size:1.1rem}
.dd-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.dd-col li{position:relative;padding-left:1.6rem;color:var(--navy-2);font-size:var(--text-sm)}
.dd-col li::before{position:absolute;left:0;top:0;font-weight:800}
.dd-yes li::before{content:"✓";color:#2E7D4F}
.dd-no li::before{content:"✕";color:var(--red)}
@media (max-width:1100px){.pz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pz-grid{grid-template-columns:1fr}.pz{grid-template-columns:52px 1fr;padding:.85rem}.pz img{width:52px}.dd{grid-template-columns:1fr}}
.pz:last-child{grid-column:span 2}
@media (max-width:1100px){.pz:last-child{grid-column:span 2}}
@media (max-width:640px){
  .pz-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding:0 0 .9rem;margin-inline:calc(-1 * var(--gutter,1.25rem));padding-inline:var(--gutter,1.25rem);scrollbar-width:thin}
  .pz{flex:0 0 78%;scroll-snap-align:start}
  .pz:last-child{grid-column:auto}
  .pz-wrap .why-title::after{content:"Vuốt ngang để xem cả nhà";display:block;font-family:var(--f-body,inherit);font-size:.8rem;font-weight:600;color:var(--muted);margin-top:.3rem}
}
@media (max-width:640px){.pz-grid{scroll-padding-inline:1.25rem}}

/* Về Diladi: trình bày lại phần mở */
.about .crew-in{grid-template-columns:minmax(0,820px)}
.ab-name{display:flex;align-items:baseline;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:1.2rem auto .3rem!important}
.ab-name .wordmark{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.2rem)}
.ab-eq{font-family:var(--f-display);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem);color:var(--navy-2)}
.ab-say{font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem);color:var(--navy)}
.crew-copy .ab-sub{color:var(--muted);font-size:var(--text-base,1rem)!important;margin:0 auto 1.6rem!important}
.ab-story{display:grid;grid-template-columns:1fr auto 1fr;gap:.9rem;align-items:stretch;text-align:left}
.ab-card{border:var(--line);border-radius:var(--r);padding:1rem 1.2rem;background:var(--white);box-shadow:var(--shadow-sm)}
.ab-card p{margin:0!important;font-size:var(--text-sm)!important;color:var(--navy-2)}
.ab-card .ab-k{font-size:.78rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem!important}
.ab-new{background:var(--yellow)}
.ab-new .ab-k{color:var(--navy)!important}
.ab-arrow{align-self:center;font-size:1.8rem;font-weight:800;color:var(--red)}
.crew-copy .ab-lead{font-weight:700;color:var(--navy)!important;margin:1.6rem auto .7rem!important}
.ab-no{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}
.ab-no li{border:1.5px solid var(--sand);border-radius:999px;padding:.3rem .85rem;font-weight:700;font-size:var(--text-sm);background:var(--white)}
.ab-no li::before{content:"✕ ";color:var(--red)}
@media (max-width:640px){.ab-story{grid-template-columns:1fr}.ab-arrow{transform:rotate(90deg);justify-self:center;line-height:1}}

/* ===== Bài cẩm nang ===== */
.page-article{background:var(--cream)}
.art-head{max-width:860px;padding:clamp(2rem,5vw,3.5rem) 0 1.4rem;text-align:left}
.crumbs{display:flex;gap:.45rem;flex-wrap:wrap;font-size:var(--text-xs);font-weight:700;color:var(--muted);margin-bottom:1rem}
.crumbs a{color:var(--navy-2)}
.art-head h1{font-family:var(--f-display);font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);line-height:1.08;margin:.3rem 0 1rem;text-wrap:balance}
.art-lead{font-size:var(--text-lg,1.15rem);color:var(--navy-2);max-width:62ch;margin:0 0 .8rem}
.art-meta{font-size:var(--text-xs);font-weight:700;color:var(--muted);margin:0}
.art-hero{max-width:1100px}
.art-fig{margin:1.6rem 0}
.art-img{position:relative;border:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--white)}
.art-img img{display:block;width:100%;height:auto}
.art-fig figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:.5rem}
.ai-badge{position:absolute;left:.6rem;bottom:.6rem;background:rgba(255,255,255,.92);color:var(--navy);font-size:.72rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;border:1.5px solid var(--sand)}
.art-fig-tall{max-width:440px;margin-inline:auto}
@media (min-width:1000px){.art-fig-tall{float:right;width:44%;max-width:360px;margin:.3rem 0 1rem 1.6rem}}
.art-grid{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(1.5rem,4vw,3.5rem);justify-content:center;padding:1rem 0 clamp(3rem,6vw,5rem)}
.art-toc{position:sticky;top:96px;align-self:start;font-size:var(--text-sm)}
.art-toc ol{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}
.art-toc a{color:var(--navy-2);text-decoration:none;font-weight:600}
.art-toc a:hover{color:var(--teal-d);text-decoration:underline}
.toc-k,.box-k{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);margin:0 0 .5rem}
.art-body{font-size:1.06rem;line-height:1.7;color:var(--navy)}
.art-body h2{font-family:var(--f-display);font-size:clamp(1.45rem,1.1rem + 1.2vw,1.95rem);line-height:1.2;margin:2.4rem 0 .8rem;scroll-margin-top:90px;clear:none}
.art-body h2:first-child{margin-top:0}
.art-body p{margin:0 0 1rem}
.art-body a{color:var(--teal-d);font-weight:600}
.art-body em{font-style:normal;font-weight:700}
.art-list{margin:0 0 1.2rem;padding-left:1.2rem;display:grid;gap:.55rem}
.art-box,.art-tip,.art-cta,.art-sources{border:var(--line);border-radius:var(--r);padding:1.1rem 1.3rem;margin:1.4rem 0;background:var(--white);box-shadow:var(--shadow-sm);clear:both}
.art-box{background:var(--yellow)}
.art-box .box-k,.art-cta .box-k{color:var(--navy)}
.art-box p:last-child,.art-tip,.art-cta p:last-of-type{margin-bottom:0}
.art-tip{background:var(--cream-2,#FFF4DC)}
.place-list{display:grid;gap:1rem;margin:1rem 0;clear:both}
.place{border:var(--line);border-radius:var(--r);background:var(--white);padding:1rem 1.2rem;box-shadow:var(--shadow-sm)}
.place h3{margin:0 0 .2rem;font-size:1.15rem}
.place-addr{font-size:var(--text-sm);font-weight:700;color:var(--muted);margin:0 0 .5rem!important}
.place p:last-child{margin:0}
.art-small{font-size:var(--text-sm);color:var(--muted)}
.art-cta{display:grid;grid-template-columns:90px 1fr;gap:1.1rem;align-items:start;background:var(--yellow)}
.art-cta img{width:90px;height:auto}
.art-cta .btn{margin-top:.8rem}
.art-cta a:not(.btn){color:var(--navy);text-decoration:underline}
.faq{border-bottom:1.5px solid var(--sand);padding:.8rem 0}
.faq summary{font-weight:800;cursor:pointer}
.faq p{margin:.5rem 0 0}
.art-sources ul{margin:0 0 .8rem;padding-left:1.1rem;font-size:var(--text-sm);display:grid;gap:.3rem}
@media (max-width:900px){.art-grid{grid-template-columns:minmax(0,1fr)}.art-toc{position:static;border:var(--line);border-radius:var(--r);background:var(--white);padding:1rem 1.2rem}}
@media (max-width:560px){.art-cta{grid-template-columns:1fr}.art-cta img{width:70px}}
.art-cta .btn{background:var(--white)}
.guide-grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.guide-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.guide-grid.g4{grid-template-columns:1fr}}
.guide-card .read.live{color:var(--teal-d)}
.ai-badge{right:auto;width:auto;display:inline-block;line-height:1.3}
.art-list{list-style:disc}.art-list li::marker{color:var(--red)}
.art-sources ul{list-style:disc}
.art-toc ol{list-style:decimal}.art-toc li::marker{color:var(--red);font-weight:800}
.guide-card.has-img img{height:auto}
.art-body .art-cta .btn{color:var(--navy)}
.guide-card.has-img{position:relative}.card-badge{position:absolute;left:.6rem;top:.6rem;bottom:auto}
.ai-mark{position:absolute;right:.55rem;bottom:.5rem;width:18px;height:18px;opacity:.38;pointer-events:none}
.ai-mark svg{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.55))}
.card-mark{top:.5rem;bottom:auto}
.ai-mark{top:.5rem;bottom:auto}
.gloss{color:var(--muted);font-weight:600}
.art-body .gloss{font-size:.95em}
.tr{font-style:italic;font-weight:600}
.place-ru{font-size:var(--text-xs)!important;color:var(--muted);margin:-.1rem 0 .35rem!important;font-weight:700}
.gloss-k{text-transform:none;letter-spacing:0;font-weight:700}
@media (max-width:640px){
  .parade-b{height:180px;gap:.6rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 1.25rem .4rem;scrollbar-width:none}
  .parade-b::-webkit-scrollbar{display:none}
  .parade-b .c{flex:0 0 auto;scroll-snap-align:center}
}
@media (prefers-reduced-motion:reduce){.parade,.parade .c{animation:none!important}}

/* ===== Đợt 2: nhân vật trong phần chọn tour ===== */
.gu-av{position:absolute;right:.7rem;bottom:.7rem;z-index:2;width:58px;height:58px;border-radius:50%;background:var(--cream);border:1.5px solid var(--sand);box-shadow:0 2px 6px rgba(110,84,40,.18);overflow:hidden;transform:rotate(-6deg);transition:transform .25s}
.icard-img .gu-av img,.pcard-img .gu-av img,.gu-av img{display:block;position:static;inset:auto;width:100%;height:100%;object-fit:cover;transform:none!important;clip-path:none!important}
.has-gu .pbadges{right:5rem}
.icard:hover .gu-av,.pcard:hover .gu-av{transform:rotate(4deg) scale(1.06)}
.gu-line{margin:.15rem 0 0;font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.gu-line b{color:var(--navy);font-weight:800}
.chip-gu{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .9rem .25rem .3rem}
.chip-av{display:block;width:30px;height:30px;border-radius:50%;overflow:hidden;border:1.5px solid var(--khaki);background:var(--cream);flex:none}
.chip-av img{display:block;width:100%;height:100%}
.chip-gu.is-on .chip-av{border-color:var(--yellow)}
.gu-note{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center;background:var(--yellow);border:var(--line);border-radius:22px;box-shadow:var(--shadow-sm);padding:1rem 1.4rem 1rem 1rem;margin:0 0 clamp(1.5rem,3vw,2.25rem)}
.gu-note[hidden]{display:none}
.gu-note img{height:118px;width:auto}
.gu-note p{margin:0;max-width:62ch}
.gu-k{font-family:var(--f-display);font-weight:800;font-size:1.15rem;margin-bottom:.25rem!important}
.gu-clear{margin-top:.5rem;background:none;border:0;padding:0;font:inherit;font-weight:800;font-size:var(--text-sm);color:var(--navy);text-decoration:underline;cursor:pointer}
.pz-all{display:inline-block;margin-top:.35rem;font-size:var(--text-xs);font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.itin-hero .wrap{position:relative}
.hero-char{position:absolute;right:clamp(0rem,3vw,3rem);bottom:calc(-1 * clamp(1.5rem,4vw,2.5rem) - 2px);height:clamp(150px,17vw,230px);width:auto;pointer-events:none;transform-origin:bottom center;animation:bob 1.6s ease-in-out infinite}
.itin-hero .lead,.itin-hero .hero-alt{max-width:min(60ch,calc(100% - 13rem))}
@media (max-width:760px){
  .hero-char{height:104px;right:.25rem;top:auto;bottom:calc(-1 * clamp(1.5rem,4vw,2.5rem) - 2px)}
  .itin-hero .lead,.itin-hero .hero-alt{max-width:none}
  .itin-hero .hero-alt{padding-right:5.5rem}
  .gu-note{grid-template-columns:72px 1fr;padding:.9rem}
  .gu-note img{height:96px}
  .gu-av{width:50px;height:50px}
  .has-gu .pbadges{right:4.4rem}
}
@media (prefers-reduced-motion:reduce){.hero-char{animation:none}}

.chat-phone{flex-basis:100%;margin:.6rem 0 0;font-weight:700}
.chat-phone a{font-family:var(--f-display);font-weight:800;font-size:1.25rem;color:var(--navy);white-space:nowrap}
.chat-phone span{display:block;font-size:var(--text-xs);font-weight:600;color:var(--muted)}
.site-footer a[href^="tel:"]{white-space:nowrap}

/* ===== Đường kẻ mềm + chân trang xanh thông (10/10/2026) ===== */
.btn{border:1.5px solid var(--khaki)}
.btn-primary{border-color:#D9A514}
.btn-zalo{border-color:#2A86B8}
.chip.is-on{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.chip:hover{border-color:var(--teal-d)}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--teal-d);outline:2px solid rgba(23,112,110,.25);outline-offset:1px}
.site-footer{background:var(--pine)}
.site-footer li{color:#E3EFEC}
.site-footer .foot-base,.site-footer .foot-base p{color:#C9DDD9;border-color:rgba(255,246,230,.18)}
.nav-btn{border-color:var(--khaki)}
/* place-facts: chi tiết điểm đến (Cẩm nang) — thẻ đánh số, ô thông tin có biểu tượng, hộp mẹo */
.place-list{counter-reset:place;gap:1.25rem}
.place{counter-increment:place;padding:1.25rem 1.4rem 1.35rem}
.place h3{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;line-height:1.25}
.place-list .place h3::before{content:counter(place);flex:none;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--yellow);color:var(--navy);font-family:var(--f-display);font-weight:800;font-size:1rem;line-height:1;transform:rotate(-6deg)}
.place-list .place-ru{margin-left:2.6rem!important}
.place-list .place-addr{margin-left:2.6rem!important}
.place-addr{display:inline-flex;align-items:center;gap:.35rem;background:var(--cream);border-radius:999px;padding:.2rem .7rem .2rem .55rem;color:var(--teal-d)!important;font-weight:700}
.place-addr::before{content:"";flex:none;width:.95rem;height:.95rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat}
.place-addr + p{margin-top:.35rem}
.place-facts{margin:1rem 0 0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.place-facts > div{display:block;background:#FBF5EA;border-radius:14px;padding:.75rem .9rem .8rem}
.place-facts dt{display:flex;align-items:center;gap:.45rem;margin:0 0 .3rem;font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--teal-d)}
.place-facts dd{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--ink)}
.pf-ic{flex:none;display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#fff;color:var(--teal-d)}
.pf-ic svg{width:1rem;height:1rem}
.place-facts .pf-see,.place-facts .pf-tip,.place-facts .pf-gen{grid-column:1/-1}
.place-facts .pf-wide{grid-column:1/-1}
.place-facts .pf-tip{background:#FFF0C4;border-left:4px solid var(--yellow);border-radius:6px 14px 14px 6px}
.place-facts .pf-tip dt{color:#8A5A00}
.place-facts .pf-tip .pf-ic{background:var(--yellow);color:var(--navy)}
@media (max-width:560px){.place{padding:1.1rem 1rem 1.15rem}.place-facts{grid-template-columns:1fr}.place-list .place-ru,.place-list .place-addr{margin-left:0!important}}

/* ===== Trang Dịch vụ lẻ (dv-) ===== */
.dv-hero{background:var(--cream-2);background-image:radial-gradient(rgba(21,31,70,.09) 1.4px,transparent 1.6px);background-size:22px 22px;border-bottom:var(--line);padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.dv-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.dv-hero h1{font-family:var(--f-display);font-size:clamp(2.2rem,1.6rem + 2.5vw,3.4rem);line-height:1.05;margin:.2rem 0 .7rem}
.dv-hero .lead{max-width:56ch;margin:0}
.dv-hero-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.4rem 0}
.dv-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.dv-trust li{background:var(--white);border:var(--line);border-radius:14px;padding:.7rem .8rem;display:grid;gap:.15rem;font-size:var(--text-sm)}
.dv-trust b{font-family:var(--f-display);font-size:1rem;line-height:1.2}
.dv-trust span{color:var(--muted);font-weight:600;line-height:1.35}
.dv-hero-ph,.dv-ph{position:relative;border-radius:var(--r-lg);overflow:hidden;border:var(--line);box-shadow:var(--shadow);background:var(--cream)}
.dv-hero-ph img,.dv-ph img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.dv-jump{position:sticky;top:var(--hdr-h,72px);z-index:20;background:rgba(255,246,230,.94);backdrop-filter:blur(6px);border-bottom:var(--line)}
.dv-jump .wrap{display:flex;align-items:center;gap:.8rem;padding-top:.6rem;padding-bottom:.6rem}
.dv-jump p{margin:0;font-weight:800;font-size:var(--text-sm);white-space:nowrap}
.dv-jump ul{list-style:none;margin:0;padding:0;display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none}
.dv-jump ul::-webkit-scrollbar{display:none}
.dv-jump a{display:inline-block;white-space:nowrap;padding:.38rem .8rem;border:1.5px solid var(--sand);border-radius:99px;background:var(--white);font-size:var(--text-sm);font-weight:700;color:var(--navy);text-decoration:none}
.dv-jump a:hover,.dv-jump a:focus-visible{border-color:var(--teal-d);color:var(--teal-d)}
.dv-combos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.6rem}
.dv-combo{background:var(--white);border:var(--line);border-radius:var(--r);padding:1.2rem 1.15rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm)}
.dv-combo h3{font-family:var(--f-display);font-size:1.2rem;line-height:1.2;margin:0}
.dv-combo p{margin:0;font-size:var(--text-sm)}
.dv-who{color:var(--teal-d);font-weight:800;font-size:var(--text-xs)!important;text-transform:uppercase;letter-spacing:.05em}
.dv-tags{list-style:none;margin:.2rem 0 .4rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.dv-tags li{background:var(--cream-2);border-radius:99px;padding:.2rem .6rem;font-size:var(--text-xs);font-weight:700}
.dv-combo .dv-pick{margin-top:auto;align-self:flex-start;border:1.5px solid var(--khaki)}
.dv-sec-alt{background:var(--cream-2);border-top:var(--line);border-bottom:var(--line)}
.dv-n{font-family:var(--f-display);font-weight:800;color:var(--red);font-size:1rem;margin:0 0 .1rem;letter-spacing:.05em}
.dv-split{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.dv-split-r{grid-template-columns:1fr 1fr}
.dv-split p{max-width:60ch}
.dv-list{margin:.8rem 0;padding:0;list-style:none;display:grid;gap:.45rem}
.dv-list li{position:relative;padding-left:1.5rem}
.dv-list li::before{content:"";position:absolute;left:.2rem;top:.55em;width:.55rem;height:.55rem;border-radius:50%;background:var(--teal)}
.dv-warn{background:var(--cream);border-left:3px solid var(--yellow);border-radius:0 12px 12px 0;padding:.6rem .85rem;font-size:var(--text-sm);margin:.6rem 0}
.dv-row{display:flex;gap:.8rem 1.2rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}
.dv-add{font:inherit;font-weight:800;font-size:var(--text-sm);cursor:pointer;border:1.5px solid var(--khaki);background:var(--white);color:var(--navy);border-radius:99px;padding:.5rem 1rem;min-height:44px}
.dv-add:hover{border-color:var(--teal-d)}
.dv-add .dv-add-on{display:none}
.dv-add[aria-pressed="true"]{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.dv-add[aria-pressed="true"] .dv-add-on{display:inline}
.dv-add[aria-pressed="true"] .dv-add-off{display:none}
.dv-table-wrap{overflow-x:auto;background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}
.dv-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.dv-table caption{text-align:left;font-family:var(--f-display);font-weight:800;font-size:1.05rem;padding:1rem 1rem .4rem}
.dv-table th,.dv-table td{padding:.65rem .8rem;border-top:1px solid var(--sand);text-align:left;vertical-align:top}
.dv-table thead th{font-family:var(--f-display);font-size:.95rem;background:var(--cream);border-top:0}
.dv-table tbody th{font-weight:800;color:var(--muted);white-space:nowrap}
.dv-table td.no{color:var(--red-d);font-weight:700}
.dv-table td.yes{color:var(--teal-d);font-weight:800}
.dv-sub{font-family:var(--f-display);font-size:1.3rem;margin:2.4rem 0 1rem}
.dv-vehs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.dv-veh{background:var(--white);border:var(--line);border-radius:var(--r);padding:1rem 1.1rem}
.dv-veh h4{font-family:var(--f-display);font-size:1.1rem;margin:0}
.dv-veh p{margin:.25rem 0 0;font-size:var(--text-sm)}
.dv-veh .dv-pax{font-family:var(--f-display);font-weight:800;color:var(--teal-d);font-size:1.25rem;margin:.1rem 0 .3rem}
.dv-veh .dv-fit{color:var(--muted);font-weight:600}
.dv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:1.6rem}
.dv-card{background:var(--white);border:var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);scroll-margin-top:140px}
.dv-card .dv-ph{border:0;border-bottom:var(--line);border-radius:0;box-shadow:none}
.dv-cbody{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;flex:1}
.dv-cbody h3{font-family:var(--f-display);font-size:1.25rem;margin:0 0 .3rem}
.dv-cbody > p{margin:0;font-size:var(--text-base)}
.dv-cbody .dv-list{font-size:var(--text-sm)}
.dv-cbody .dv-add{margin-top:auto;align-self:flex-start}
#dv-visa,#dv-don,#dv-xe{scroll-margin-top:130px}
.dv-price{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.5rem;background:var(--white);border:var(--line);border-radius:var(--r);padding:1.3rem 1.5rem}
.dv-price h3{font-family:var(--f-display);font-size:1.3rem;margin:0 0 .3rem}
.dv-price p{margin:0}
.dv-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;align-items:start}
.dv-req{font-weight:600;color:var(--muted);font-size:var(--text-xs)}
.lead-form fieldset.invalid .chips{outline:2px solid var(--red);outline-offset:4px;border-radius:12px}
@media (max-width:1100px){.dv-combos{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-vehs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.dv-hero-in,.dv-split,.dv-split-r,.dv-faq,.dv-price{grid-template-columns:1fr}.dv-hero-ph{order:-1}.dv-split-r .dv-ph{order:-1}}
@media (max-width:640px){.dv-trust{grid-template-columns:1fr}.dv-combos,.dv-cards,.dv-vehs{grid-template-columns:1fr}.dv-jump p{display:none}.dv-table{font-size:var(--text-xs)}.dv-table th,.dv-table td{padding:.5rem .55rem}.dv-table tbody th{white-space:normal}}
.dv-combos-sec{padding-bottom:clamp(1.5rem,3vw,2.5rem)}.dv-combos-sec + .dv-sec{padding-top:clamp(2rem,4vw,3.5rem)}

/* ===== Trang Thiết kế riêng (tk-) ===== */
.tk-hero-ph{overflow:visible}
.tk-hero-ph > img:first-child{border-radius:var(--r-lg)}
.tk-ong{position:absolute;right:-18px;bottom:-34px;width:auto;height:150px;aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(110,84,40,.25))}
.tk-cases{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tk-case{background:var(--white);border:var(--line);border-radius:var(--r);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm);border-top:4px solid var(--teal)}
.tk-case:nth-child(3n+2){border-top-color:var(--yellow)}
.tk-case:nth-child(3n){border-top-color:var(--red)}
.tk-case h3{font-family:var(--f-display);font-size:1.2rem;margin:0 0 .3rem}
.tk-case p{margin:0;font-size:var(--text-sm)}
.tk-not{margin-top:1.4rem;background:var(--cream-2);border:1.5px dashed var(--khaki);border-radius:var(--r);padding:1rem 1.3rem}
.tk-not h3{font-family:var(--f-display);font-size:1.1rem;margin:0 0 .2rem}
.tk-not p{margin:0;max-width:90ch}
.tk-not a{color:var(--teal-d);font-weight:800}
.tk-sample{background:var(--white);border:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.tk-sample-h{background:var(--navy);color:#fff;padding:1.1rem 1.3rem}
.tk-sample-h .tk-ex{color:var(--yellow)}
.tk-sample-h h3{font-family:var(--f-display);font-size:1.2rem;margin:.1rem 0 .25rem;color:#fff}
.tk-sample-h p{margin:0;font-size:var(--text-sm);opacity:.9}
.tk-days{list-style:none;margin:0;padding:.4rem 1.3rem 1rem}
.tk-days li{display:grid;grid-template-columns:5.2rem 1fr;gap:.2rem 1rem;padding:.8rem 0;border-bottom:1px dashed var(--sand);font-size:var(--text-sm)}
.tk-days li:last-child{border-bottom:0}
.tk-days b{font-family:var(--f-display);color:var(--teal-d);font-size:1rem}
.tk-days em{grid-column:2;font-style:normal;font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.tk-days .tk-more span{color:var(--muted)}
.tk-ex{margin:0;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-d)}
.tk-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0 1.2rem}
.tk-tab{font:inherit;font-weight:800;font-size:var(--text-sm);cursor:pointer;background:var(--white);border:1.5px solid var(--sand);border-radius:99px;padding:.5rem 1rem;color:var(--navy);min-height:44px;display:inline-flex;align-items:center;gap:.5rem}
.tk-tab span{font-family:var(--f-display);color:var(--red)}
.tk-tab:hover{border-color:var(--khaki)}
.tk-tab[aria-selected="true"]{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.tk-tab[aria-selected="true"] span{color:var(--yellow)}
.tk-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:var(--white);border:var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.tk-panel[hidden]{display:none}
.tk-ph{position:relative;min-height:100%}
.tk-ph img{display:block;width:100%;height:100%;object-fit:cover;min-height:320px}
.tk-pbody{padding:1.4rem 1.6rem 1.5rem}
.tk-pbody h3{font-family:var(--f-display);font-size:1.5rem;margin:.15rem 0 .8rem;line-height:1.15}
.tk-pbody h4{font-family:var(--f-display);font-size:1rem;margin:1rem 0 .2rem;color:var(--teal-d)}
.tk-pbody p{margin:0}
.tk-pbody .sv-cta{display:inline-block;margin-top:1.1rem}
.tk-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:0}
.tk-facts div{background:var(--cream);border-radius:12px;padding:.5rem .7rem}
.tk-facts dt{font-size:var(--text-xs);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.tk-facts dd{margin:.1rem 0 0;font-weight:700;font-size:var(--text-sm)}
.tk-cond{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem 3rem;align-items:start}
.tk-cond p{max-width:52ch}
.tk-conds{margin:0;display:grid;gap:.7rem}
.tk-conds div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;background:var(--white);border:var(--line);border-radius:14px;padding:.8rem 1rem}
.tk-conds dt{font-family:var(--f-display);font-weight:800}
.tk-conds dd{margin:0;font-size:var(--text-sm)}
@media (max-width:1100px){.tk-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.tk-panel,.tk-cond{grid-template-columns:1fr}.tk-ph img{min-height:0;aspect-ratio:3/2}.tk-ong{height:110px;right:-6px;bottom:-26px}}
@media (max-width:640px){.tk-cases{grid-template-columns:1fr}.tk-facts{grid-template-columns:1fr 1fr}.tk-facts div:last-child{grid-column:1/-1}.tk-conds div{grid-template-columns:1fr;gap:.2rem}.tk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-1rem;margin-right:-1rem;padding:0 1rem}.tk-tab{white-space:nowrap}.tk-days li{grid-template-columns:4.2rem 1fr}}
.tk-more-link{display:inline-block;margin-top:1rem}
.lead-form .chips input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;border:0}
.dv-hero-ph img.tk-ong{position:absolute;right:-18px;bottom:-34px;width:auto;height:150px;aspect-ratio:auto;object-fit:contain;border-radius:0}@media (max-width:900px){.dv-hero-ph img.tk-ong{height:110px;right:-6px;bottom:-26px}}
/* RZD Tour tàu du lịch */
.rzd-sec{background:#EEF3F7;border-top:var(--line)}
.rzd-head{display:grid;grid-template-columns:1.3fr 1fr;gap:1.6rem;align-items:center;margin-bottom:1.4rem}
.rzd-lead{max-width:62ch;color:var(--navy-2)}
.rzd-head-img{position:relative;margin:0;border-radius:16px;overflow:hidden;border:var(--line);aspect-ratio:4/3}
.rzd-head-img img{width:100%;height:100%;object-fit:cover;display:block}
.rzd-facts{list-style:none;padding:0;margin:0 0 1.8rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.rzd-facts li{background:#fff;border:1.5px solid var(--sand);border-radius:14px;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.3rem}
.rzd-facts b{color:var(--navy);font-family:var(--f-display)}
.rzd-facts span{font-size:var(--text-sm);color:var(--navy-2)}
.rzd-sub{margin:0;font-family:var(--f-display);color:var(--navy)}
.ok-tag{font-style:normal;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#2F6B3A;background:#fff;border:1.5px solid #7CC47F;border-radius:99px;padding:.15rem .55rem;white-space:nowrap}
.rzd-table .rz-p{white-space:nowrap;font-weight:800;color:var(--navy)}
.rz-tag{display:inline-block;font-size:var(--text-xs);font-weight:700;padding:.15rem .55rem;border-radius:99px;background:#fff;border:1.5px solid var(--sand);color:var(--navy-2);white-space:nowrap}
.rz-tag.t-ok{border-color:#7CC47F;color:#2F6B3A}
.rz-tag.t-late{border-color:#E0A458;color:#8A4B0F}
.rz-tag.t-by{border-color:var(--red-d);color:var(--red-d);white-space:normal}
.rzd-fine{font-size:var(--text-sm);color:var(--muted);margin:.7rem 0 1.6rem;max-width:80ch}
.rzd-list{margin-top:1.2rem}
.is-rzd{background:#fff}
.is-rzd .pghep{background:#9CC3E6}
.rzd-deps ul{display:flex!important;flex-wrap:wrap;gap:.35rem .5rem}
.rzd-deps li{display:inline-flex;padding:.15rem .5rem;border:1px solid var(--sand);border-radius:8px;background:#FBF8F1}
.rzd-deps .dd small{font-weight:600;color:var(--muted)}
.rzd-warn{margin:.5rem 0 0;font-size:var(--text-sm);color:#8A4B0F;background:#FFF4E2;border:1.5px dashed #E0A458;border-radius:10px;padding:.5rem .7rem}
@media (max-width:900px){.rzd-head{grid-template-columns:1fr}.rzd-facts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rzd-facts{grid-template-columns:1fr}}
.rzd-sec span.dd{display:inline;margin:0;gap:0}
.rzd-table td.dd{display:table-cell;margin:0}
.rzd-table td.dd{white-space:normal;width:15rem}
.rzd-table td:nth-child(3){white-space:nowrap}
@media (max-width:640px){.rzd-table td.dd{width:100%;display:block}}
.rzd-deps li.rz-glabel{flex-basis:100%;border:0;background:none;padding:.3rem 0 0;font-size:var(--text-xs);font-weight:800;color:var(--navy-2)}
.rzd-table th{white-space:nowrap}
.pax-hint{display:block;margin-top:.3rem;font-size:var(--text-xs);color:var(--muted);font-weight:600}
.grid2:has(.pax-hint){align-items:start}
/* Tour ghép: chọn cách đi */
.ghep-pick{padding-bottom:0}
.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}
.pick-card{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 1.3rem;border:var(--line);border-radius:var(--r-lg);text-decoration:none;color:var(--navy);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.pick-card:hover{transform:translateY(-3px)}
.pick-card:focus-visible{outline:3px solid var(--teal-d);outline-offset:3px}
.pick-diladi{background:#F2F8EA}.pick-rzd{background:#EEF3F7}
.pick-k{margin:0;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-d)}
.pick-card h3{margin:0;font-family:var(--f-display);font-size:var(--text-lg)}
.pick-card dl{margin:0;display:grid;gap:.45rem}
.pick-card dl div{display:grid;grid-template-columns:8.5rem 1fr;gap:.6rem;font-size:var(--text-sm);border-top:1.5px dashed var(--sand);padding-top:.45rem}
.pick-card dt{font-weight:800;color:var(--navy-2)}
.pick-card dd{margin:0}
.pick-go{margin-top:auto;font-weight:800;color:var(--teal-d)}
.rzd-table tr.rz-month th{background:#DCE7F1;color:var(--navy);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:.45rem .9rem;text-align:left}
.rzd-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:var(--text-sm);color:var(--navy-2);margin:.8rem 0 0}
.rz-tag.t-by{white-space:nowrap}
@media (max-width:760px){.pick-grid{grid-template-columns:1fr}.pick-card dl div{grid-template-columns:7rem 1fr}}
@media (max-width:640px){.rzd-table tr.rz-month{padding:0;border:0}.rzd-table tr.rz-month th{display:block;margin-top:.6rem;border-radius:8px}}
#tour-ghep-diladi,#tau-du-lich{scroll-margin-top:70px}
@media (min-width:1181px){
  .itin-page .pcard.is-ghep .tl{grid-row:span 2}
  .itin-page .pcard.is-ghep:has(.season-warn) .tl{grid-row:span 3}
  .itin-page .pcard.is-ghep .deps{grid-row:auto;align-self:start}
  .itin-page .pcard.is-ghep .season-warn,.itin-page .pcard.is-ghep .split-box{grid-column:2;align-self:start}
}
@media (min-width:1181px){.itin-page .pcard.is-ghep .tl{align-self:start}}
/* RZD giá theo hạng chỗ */
.rzd-prices{margin-top:.9rem;padding-top:.8rem;border-top:1px dashed var(--line,#d9d2c3)}
.rzd-prices .flabel em{font-style:normal;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:.3rem}
.rzd-prices .rp-g{font-size:var(--text-xs,.78rem);font-weight:700;color:var(--ink);margin:.55rem 0 .2rem}
.rzd-prices dl{margin:0;display:grid;gap:.15rem}
.rzd-prices dl>div{display:flex;justify-content:space-between;gap:.8rem;font-size:var(--text-sm);padding:.22rem 0;border-bottom:1px solid rgba(0,0,0,.05)}
.rzd-prices dt{color:var(--ink)}
.rzd-prices dt small{color:var(--muted);font-size:.85em}
.rzd-prices dd{margin:0;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.rzd-prices .rp-x{font-size:var(--text-xs,.78rem);color:var(--muted);margin:.5rem 0 0;line-height:1.45}
.rzd-prices .rp-x b{color:var(--ink)}
.rzd-table td.rz-p{white-space:nowrap}
.rzd-table td.rz-p small{display:block;font-size:.72rem;color:var(--muted);font-weight:500;white-space:normal;max-width:15ch}
.rzd-fine{max-width:86ch}
.rzd-fine p{margin:0 0 .4rem}
.rzd-fine ul{margin:0;padding-left:1.1rem;display:grid;gap:.2rem}
@media (max-width:640px){.rzd-table td.rz-p small{max-width:none}}
/* RZD giá theo hạng chỗ trong bảng */
.rz-more{margin-top:.35rem;font-size:var(--text-sm)}
.rz-more summary{cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-xs,.78rem);font-weight:700;color:var(--teal,#1f6f5c);list-style:none}
.rz-more summary::-webkit-details-marker{display:none}
.rz-more summary::before{content:"+";display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;border:1.5px solid currentColor;font-size:.8rem;line-height:1}
.rz-more[open] summary::before{content:"–"}
.rz-more dl{margin:.45rem 0 0;display:grid;gap:.1rem;max-width:30rem}
.rz-more dl>div{display:flex;justify-content:space-between;gap:.8rem;padding:.2rem 0;border-bottom:1px solid rgba(0,0,0,.06)}
.rz-more dt small{color:var(--muted)}
.rz-more dd{margin:0;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.rz-more p{margin:.4rem 0 0;font-size:var(--text-xs,.78rem);color:var(--muted);line-height:1.45;max-width:46ch}
.rz-more p b{color:var(--ink)}
.rz-more-link{display:block;margin-top:.3rem;font-size:var(--text-xs,.78rem);font-weight:700;color:var(--teal,#1f6f5c)}

/* ===== Ảnh tour: giữ tỷ lệ 3:2 của ảnh gốc (11/10/2026) ===== */
.pcard{display:flex;flex-direction:column}
.pcard[hidden]{display:none}
.pcard-img{aspect-ratio:3/2;min-height:0;border-right:0;border-bottom:var(--line);flex:none;overflow:hidden}
.pcard-body{flex:1}
.pcard:hover .pcard-img img,.icard:hover .icard-img img{transform:scale(1.03)}
.icard-img{aspect-ratio:3/2}
@media (max-width:1180px){.itin-list{grid-template-columns:1fr 1fr}.pcard{grid-template-columns:none}}
@media (max-width:760px){.itin-list{grid-template-columns:1fr}}
@media (max-width:640px){.pcard-img{aspect-ratio:3/2}}
/* Thẻ rộng Tour ghép: ảnh 3:2 ở cột trái, đứng yên khi cuộn */
@media (min-width:1181px){
  .itin-page .pcard.is-ghep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);overflow:clip}
  .itin-page .pcard.is-ghep .pcard-img{position:sticky;top:96px;align-self:start;border-right:var(--line);border-bottom:var(--line);border-bottom-right-radius:var(--r-lg)}
}

/* ===== Tour ghép / Tàu du lịch: cấu trúc mới (11/10/2026) ===== */
.ghep-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.4rem;max-width:760px}
.ghep-tabs a{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;border:1.5px solid var(--khaki,#cbbf9f);border-radius:16px;background:var(--white);color:var(--navy);text-decoration:none;transition:transform .2s,box-shadow .2s}
.ghep-tabs a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm,0 6px 14px -8px rgba(0,0,0,.25))}
.ghep-tabs a b{font-family:var(--f-display);font-size:1.08rem;line-height:1.15}
.ghep-tabs a span{font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.ghep-tabs a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:var(--yellow)}
.ghep-tabs a[aria-current="page"] span{color:rgba(255,255,255,.78)}
.ghep-cards,.tau-cards{background:var(--white)}
.page-ghep .itin-list{grid-template-columns:1fr 1fr}
.page-ghep .pcard .split-box{grid-template-columns:1fr 1fr}
@media (max-width:760px){.page-ghep .itin-list{grid-template-columns:1fr}.ghep-tabs{grid-template-columns:1fr 1fr}.ghep-tabs a{padding:.6rem .7rem}.ghep-tabs a b{font-size:.95rem}}
/* hero trang tàu */
.tau-hero{background-color:#E3ECF5}
.tau-hero .hero-char{display:none}
.tau-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem;align-items:center}
.tau-hero .lead{max-width:56ch!important}
.tau-hero-img{position:relative;margin:0;aspect-ratio:3/2;border-radius:20px;overflow:hidden;border:var(--line);box-shadow:var(--shadow)}
.tau-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:860px){.tau-hero-in{grid-template-columns:1fr;gap:1.2rem}}
.rzd-sec .rzd-facts{margin-bottom:1.8rem}
/* giá theo hạng chỗ thu gọn */
details.rzd-prices{margin-top:.9rem;padding:0;border:1.5px solid var(--sand,#e8dcc0);border-radius:12px;background:var(--white)}
details.rzd-prices>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:var(--text-sm);font-weight:800;color:var(--navy)}
details.rzd-prices>summary::-webkit-details-marker{display:none}
details.rzd-prices>summary span::before{content:"+";display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;margin-right:.45rem;border-radius:50%;border:1.5px solid var(--teal-d);color:var(--teal-d);font-size:.8rem;line-height:1}
details.rzd-prices[open]>summary span::before{content:"–"}
details.rzd-prices>summary em{font-style:normal;color:var(--teal-d);white-space:nowrap}
details.rzd-prices>:not(summary){margin-left:.75rem;margin-right:.75rem}
details.rzd-prices[open]{padding-bottom:.65rem}
details.rzd-prices dl{margin-top:0}
/* khối giới thiệu tàu trên trang Tour ghép */
.tau-teaser{background:#E3ECF5;border-top:var(--line)}
.tz-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:2rem;align-items:start}
.tz-txt p{max-width:52ch}
.tz-dl{margin:1rem 0 1.3rem;display:grid;gap:.35rem;font-size:var(--text-sm)}
.tz-dl div{display:grid;grid-template-columns:6.5rem 1fr;gap:.6rem;padding:.35rem 0;border-bottom:1px dashed rgba(21,31,70,.18)}
.tz-dl dt{font-weight:800;color:var(--navy)}
.tz-dl dd{margin:0;color:var(--navy-2)}
.tz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tz-card{display:flex;flex-direction:column;background:var(--cream);border:var(--line);border-radius:18px;overflow:hidden;color:var(--navy);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
.tz-card:hover{transform:translateY(-3px)}
.tz-img{display:block;aspect-ratio:3/2;overflow:hidden;border-bottom:var(--line)}
.tz-img img{width:100%;height:100%;object-fit:cover;display:block}
.tz-body{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem .9rem}
.tz-body b{font-family:var(--f-display);font-size:1rem;line-height:1.2}
.tz-body span{font-size:var(--text-xs);color:var(--muted);font-weight:700}
.tz-body em{font-style:normal;font-weight:800;color:var(--teal-d);font-size:var(--text-sm);margin-top:auto}
@media (max-width:1000px){.tz-in{grid-template-columns:1fr}}
@media (max-width:640px){.tz-cards{grid-template-columns:1fr;gap:.8rem}.tz-card{flex-direction:row}.tz-img{width:38%;flex:none;aspect-ratio:auto;border-bottom:0;border-right:var(--line)}}
.rzd-deps span.dd{display:inline;margin:0;gap:0}
.dtable td.dd{display:table-cell;margin:0}
@media (max-width:640px){.dtable td.dd{display:block}}
@media (max-width:760px){.ghep-hero .hero-char{display:none}.itin-hero .hero-alt{padding-right:0}}

/* ===== Menu con Tour ghép (11/10/2026) ===== */
.nav li.has-sub{position:relative}
.nav .has-sub>a{display:inline-flex;align-items:center;gap:.25rem}
.nav .caret{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nav ul.subnav{display:none;position:absolute;top:100%;left:-.4rem;z-index:60;flex-direction:column;align-items:stretch;gap:.15rem;min-width:330px;margin-top:.35rem;padding:.45rem;background:var(--white);border:var(--line);border-radius:16px;box-shadow:var(--shadow)}
.nav ul.subnav::before{content:"";position:absolute;left:0;right:0;top:-.6rem;height:.6rem}
.nav .has-sub:hover>ul.subnav,.nav .has-sub:focus-within>ul.subnav{display:flex}
.nav .has-sub:hover .caret,.nav .has-sub:focus-within .caret{transform:rotate(180deg)}
.nav ul.subnav a{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .75rem;border-radius:10px}
.nav ul.subnav a b{font-weight:800;font-size:var(--text-sm);color:var(--navy)}
.nav ul.subnav a span{font-weight:600;font-size:var(--text-xs);color:var(--muted)}
.nav ul.subnav a[aria-current="page"]{background:var(--cream-2)}
@media (max-width:860px){
  .nav ul.open ul.subnav{display:flex;position:static;min-width:0;margin:0 0 .3rem .6rem;padding:0 0 0 .6rem;border:0;border-left:2px solid var(--sand,#e8dcc0);border-radius:0;box-shadow:none;background:none}
  .nav ul.subnav::before{display:none}
  .nav .caret{display:none}
  .nav ul.subnav a{padding:.5rem .4rem}
}
/* 3 tab */
.ghep-tabs{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px}
@media (max-width:760px){.ghep-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.ghep-tabs a{padding:.55rem .55rem}.ghep-tabs a b{font-size:.88rem}.ghep-tabs a span{display:none}}
/* trang du thuyền */
.dtt-hero{background-color:#E2EEF0}
.dtt-sum td a{font-weight:800;color:var(--navy);text-decoration:underline;text-decoration-color:rgba(21,31,70,.3);text-underline-offset:3px}
.dtt-table td small,.dtt-sum td small{display:block;font-size:var(--text-xs);color:var(--muted);font-weight:600}
.dtt-table td.rz-p small{color:var(--teal-d);font-weight:800}
.dtt-table .dt-stops{font-size:var(--text-xs);color:var(--navy-2);max-width:28ch}
details.dtt-detail .dtable-wrap{margin-top:.2rem;max-height:420px;overflow:auto;border-radius:10px}
details.dtt-detail .dtable{font-size:var(--text-xs)}
details.dtt-detail .dtable th,details.dtt-detail .dtable td{padding:.45rem .5rem}
details.dtt-detail p{font-size:var(--text-xs);color:var(--muted);margin-top:.5rem}
.dtt-late{background:var(--cream);border-top:var(--line)}
.dtt-late-sub{max-width:70ch;margin:-.4rem 0 1rem;color:var(--navy-2);font-weight:600}
details.dtt-detail .dtable,details.dtt-detail .dtable tbody{display:block;width:100%}
details.dtt-detail .dtable thead{display:none}
details.dtt-detail .dtable tr{display:grid;grid-template-columns:auto 1fr auto;gap:.15rem .7rem;align-items:baseline;padding:.55rem .2rem;border-bottom:1px dashed rgba(21,31,70,.15)}
details.dtt-detail .dtable td{display:block;padding:0!important;border:0;width:auto}
details.dtt-detail .dtable td.dd{font-weight:800;color:var(--navy)}
details.dtt-detail .dtable td:nth-child(2){color:var(--muted);font-weight:700}
details.dtt-detail .dtable td:nth-child(3){grid-column:1/3}
details.dtt-detail .dtable td:nth-child(3) small{display:inline;margin-left:.3rem}
details.dtt-detail .dtable td.rz-p{grid-column:3;grid-row:1/3;text-align:right}
details.dtt-detail .dtable td.dt-stops{grid-column:1/-1;max-width:none}
details.dtt-detail .dtable td.rz-p,details.dtt-detail .dtable td.rz-p b,.dtt-table td.rz-p b{white-space:nowrap}

/* ===== Thanh toán (11/10/2026) ===== */
.pay-sec{background:var(--white);border-top:var(--line)}
.pay-head{max-width:760px;margin-bottom:1.6rem}
.pay-head p:last-child{color:var(--navy-2)}
.pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pay-card{position:relative;padding:1.2rem 1.2rem 1.1rem;background:var(--cream);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.pay-cur{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:900;font-size:1.25rem;border:var(--line);margin-bottom:.7rem}
.pay-card:nth-child(2) .pay-cur{background:var(--red);color:var(--white)}
.pay-card:nth-child(3) .pay-cur{background:var(--teal);color:var(--white)}
.pay-card h3{font-family:var(--f-display);font-size:1.15rem;line-height:1.2;margin:0 0 .35rem}
.pay-fit{font-size:var(--text-sm);font-weight:700;color:var(--teal-d);margin:0 0 .6rem}
.pay-card ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:var(--text-sm);color:var(--navy-2)}
.pay-rules{margin-top:1.4rem;padding:1.1rem 1.3rem;border:1.5px dashed rgba(21,31,70,.25);border-radius:var(--r);background:#FBF8F1}
.pay-rules h3{font-size:1rem;margin:0 0 .5rem}
.pay-rules ul{margin:0;padding-left:1.1rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1.6rem;font-size:var(--text-sm);color:var(--navy-2)}
@media (max-width:900px){.pay-grid{grid-template-columns:1fr}.pay-rules ul{grid-template-columns:1fr}}
.pay-strip-sec{padding:0 0 2.2rem;background:var(--white)}
.pay-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;padding:.75rem 1rem;border:var(--line);border-radius:14px;background:var(--cream)}
.pay-strip b{font-size:var(--text-sm);margin-right:.2rem}
.pay-strip span{font-size:var(--text-xs);font-weight:800;padding:.2rem .6rem;border-radius:999px;background:var(--white);border:1px solid var(--sand,#e8dcc0);color:var(--navy)}
.pay-strip a{margin-left:auto;font-size:var(--text-sm);font-weight:800;color:var(--teal-d)}
@media (max-width:640px){.pay-strip a{margin-left:0;flex-basis:100%}}
.pay-card ul,.pay-rules ul{list-style:disc}.pay-card li::marker,.pay-rules li::marker{color:var(--teal-d)}
.pay-mini{background:#FBF8F1}
.pay-mini .pay-card{background:var(--white)}
.pay-mini .pay-rules{background:var(--white)}

/* ===== Trang Cẩm nang (11/10/2026) ===== */
.kn-hero{background:#E8F1EC;background-image:radial-gradient(rgba(21,31,70,.08) 1.4px,transparent 1.6px);background-size:22px 22px;border-bottom:var(--line);padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.kn-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}
.kn-hero h1{font-size:var(--text-2xl,clamp(2rem,4.5vw,3rem));line-height:1.08;margin:0 0 .8rem}
.kn-hero .lead{max-width:60ch}
.kn-upd{margin-top:.8rem;font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.kn-hero-char{width:clamp(110px,14vw,170px);height:auto}
@media (max-width:760px){.kn-hero-in{grid-template-columns:1fr}.kn-hero-char{display:none}}
.kn-head{max-width:720px;margin-bottom:1.5rem}
.kn-head p:last-child{color:var(--navy-2)}
.kn-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:none}
.kn-start{background:var(--white)}
.kn-ess-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kn-ess{display:flex;flex-direction:column;padding:1.2rem 1.2rem 1.1rem;background:var(--cream);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.kn-ico{width:42px;height:42px;padding:8px;border-radius:12px;background:var(--yellow);border:var(--line);fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.7rem}
.kn-ess:nth-child(3n+2) .kn-ico{background:#BFE3E2}
.kn-ess:nth-child(3n) .kn-ico{background:#F8C9C4}
.kn-ess .tag{margin-bottom:.2rem}
.kn-ess h3{font-family:var(--f-display);font-size:1.15rem;line-height:1.2;margin:0 0 .45rem}
.kn-ess p:not(.tag){font-size:var(--text-sm);color:var(--navy-2);margin:0 0 .8rem}
.kn-ess a{margin-top:auto;font-weight:800;font-size:var(--text-sm);color:var(--teal-d)}
@media (max-width:980px){.kn-ess-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.kn-ess-grid{grid-template-columns:1fr}}
.kn-feat-sec{background:var(--cream)}
.kn-feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem;align-items:center}
.kn-feat-img{position:relative;display:block;aspect-ratio:3/2;border-radius:var(--r-lg);overflow:hidden;border:var(--line);box-shadow:var(--shadow)}
.kn-feat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.kn-feat-img:hover img{transform:scale(1.03)}
.kn-feat-txt .sec-title a{color:inherit;text-decoration:none}
.kn-feat-txt p{color:var(--navy-2)}
.kn-check{list-style:none;padding:0;margin:1rem 0 1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem;font-size:var(--text-sm);font-weight:700}
.kn-check li{position:relative;padding-left:1.4rem}
.kn-check li::before{content:"✓";position:absolute;left:0;color:var(--teal-d);font-weight:900}
@media (max-width:860px){.kn-feat{grid-template-columns:1fr;gap:1.2rem}}
@media (max-width:480px){.kn-check{grid-template-columns:1fr}}
.kn-mua-sec{background:var(--white)}
.kn-season-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.kn-season{display:flex;flex-direction:column;background:var(--cream);border:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.kn-season img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-bottom:var(--line)}
.kn-season-txt{display:flex;flex-direction:column;flex:1;padding:.9rem 1rem 1rem}
.kn-when{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--red-d);margin:0 0 .2rem}
.kn-season h3{font-family:var(--f-display);font-size:1.15rem;margin:0 0 .35rem}
.kn-season p:not(.kn-when){font-size:var(--text-sm);color:var(--navy-2);margin:0 0 .7rem}
.kn-season a{margin-top:auto;font-size:var(--text-sm);font-weight:800;color:var(--teal-d)}
@media (max-width:980px){.kn-season-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.kn-season-grid{grid-template-columns:1fr}}
.kn-list-sec{background:var(--cream);border-top:var(--line)}
.kn-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.kn-chip{font:inherit;font-size:var(--text-sm);font-weight:800;color:var(--navy);background:var(--white);border:1.5px solid var(--khaki,#cbbf9f);border-radius:999px;padding:.4rem .85rem;cursor:pointer}
.kn-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--yellow)}
.kn-chip:focus-visible{outline:2px solid var(--teal-d);outline-offset:2px}
.kn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.kn-card{display:flex;flex-direction:column;background:var(--white);border:var(--line);border-radius:var(--r);overflow:hidden;color:var(--navy);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
a.kn-card:hover{transform:translateY(-3px)}
.kn-card[hidden]{display:none}
.kn-img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border-bottom:var(--line)}
.kn-img img{width:100%;height:100%;object-fit:cover;display:block}
.kn-body{display:flex;flex-direction:column;flex:1;gap:.3rem;padding:.9rem 1rem 1rem}
.kn-body b{font-family:var(--f-display);font-size:1.05rem;line-height:1.25}
.kn-desc{font-size:var(--text-sm);color:var(--navy-2)}
.kn-body .read{margin-top:auto;padding-top:.4rem;font-weight:800;font-size:var(--text-sm);color:var(--teal-d)}
.kn-card.is-soon{background:transparent;border-style:dashed;box-shadow:none}
.kn-card.is-soon b{color:var(--navy-2)}
.kn-soon{margin-top:auto;align-self:flex-start;font-size:var(--text-xs);font-weight:800;padding:.2rem .6rem;border-radius:999px;background:var(--cream-2);color:var(--navy-2)}
.kn-empty{margin-top:1rem;font-weight:700;color:var(--navy-2)}
@media (max-width:1000px){.kn-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.kn-grid{grid-template-columns:1fr}}
.kn-faq-sec{background:var(--white)}
.kn-cta-sec{background:var(--yellow);border-top:var(--line)}
.kn-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;align-items:center}
.kn-cta img{width:96px;height:auto}
.kn-cta h2{font-family:var(--f-display);font-size:var(--text-xl);margin:0 0 .3rem}
.kn-cta p{margin:0;max-width:60ch}
.kn-cta-btns{display:flex;flex-wrap:wrap;gap:.6rem}
@media (max-width:760px){.kn-cta{grid-template-columns:1fr;text-align:left}.kn-cta img{width:72px}}

/* ===== Trang Về Diladi (11/10/2026) ===== */
.vd-hero{background:#E8F1EC;background-image:radial-gradient(rgba(21,31,70,.08) 1.4px,transparent 1.6px);background-size:22px 22px;border-bottom:var(--line);padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.5rem,3vw,2rem)}
.vd-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
.vd-hero h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.08;margin:0 0 .9rem;text-wrap:balance}
.vd-hero .lead{max-width:56ch}
.vd-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}
.vd-hero-img{position:relative;margin:0}
.vd-hero-img>img:first-child{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:var(--r-lg);border:var(--line);box-shadow:var(--shadow)}
.vd-hero-char{position:absolute;left:-28px;bottom:-26px;width:clamp(84px,9vw,118px);height:auto}
.vd-facts{list-style:none;padding:0;margin:clamp(1.8rem,4vw,2.6rem) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.vd-facts li{background:var(--white);border:var(--line);border-radius:var(--r);padding:.8rem 1rem;display:grid;gap:.1rem}
.vd-facts b{font-family:var(--f-display);font-size:1.05rem}
.vd-facts span{font-size:var(--text-sm);color:var(--navy-2)}
@media (max-width:860px){.vd-hero-in{grid-template-columns:1fr}.vd-hero-char{left:auto;right:10px;bottom:-22px}.vd-facts{grid-template-columns:1fr 1fr}}
.vd-story{background:var(--cream)}
.vd-story-txt{max-width:720px;margin:0 auto;text-align:center}
.vd-story-txt p:not(.eyebrow){color:var(--navy-2);font-size:var(--text-lg,1.125rem)}
.vd-fam{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;align-items:end;margin:2rem 0 1rem}
.vd-fam-i{margin:0;text-align:center}
.vd-fam-i img{width:100%;max-width:120px;height:auto;aspect-ratio:1;object-fit:contain;display:block;margin:0 auto .4rem}
.vd-fam-i figcaption{display:grid;font-size:var(--text-sm)}
.vd-fam-i figcaption span{color:var(--navy-2);font-size:var(--text-xs)}
.vd-fam-i.is-lead img{max-width:150px}
.vd-fam-i.is-lead b{color:var(--red-d)}
.vd-fam-note{text-align:center;font-weight:700;color:var(--navy-2)}
@media (max-width:760px){.vd-fam{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1.2rem}}
.vd-what{background:var(--white)}
.vd-how{background:var(--cream);border-top:var(--line)}
.vd-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:s}
.vd-steps li{position:relative;background:var(--white);border:var(--line);border-radius:var(--r);padding:1.1rem 1.1rem 1.2rem;box-shadow:var(--shadow)}
.vd-n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow);border:var(--line);font-family:var(--f-display);font-weight:800;margin-bottom:.6rem}
.vd-steps h3{font-family:var(--f-display);font-size:1.1rem;margin:0 0 .35rem}
.vd-steps p{font-size:var(--text-sm);color:var(--navy-2);margin:0}
.vd-more{margin-top:1rem;font-weight:800}
.vd-more a{color:var(--teal-d)}
@media (max-width:980px){.vd-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vd-steps{grid-template-columns:1fr}}
.vd-promise{background:var(--white)}
.vd-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.vd-col{border:var(--line);border-radius:var(--r);padding:1.2rem 1.3rem}
.vd-yes{background:#E8F1EC}.vd-no{background:#FCE9E6}
.vd-col h3{font-family:var(--f-display);font-size:1.2rem;margin:0 0 .6rem}
.vd-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.vd-col li{position:relative;padding-left:1.6rem;font-weight:600}
.vd-yes li::before{content:"✓";position:absolute;left:0;color:var(--teal-d);font-weight:900}
.vd-no li::before{content:"✕";position:absolute;left:0;color:var(--red-d);font-weight:900}
@media (max-width:760px){.vd-two{grid-template-columns:1fr}}
.vd-contact{background:var(--cream);border-top:var(--line)}
.vd-ct-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.vd-ct{display:grid;gap:.2rem;background:var(--white);border:var(--line);border-radius:var(--r);padding:1rem 1.1rem;color:var(--navy);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
.vd-ct:hover{transform:translateY(-2px)}
.vd-ct span{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-d)}
.vd-ct b{font-size:1rem;overflow-wrap:anywhere}
@media (max-width:860px){.vd-ct-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.vd-ct-grid{grid-template-columns:1fr}}
@media (max-width:860px){.vd-hero-char{right:auto;left:10px}}
.ab-sub a.vd-link{display:inline-block;margin-left:.3rem;font-weight:800;color:var(--teal-d)}
.crew-more{text-align:center;padding:clamp(1.8rem,4vw,2.6rem) 0 clamp(2rem,5vw,3rem);display:flex;flex-direction:column;align-items:center;gap:.8rem}
.crew-more p{font-family:var(--f-display);font-size:clamp(1.15rem,1rem + .6vw,1.45rem);font-weight:800;margin:0;max-width:40ch;text-wrap:balance}
.crew-more-link{font-weight:800;font-size:var(--text-sm);color:var(--teal-d)}
.vd-story .ab-lead{text-align:center;font-family:var(--f-display);font-weight:800;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);margin:1.2rem 0 .7rem}
.vd-story .parade-b{margin-bottom:0}
.vd-canha .pz-wrap{padding-bottom:0}
#ca-nha{scroll-margin-top:90px}

/* ===== Di động: cả nhà Củ Cải vừa màn hình, đi từ trái sang (11/10/2026) ===== */
@keyframes paradeIn{from{transform:translateX(-105vw)}to{transform:translateX(-1.5%)}}
@keyframes walkS{from{transform:translateX(-1.5%)}to{transform:translateX(1.5%)}}
@media (max-width:640px){
  .parade-b{--ph:calc((100vw - 3rem) / 3.45);height:var(--ph);gap:.8vw;justify-content:center;overflow:visible;scroll-snap-type:none;padding:0 .75rem;margin-top:1.5rem;margin-bottom:1.5rem;animation:walkS 16s linear infinite alternate}
  .parade-b .c{flex:0 0 auto;scroll-snap-align:none;max-width:none}
  .parade-b.pre{transform:translateX(-105vw);animation:none}
  .parade-b.go{animation:paradeIn 3.2s cubic-bezier(.25,.7,.35,1) both,walkS 16s linear 3.2s infinite alternate}
  .parade-b.go .c{animation-duration:.55s}
  .crew,.vd-story{overflow:hidden}
  .pz-grid{display:grid;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding:0;gap:.8rem;scroll-snap-type:none}
  .pz{flex:none}
  .pz-wrap .why-title::after{content:none}
}
@media (prefers-reduced-motion:reduce){.parade-b.pre{transform:none}.parade-b.go{animation:none!important}}

/* Về Diladi: dải 4 ý có icon (11/10/2026) */
.vd-facts{list-style:none;padding:.4rem;margin:clamp(1.8rem,4vw,2.6rem) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--white);border:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.vd-facts li{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:none;border:0;border-radius:0}
.vd-facts li+li{border-left:1px dashed var(--sand,#e6d9b8)}
.vd-fi{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);border:var(--line)}
.vd-facts li:nth-child(2) .vd-fi{background:#BFE3E2}
.vd-facts li:nth-child(3) .vd-fi{background:#F8C9C4}
.vd-facts li:nth-child(4) .vd-fi{background:#D9E8C6}
.vd-fi svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vd-ft{display:grid;gap:.1rem;min-width:0}
.vd-ft b{font-family:var(--f-display);font-size:1.02rem;line-height:1.2}
.vd-ft span{font-size:var(--text-sm);color:var(--navy-2);line-height:1.35}
.vd-facts li:hover .vd-fi{transform:rotate(-8deg) scale(1.06)}
.vd-fi{transition:transform .25s}
@media (max-width:980px){.vd-facts{grid-template-columns:1fr 1fr}.vd-facts li:nth-child(3){border-left:0}.vd-facts li:nth-child(n+3){border-top:1px dashed var(--sand,#e6d9b8)}}
@media (max-width:560px){.vd-facts{grid-template-columns:1fr;padding:.2rem .3rem}.vd-facts li{padding:.75rem .8rem}.vd-facts li+li{border-left:0;border-top:1px dashed var(--sand,#e6d9b8)}.vd-fi{width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.vd-fi{transition:none}}

/* Về Diladi: liên hệ có icon */
.vd-ct{position:relative;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.8rem;row-gap:.05rem;align-items:center;padding:1rem 2.2rem 1rem 1rem}
.vd-ci{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--yellow);border:var(--line);transition:transform .25s}
.vd-ct:nth-child(2) .vd-ci{background:#BFE3E2}.vd-ct:nth-child(3) .vd-ci{background:#CFE0F5}.vd-ct:nth-child(4) .vd-ci{background:#F8C9C4}
.vd-ci svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vd-ct .vd-cl{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-d)}
.vd-ct b{font-size:1rem}
.vd-go{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:800;color:var(--teal-d);opacity:.5;transition:transform .25s,opacity .25s}
.vd-ct:hover .vd-ci,.vd-ct:focus-visible .vd-ci{transform:rotate(-8deg) scale(1.06)}
.vd-ct:hover .vd-go,.vd-ct:focus-visible .vd-go{opacity:1;transform:translate(4px,-50%)}

/* Về Diladi: 4 bước nối thành hành trình */
.vd-steps{position:relative}
.vd-steps::before{content:"";position:absolute;left:12%;right:12%;top:2.6rem;border-top:2px dashed var(--khaki,#cbbf9f);z-index:0}
.vd-steps li{z-index:1}
.vd-sh{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
.vd-sh .vd-n{margin:0}
.vd-si{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream);border:var(--line)}
.vd-si svg{width:20px;height:20px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vd-steps li:nth-child(2) .vd-n{background:#BFE3E2}.vd-steps li:nth-child(3) .vd-n{background:#F8C9C4}.vd-steps li:nth-child(4) .vd-n{background:#D9E8C6}
.vd-steps.rv li{opacity:0;transform:translateY(18px)}
.vd-steps.rv.in li{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i) * .15s)}
@media (max-width:980px){.vd-steps::before{display:none}}
@media (max-width:560px){
  .vd-steps{gap:.8rem;padding-left:1.1rem}
  .vd-steps::before{display:block;left:.35rem;right:auto;top:1.5rem;bottom:1.5rem;border-top:0;border-left:2px dashed var(--khaki,#cbbf9f)}
}

/* Hỏi nhanh: dấu + xoay thành × và trả lời trượt mở (mọi trang) */
.faq summary{list-style:none;position:relative;padding-right:2.4rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.2rem;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23151F46' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/16px no-repeat;border:1.5px solid var(--khaki,#cbbf9f);transition:transform .3s ease,background-color .3s}
.faq[open] summary::after{transform:rotate(45deg);background-color:var(--yellow)}
@media (hover:hover){.faq summary:hover{color:var(--teal-d)}.faq summary:hover::after{border-color:var(--teal-d)}}
.faq[open] > :not(summary){animation:faqIn .35s ease both}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Củ Cải vẫy tay ở khối cuối trang */
.kn-cta img{transform-origin:50% 90%;animation:cucaiWave 4.5s ease-in-out infinite}
@keyframes cucaiWave{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-7deg)}80%{transform:rotate(6deg)}85%{transform:rotate(-5deg)}90%{transform:rotate(3deg)}}

@media (prefers-reduced-motion:reduce){.kn-cta img,.faq[open] > :not(summary){animation:none}.vd-steps.rv li{opacity:1;transform:none}.vd-ci,.vd-go,.faq summary::after{transition:none}}

.faq summary{-webkit-tap-highlight-color:transparent}
.faq summary:focus-visible{outline:2px solid var(--teal-d);outline-offset:3px;border-radius:6px}
/* Lịch mùa 5 thẻ */
.kn-season-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.kn-season-img{position:relative;display:block}
.kn-season-img img{border-bottom:var(--line);height:auto;aspect-ratio:3/2;object-fit:cover}
.kn-season .kn-when{min-height:2.6em}
@media (max-width:1100px){.kn-season-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.kn-season-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .kn-season-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 .9rem;margin-right:-1.25rem;padding-right:1.25rem;scrollbar-width:thin}
  .kn-season{scroll-snap-align:start}
  .kn-season .kn-when{min-height:0}
}
.kn-when{text-transform:none;letter-spacing:0;font-size:.8rem;white-space:nowrap}

/* Cẩm nang: khối Sắp ra mắt theo tuyến bài */
.kn-soon-block{margin-top:2rem;padding:clamp(1.1rem,3vw,1.6rem);border:2px dashed var(--khaki,#cbbf9f);border-radius:var(--r-lg);background:rgba(255,255,255,.5)}
.kn-soon-block[hidden],.kn-series[hidden],.kn-series li[hidden]{display:none}
.kn-soon-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.kn-soon-head h3{font-family:var(--f-display);font-size:1.25rem;margin:0}
.kn-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kn-series{background:var(--white);border:var(--line);border-radius:var(--r);padding:1rem 1.1rem 1.1rem}
.kn-series-h{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.7rem}
.kn-series-ic{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#CFE0F5;border:var(--line)}
.kn-series:nth-child(2) .kn-series-ic{background:var(--yellow)}
.kn-series:nth-child(3) .kn-series-ic{background:#F8C9C4}
.kn-series-ic svg{width:22px;height:22px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kn-series h3{font-family:var(--f-display);font-size:1.08rem;margin:0 0 .15rem}
.kn-series-h p{font-size:var(--text-sm);color:var(--navy-2);margin:0;line-height:1.4}
.kn-series ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.kn-series li{position:relative;padding-left:1.1rem;font-size:var(--text-sm);font-weight:700;line-height:1.4}
.kn-series li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--teal-d)}
@media (max-width:900px){.kn-series-grid{grid-template-columns:1fr}}
@media (min-width:1001px){.kn-grid>.kn-card.is-feat{grid-column:span 2;grid-row:span 2}.kn-grid>.kn-card.is-feat .kn-img{aspect-ratio:auto;flex:1 1 auto;min-height:320px}.kn-grid>.kn-card.is-feat .kn-body{flex:0 0 auto}.kn-grid>.kn-card.is-feat b{font-size:1.25rem}}
.kn-swipe{display:none}
@media (max-width:560px){.kn-swipe{display:block;margin:0 0 .6rem;font-size:var(--text-xs);font-weight:800;color:var(--teal-d)}}

/* ===== Bốn cách (11/10/2026) ===== */
.ways-4 .ways-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.ways-4 .way{padding:1.3rem 1.2rem 1.2rem}
.ways-4 .way-top{align-items:center;gap:.8rem;margin-bottom:.7rem}
.ways-4 .way-top h3{margin:0;font-size:1.3rem;line-height:1.15}
.ways-4 .way-ic{flex:none;width:52px;height:52px}
.ways-4 .way-ic svg{width:30px;height:30px}
.ways-4 .way p{font-size:var(--text-sm)}
.w-teal{background:var(--teal)}
.way-facts{margin:0 0 .8rem;display:grid;gap:.35rem;font-size:var(--text-sm)}
.way-facts div{display:grid;grid-template-columns:5.6em 1fr;gap:.4rem;align-items:baseline;border-top:1.5px dashed rgba(21,31,70,.28);padding-top:.35rem}
.way-facts dt{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.8}
.way-facts dd{margin:0;font-weight:700}
.w-red .way-facts div{border-top-color:rgba(255,255,255,.4)}
.ways-4 .way .way-fit{flex:1}
@media (max-width:1100px){.ways-4 .ways-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ways-4 .ways-grid{grid-template-columns:1fr}.ways-4 .way{display:flex}}

/* ===== Bốn cách – phương án 2 ===== */
.ways-5 .ways-head{margin-bottom:1rem}
.ways-q{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.3rem}
.wq-k{font-weight:800;font-size:var(--text-sm);margin-right:.3rem}
.wq-chip,.wq-reset{font:inherit;font-size:var(--text-sm);font-weight:700;color:var(--navy);background:var(--white);border:1.5px solid var(--sand);border-radius:99px;padding:.42rem .9rem;cursor:pointer;box-shadow:0 2px 0 rgba(21,31,70,.12);transition:transform .15s,background .15s}
.wq-chip:hover{transform:translateY(-1px)}
.wq-chip[aria-pressed="true"]{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.wq-reset{background:transparent;box-shadow:none;border-style:dashed;color:var(--teal-d)}
.ways-5 .ways-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.ways-5 .way{padding:1.25rem 1.2rem 1.2rem;transition:opacity .25s,transform .25s,box-shadow .25s}
.ways-5 .way-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;margin-bottom:.55rem}
.way-kick{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;line-height:1.35;opacity:.85;max-width:16ch}
.ways-5 .way-ic{flex:none;width:52px;height:52px}
.ways-5 .way-ic svg{width:30px;height:30px}
.ways-5 .way h3{font-size:1.45rem;margin:0 0 .35rem;line-height:1.1}
.ways-5 .way p{font-size:var(--text-sm);margin:0 0 .8rem}
.way-attrs{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.4rem;font-size:var(--text-sm);font-weight:700;flex:1;align-content:start}
.way-attrs li{display:flex;gap:.55rem;align-items:center}
.wa-ic{flex:none;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.55);display:grid;place-items:center}
.wa-ic svg{width:17px;height:17px}
.w-red .wa-ic{background:rgba(255,255,255,.18)}
.way-badge{align-self:flex-start;font-size:var(--text-xs);font-weight:800;background:var(--white);color:var(--teal-d);border-radius:99px;padding:.25rem .65rem;margin:-.3rem 0 .8rem;border:1.5px solid rgba(21,31,70,.15)}
.way-match{position:absolute;top:0;left:50%;transform:translate(-50%,-110%);background:var(--navy);color:var(--cream);font-size:var(--text-xs);font-weight:800;border-radius:0 0 10px 10px;padding:.2rem .7rem;transition:transform .25s}
.ways-5 .way.is-match{box-shadow:0 0 0 3px var(--navy),var(--shadow)}
.ways-5 .way.is-match .way-match{transform:translate(-50%,0)}
.ways-5 .way.is-dim{opacity:.45}
.ways-5 .way.is-dim:hover,.ways-5 .way.is-dim:focus-visible{opacity:1}
@media (max-width:1100px){.ways-5 .ways-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ways-5 .ways-grid{grid-template-columns:1fr}.ways-5 .way{display:flex}.wq-k{width:100%}.ways-5 .way.is-dim{opacity:.6}}
@media (prefers-reduced-motion:reduce){.ways-5 .way,.way-match{transition:none}}
.ways-5 .way{padding-top:2.1rem}
.way-kick{max-width:none;padding-right:.2rem}
.way-match{top:.55rem;left:1.2rem;transform:none;border-radius:99px;padding:.18rem .65rem;opacity:0}
.ways-5 .way.is-match .way-match{transform:none;opacity:1}
.ways-5 .way-top{margin-top:-.4rem}
.ways-5 .ways-grid{padding-top:.8rem}
.ways-5 .way{overflow:visible;padding-top:1.25rem}
.ways-5 .way-top{margin-top:0}
.way-match{top:0;left:1.2rem;transform:translateY(-50%)!important;border:2px solid var(--cream-2)}
.ways-5 .way.is-match .way-match{transform:translateY(-50%)!important}
@media (max-width:1100px){.ways-5 .ways-grid{row-gap:1.6rem}}
/* Bộ lọc v3: tìm kiếm + menu chọn */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.itin-bar-in{gap:.6rem 1rem}
.fsearch{display:flex;align-items:center;gap:.5rem;flex:1 1 300px;min-width:240px;background:var(--white);border:1.5px solid var(--khaki);border-radius:99px;padding:0 .9rem;color:var(--muted)}
.fsearch:focus-within{border-color:var(--teal-d);box-shadow:0 0 0 3px rgba(18,110,104,.15)}
.fsearch input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:var(--text-sm);color:var(--navy);padding:.6rem 0;min-width:0}
.fsel select{font:inherit;font-weight:700;font-size:var(--text-sm);color:var(--navy);background:var(--white);border:1.5px solid var(--khaki);border-radius:99px;padding:.55rem 2rem .55rem 1rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23151f46' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}
.fsel select:focus{outline:0;border-color:var(--teal-d)}
.itin-bar .fcount{margin-left:auto;display:flex;gap:.6rem;align-items:baseline}
.freset{font-size:var(--text-sm);font-weight:800}
.itin-bar .fgroup-gu{margin-left:0}
@media (max-width:760px){
  .fsearch{flex-basis:100%}
  .fsel{flex:1 1 45%}.fsel select{width:100%}
  .itin-bar .fcount{margin-left:0;width:100%}
  .itin-bar .fgroup-gu{margin-left:0}
}
/* art-tip v2: khối mẹo nổi bật, 4 kiểu */
.art-body .art-tip{--tip-c:var(--yellow);--tip-ic:var(--navy);--tip-bg:#FFF8E4;
  --tip-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.7.6 1.1 1.3 1.1 2.2h5c0-.9.4-1.6 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
  position:relative;background:var(--tip-bg);border:2px solid var(--tip-c);border-left-width:8px;border-radius:var(--r);
  padding:1.15rem 1.35rem 1.2rem 4.6rem;margin:1.8rem 0;box-shadow:var(--shadow)}
.art-body .art-tip::before{content:"";position:absolute;left:1.05rem;top:1.05rem;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--tip-c);box-shadow:0 4px 10px -4px rgba(110,84,40,.45)}
.art-body .art-tip::after{content:"";position:absolute;left:1.55rem;top:1.55rem;width:1.5rem;height:1.5rem;background:var(--tip-ic);-webkit-mask:var(--tip-i) center/contain no-repeat;mask:var(--tip-i) center/contain no-repeat}
.art-body .art-tip .box-k{font-family:var(--f-display);font-size:1.18rem;line-height:1.25;font-weight:800;letter-spacing:0;text-transform:none;color:var(--navy);margin:.35rem 0 .45rem}
.art-body .art-tip p:last-child,.art-body .art-tip ul:last-child{margin-bottom:0}
.art-body .art-tip.is-warn{--tip-c:var(--red);--tip-ic:#fff;--tip-bg:#FFF0EC;
  --tip-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v8'/%3E%3Cpath d='M12 18.5v.01'/%3E%3C/svg%3E")}
.art-body .art-tip.is-save{--tip-c:var(--teal);--tip-ic:#fff;--tip-bg:#EAF6F5;
  --tip-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a1 1 0 0 1-1-1V7z'/%3E%3Cpath d='M4 7l11-3v3'/%3E%3Ccircle cx='16' cy='13.5' r='1.3'/%3E%3C/svg%3E")}
.art-body .art-tip.is-check{--tip-c:var(--teal-d);--tip-ic:#fff;--tip-bg:#EAF6F5;
  --tip-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.tip-check{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.5rem}
.tip-check li{position:relative;padding-left:1.9rem}
.tip-check li::before{content:"";position:absolute;left:0;top:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--teal-d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat}
@media (max-width:640px){
  .art-body .art-tip{padding:1rem 1.1rem 1.1rem 1.1rem;border-left-width:6px}
  .art-body .art-tip::before{left:.85rem;top:.85rem;width:2.2rem;height:2.2rem}
  .art-body .art-tip::after{left:1.3rem;top:1.3rem;width:1.3rem;height:1.3rem}
  .art-body .art-tip .box-k{font-size:1.08rem;margin:0 0 .6rem;padding-left:2.75rem;min-height:2.2rem;display:flex;align-items:center}
  .art-body .art-tip .box-k:only-child,.art-body .art-tip>p:first-child:not(.box-k){padding-left:2.75rem;min-height:2.2rem}
}
/* Cẩm nang trang chủ: 1 bài theo mùa + 3 bài thiết yếu (12/10/2026) */
.sec-sub .text-link{white-space:nowrap}
.guide-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:1.6rem;align-items:stretch}
.gf-main{display:flex;flex-direction:column;border:var(--line);border-radius:var(--r);overflow:hidden;background:var(--white);text-decoration:none;color:inherit;transition:background .2s}
.gf-main:hover{background:var(--cream-2)}
.gf-img,.gf-thumb{position:relative;overflow:hidden}
.gf-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:var(--line)}
.gf-body{padding:1.2rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.gf-body .tag,.gf-item .tag{margin:0}
.gf-main h3{margin:0;font-size:var(--text-lg);line-height:1.25}
.gf-desc{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}
.gf-meta{margin:auto 0 0;padding-top:.3rem;font-size:var(--text-xs);font-weight:700;color:var(--teal-d)}
.gf-list{display:flex;flex-direction:column}
.gf-k{margin:0 0 .6rem;font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gf-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;flex:1}
.gf-list li{flex:1;display:flex}
.gf-item{flex:1;display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem;align-items:center;padding:.7rem;border:var(--line);border-radius:var(--r);background:var(--white);text-decoration:none;color:inherit;transition:background .2s}
.gf-item:hover{background:var(--cream-2)}
.gf-thumb{border-radius:calc(var(--r) - 4px)}
.gf-thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.gf-thumb .card-mark{transform:scale(.8);transform-origin:top right}
.gf-item h3{margin:.2rem 0 .3rem;font-size:var(--text-base);line-height:1.25}
.gf-item .gf-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gf-item .gf-meta{margin-top:.35rem;padding:0}
@media (max-width:1100px){.gf-item{grid-template-columns:140px minmax(0,1fr)}.gf-item .gf-desc{display:none}}
@media (max-width:760px){.guide-feat{grid-template-columns:1fr}}
@media (max-width:640px){.gf-item{grid-template-columns:112px minmax(0,1fr);gap:.8rem;padding:.55rem}.gf-main h3{font-size:var(--text-lg)}.gf-item h3{font-size:var(--text-sm)}}
/* Nút nổi Hỏi Diladi: tròn ở màn hình nhỏ, mờ khi đang cuộn, ẩn khi tới form/chân trang */
.float-chat{transition:opacity .25s,transform .25s}
.float-chat.fc-dim{opacity:.3;transform:scale(.86)}
.float-chat.fc-off{opacity:0;transform:scale(.8);pointer-events:none}
@media (max-width:1100px){.float-chat span{display:none}.float-chat{padding:.3rem}}
@media (prefers-reduced-motion:reduce){.float-chat{transition:none}}
/* Thanh đồng ý cookie (chỉ hiện khi đã gắn mã Metrika) */
.consent-bar{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;max-width:760px;margin:0 auto;display:flex;gap:1rem;align-items:center;justify-content:space-between;background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:.9rem 1.1rem}
.consent-bar p{margin:0;font-size:var(--text-sm);line-height:1.45}
.consent-btns{display:flex;gap:.5rem;flex-shrink:0}
@media (max-width:640px){.consent-bar{flex-direction:column;align-items:stretch}.consent-btns{justify-content:flex-end}}
body.has-consent .float-chat{opacity:0;pointer-events:none}
/* Câu chuyện nhà Củ Cải */
.vd-tabs-wrap{padding-top:1rem}.vd-tabs-wrap .ghep-tabs{margin-top:0}
.page-story .parade-b{margin:1.2rem auto 0}
.cc-more{margin-top:.8rem;font-weight:700}.cc-more a{color:var(--navy)}
.cc-fam{list-style:none;padding:0;margin:1.4rem 0;display:grid;gap:.8rem}
.cc-fam-i{display:grid;grid-template-columns:86px 1fr;gap:1rem;align-items:center;padding:.9rem 1.1rem;border:var(--line);border-radius:var(--r);background:var(--white);box-shadow:var(--shadow-sm)}
.cc-fam-i img{width:86px;height:110px;object-fit:contain;object-position:bottom center}
.cc-fam-i h3{margin:0 0 .25rem;font-size:1.08rem;color:var(--navy)}.cc-fam-i h3 span{font-weight:500;color:var(--muted,#6b6b6b);font-size:.95rem}
.cc-fam-i p{margin:0 0 .35rem;font-size:.97rem}.cc-fam-i a{font-weight:700;font-size:.92rem;color:var(--navy)}
.cc-fam-i.is-lead{background:var(--yellow-soft,#fff3c4);border-color:var(--yellow,#f6c445)}
@media (max-width:520px){.cc-fam-i{grid-template-columns:64px 1fr;gap:.8rem;padding:.8rem}.cc-fam-i img{width:64px;height:84px}}
/* ===== Trang Thuê xe có lái (VIP, công tác) ===== */
.page-tx{--gold:#E3B75A}
.tx-hero{background:var(--pine);color:#fff;padding:clamp(2rem,4vw,3.5rem) 0 clamp(2rem,4vw,3rem)}
.tx-hero .crumb,.tx-hero .crumb a{color:rgba(255,255,255,.72)}
.tx-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.tx-kicker,.tx-eyebrow{font-size:var(--text-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem}
.tx-kicker{color:var(--gold)}
.tx-eyebrow{color:var(--teal-d)}
.tx-kicker::after,.tx-eyebrow::after{content:"";display:block;width:44px;height:2px;background:currentColor;margin-top:.6rem;opacity:.7}
.tx-hero h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.6rem);color:#fff;margin-bottom:.5em}
.tx-lead{font-size:var(--text-lg);color:rgba(255,255,255,.86);max-width:36em}
.tx-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.tx-btn-line{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:transparent}
.tx-btn-line:hover{border-color:var(--gold);color:var(--gold)}
.tx-hero-ph,.tx-ph,.tx-band-ph{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:3/2;box-shadow:0 24px 50px -24px rgba(0,0,0,.45)}
.tx-hero-ph img,.tx-ph img,.tx-band-ph img{width:100%;height:100%;object-fit:cover}
.tx-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(1.8rem,3vw,2.6rem);border-top:1px solid rgba(255,255,255,.18)}
.tx-facts li{padding:1.1rem 1rem 0 0;display:flex;flex-direction:column;gap:.15rem}
.tx-facts li+li{padding-left:1.2rem;border-left:1px solid rgba(255,255,255,.18)}
.tx-facts b{font-family:var(--f-display);font-size:1.35rem;color:var(--gold);line-height:1.2}
.tx-facts span{font-size:var(--text-sm);color:rgba(255,255,255,.75)}
.tx-sec{padding:var(--sec-pad) 0}
.tx-sec-alt{background:var(--white)}
.tx-h2{font-size:var(--text-xl);color:var(--navy);max-width:22em}
.tx-p{color:var(--muted);max-width:36em}
.tx-segs{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2rem}
.tx-seg{border-top:2px solid var(--navy);padding-top:1.1rem}
.tx-seg-n{font-family:var(--f-display);font-weight:800;color:var(--gold);font-size:1.1rem;letter-spacing:.06em}
.tx-seg h3{margin:.35rem 0 .5rem;color:var(--navy);font-size:1.15rem}
.tx-seg p{color:var(--muted);font-size:.98rem;margin:0}
.tx-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.tx-split-top{align-items:start}
.tx-fleet{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.4rem}
.tx-tier{border:var(--line);border-radius:var(--r-lg);padding:1.4rem 1.5rem;background:var(--cream)}
.tx-tier.is-vip{background:var(--pine);border-color:var(--pine);color:#fff}
.tx-tier h3{font-size:1.2rem;margin:0 0 .8rem;color:var(--navy)}
.tx-tier.is-vip h3{color:var(--gold)}
.tx-tier li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid rgba(21,31,70,.12)}
.tx-tier.is-vip li{border-top-color:rgba(255,255,255,.16)}
.tx-tier li div{display:flex;flex-direction:column;gap:.1rem}
.tx-tier li b{font-weight:800}
.tx-tier li span{font-size:var(--text-sm);color:var(--muted)}
.tx-tier.is-vip li span{color:rgba(255,255,255,.72)}
.tx-tier li em{font-style:normal;font-weight:800;white-space:nowrap;font-size:var(--text-sm);color:var(--teal-d)}
.tx-tier.is-vip li em{color:var(--gold)}
.tx-fine{font-size:var(--text-sm);color:var(--muted);margin-top:1rem}
.tx-steps{counter-reset:s;margin-top:1.4rem;display:grid;gap:1rem}
.tx-steps li{counter-increment:s;position:relative;padding-left:3.2rem}
.tx-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.1rem;font-family:var(--f-display);font-weight:800;color:var(--navy);border:1.5px solid var(--gold);border-radius:999px;width:2.3rem;height:2.3rem;display:grid;place-items:center;font-size:.9rem}
.tx-steps h3{font-size:1.05rem;margin:0 0 .2rem;color:var(--navy)}
.tx-steps p{margin:0;color:var(--muted);font-size:.98rem}
.tx-band{background:var(--pine);color:#fff}
.tx-band .tx-h2{color:#fff}.tx-band .tx-eyebrow{color:var(--gold)}
.tx-band-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.tx-std li{display:flex;flex-direction:column;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.16)}
.tx-std b{color:var(--gold);font-weight:800}
.tx-std span{color:rgba(255,255,255,.82);font-size:.98rem}
.tx-rules{margin:0;display:grid;gap:0;border-top:2px solid var(--navy)}
.tx-rules div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--sand)}
.tx-rules dt{font-weight:800;color:var(--navy)}
.tx-rules dd{margin:0;color:var(--muted)}
.tx-ph-sm{margin-top:1.6rem}
.tx-faq{max-width:820px}
.tx-more{margin-top:1.4rem;color:var(--muted)}
.tx-more a{color:var(--navy);font-weight:700}
@media (max-width:980px){.tx-segs{grid-template-columns:1fr 1fr}.tx-facts{grid-template-columns:1fr 1fr}.tx-facts li:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:900px){.tx-hero-in,.tx-split,.tx-band-in,.tx-fleet{grid-template-columns:1fr}.tx-split-r .tx-ph{order:0}}
@media (max-width:560px){.tx-segs{grid-template-columns:1fr}.tx-rules div{grid-template-columns:1fr;gap:.25rem}.tx-tier{padding:1.1rem}.tx-tier li{flex-direction:column;gap:.2rem}}
.dv-more-tx{margin:.4rem 0 1rem;font-weight:800}.dv-more-tx a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}
/* Thuê xe: form trang trọng */
.tx-form{background:var(--cream-2);color:var(--ink)}
.tx-form .sec-title{color:var(--navy)}
.tx-form .form-intro p,.tx-form .chat-alt p{color:var(--muted)}
.tx-form .chat-phone a{color:var(--navy)}
.tx-form .chat-phone span{color:var(--muted)}
.tx-form .btn-ghost{background:#fff;color:var(--navy);border-color:var(--sand)}
.tx-form .lead-form{border-top:3px solid var(--gold)}
.tx-ok-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);color:var(--navy);font-weight:800;font-size:1.5rem;flex:none}
.page-tx .form-ok{align-items:center}
.tx-form .lead-form{color:var(--ink)}.tx-form .lead-form .fine{color:var(--muted)}
.tx-band-p{color:rgba(255,255,255,.84);max-width:34em}
.tx-std-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:clamp(2rem,4vw,3rem)}
.tx-std-g h3{color:#fff;font-size:1.05rem;margin:0 0 .4rem;padding-bottom:.6rem;border-bottom:2px solid var(--gold)}
.tx-std-g .tx-std li:first-child{border-top:0}
@media (max-width:1100px){.tx-std-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tx-std-grid{grid-template-columns:1fr}}
.tx-h2{text-wrap:balance}

.tx-hero-ph,.tx-band-ph{box-shadow:0 24px 50px -24px rgba(0,0,0,.5)}
.tx-form .lead-form{box-shadow:var(--shadow)}
/* Đón tiễn sân bay, nhà ga */
.dt-levels{grid-template-columns:repeat(5,1fr)}
.dt-cmp-wrap{overflow-x:auto;margin-top:2rem;border-radius:var(--r-lg);border:var(--line);background:var(--cream)}
.dt-cmp{width:100%;min-width:760px;border-collapse:collapse;font-size:.95rem}
.dt-cmp th,.dt-cmp td{padding:.85rem 1rem;text-align:center;border-bottom:1px solid var(--sand);vertical-align:middle}
.dt-cmp thead th{background:var(--pine);color:#fff;font-weight:800;font-size:.92rem;line-height:1.3}
.dt-cmp thead td{background:var(--pine)}
.dt-cmp tbody th{text-align:left;color:var(--navy);font-weight:700;width:24%}
.dt-cmp tbody tr:last-child th,.dt-cmp tbody tr:last-child td{border-bottom:0;font-size:.88rem;color:var(--muted)}
.dt-cmp td{color:var(--muted)}
.dt-y{color:var(--teal-d);font-size:1.05rem}.dt-p{color:var(--gold);font-size:1.05rem}.dt-n{color:#9aa0a6}
.dt-air{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;margin-top:2.2rem}
.dt-air-c{border-top:2px solid var(--pine);padding-top:1rem}
.dt-air-city{font-size:var(--text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);margin:0}
.dt-air-c h3{margin:.2rem 0 .1rem;color:var(--navy);font-size:1.2rem}
.dt-air-ru{font-size:var(--text-sm);color:var(--muted);margin:0 0 .6rem}
.dt-air-c li{font-size:.94rem;color:var(--muted);padding:.55rem 0;border-top:1px solid var(--sand)}
.dt-tip{margin-top:2rem;padding:1.1rem 1.3rem;border-left:3px solid var(--gold);background:var(--cream-2);border-radius:0 var(--r-lg) var(--r-lg) 0;color:var(--ink);max-width:60em}
.dt-tip b{color:var(--navy)}
.tx-band .dt-ga{margin-top:clamp(2rem,4vw,3rem);border-top-color:var(--gold)}
.tx-band .dt-ga div{border-bottom-color:rgba(255,255,255,.16)}
.tx-band .dt-ga dt{color:var(--gold)}.tx-band .dt-ga dd{color:rgba(255,255,255,.84)}
.tx-band .dt-ga dt [lang],.tx-band .dt-ga dd [lang]{color:inherit}
@media (max-width:1100px){.dt-levels,.dt-air{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.dt-levels,.dt-air{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.dt-levels,.dt-air{grid-template-columns:1fr}}
.dt-cmp{table-layout:fixed}.dt-cmp .dt-y{font-size:1.25rem;line-height:1}
.dt-swipe{display:none;font-size:var(--text-sm);color:var(--muted);margin:1.2rem 0 -1.2rem}
.dt-cmp tbody th{position:sticky;left:0;background:var(--cream);z-index:1}
@media (max-width:760px){.dt-swipe{display:block}.dt-cmp tbody th{width:9.5rem;box-shadow:2px 0 0 var(--sand)}}
/* Icon trang đón tiễn */
.dt-ic{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--pine);background:#fff;flex:none}
.dt-ic svg{width:28px;height:28px}
.dt-lv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.dt-lv .tx-seg-n{font-size:1rem}
.dt-ic-sm{display:block;margin:0 auto .35rem;color:var(--gold);line-height:0}
.dt-ic-sm svg{width:24px;height:24px}
.dt-cmp thead th span{display:block}
.dt-y{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(14,124,123,.12);color:var(--teal-d);vertical-align:middle}
.dt-y svg{width:17px;height:17px}
.dt-y-sm{width:20px;height:20px}.dt-y-sm svg{width:13px;height:13px}
.dt-ga dt{display:flex;gap:.7rem;align-items:flex-start}
.dt-ic-ga{flex:none;color:var(--gold);line-height:0;margin-top:.05rem}
.dt-ic-ga svg{width:28px;height:28px}
.tx-rules.dt-ga div{grid-template-columns:15rem 1fr}
@media (max-width:560px){.tx-rules.dt-ga div{grid-template-columns:1fr}.dt-ic{width:46px;height:46px}.dt-ic svg{width:24px;height:24px}}
/* Icon trang dịch vụ lẻ */
.dv-trust li{grid-template-columns:auto 1fr;column-gap:.55rem;align-items:start}
.dv-trust-ic{grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--cream-2);color:var(--teal-d);display:grid;place-items:center}
.dv-trust-ic svg{width:18px;height:18px}
.dv-jump a{display:inline-flex;align-items:center;gap:.4rem}
.dv-jump a svg{width:16px;height:16px;flex:none;color:var(--teal-d)}
.dv-veh-ic{display:block;color:var(--teal-d);margin-bottom:.55rem;line-height:0}
.dv-veh-ic svg{width:64px;height:32px}
@media (max-width:560px){.dv-trust-ic{width:28px;height:28px}.dv-trust-ic svg{width:16px;height:16px}}
.dv-trust li{grid-template-columns:auto 1fr;align-items:center;row-gap:.3rem}
.dv-trust-ic{grid-row:auto;width:28px;height:28px}.dv-trust-ic svg{width:16px;height:16px}
.dv-trust li span:not(.dv-trust-ic){grid-column:1/-1}
/* Icon trang thiết kế riêng */
.tk-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(14,124,123,.1);color:var(--teal-d);margin-bottom:.6rem}
.tk-ic svg{width:22px;height:22px}
.tk-case:nth-child(3n+2) .tk-ic{background:rgba(255,199,44,.22);color:#9a6a00}
.tk-case:nth-child(3n) .tk-ic{background:rgba(214,64,58,.1);color:var(--red)}
.tk-get{list-style:none;margin:1rem 0 1.2rem;padding:0;display:grid;gap:.55rem}
.tk-get li{display:flex;gap:.7rem;align-items:center}
.tk-get-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--white);border:var(--line);color:var(--teal-d)}
.tk-get-ic svg{width:17px;height:17px}
/* Trang hướng dẫn viên và phiên dịch */
.hdv-levels{grid-template-columns:repeat(4,1fr)}
.hdv-pd{grid-template-columns:repeat(5,1fr)}
.hdv-tags{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem}
.hdv-tags li{font-size:.8rem;font-weight:700;color:var(--pine);background:var(--cream-2);border:1px solid var(--sand);border-radius:99px;padding:.15rem .6rem}
.hdv-cmp tbody th{width:22%}
.hdv-need{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2rem}
.hdv-need-c{background:var(--cream);border:var(--line);border-top:3px solid var(--pine);border-radius:var(--r-lg);padding:1.15rem 1.2rem}
.hdv-need-c h3{margin:0 0 .45rem;color:var(--navy);font-size:1.08rem}
.hdv-need-c p{margin:0;color:var(--muted);font-size:.95rem}
.hdv-need-c .hdv-need-go{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--sand);color:var(--ink)}
.hdv-need-go b{color:var(--pine)}
@media (max-width:1100px){.hdv-pd{grid-template-columns:repeat(3,1fr)}.hdv-need{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.hdv-levels{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hdv-pd{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hdv-levels,.hdv-pd,.hdv-need{grid-template-columns:1fr}}
/* Nền kem cát cho đầu trang và khối nổi bật trang dịch vụ (thay xanh rêu) */
.tx-hero,.tx-band{background:var(--cream-2);color:var(--ink)}
.tx-hero{border-bottom:1px solid var(--sand)}
.tx-band{border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}
.tx-hero .crumb,.tx-hero .crumb a{color:var(--muted)}
.tx-hero h1,.tx-band .tx-h2{color:var(--navy)}
.tx-kicker,.tx-band .tx-eyebrow{color:var(--red-d)}
.tx-lead,.tx-band-p{color:var(--muted)}
.tx-btn-line{border-color:var(--navy);color:var(--navy)}
.tx-btn-line:hover{border-color:var(--red-d);color:var(--red-d)}
.tx-facts{border-top-color:var(--sand)}
.tx-facts li+li{border-left-color:var(--sand)}
.tx-facts b{color:var(--red-d)}
.tx-facts span{color:var(--muted)}
.tx-hero-ph,.tx-band-ph{box-shadow:var(--shadow)}
.tx-band .dt-ga{border-top-color:var(--red-d)}
.tx-band .dt-ga div{border-bottom-color:var(--sand)}
.tx-band .dt-ga dt{color:var(--red-d)}.tx-band .dt-ga dd{color:var(--ink)}
.tx-band .dt-ic-ga{color:var(--red-d)}
.tx-std li{border-top-color:var(--sand)}
.tx-std b{color:var(--navy)}
.tx-std span{color:var(--muted)}
.tx-std-g h3{color:var(--navy);border-bottom-color:var(--red-d)}
/* Sang trọng hơn: ngà sâm panh, navy, đồng cổ */
.page-tx{--champ:#F3EBDD;--bronze:#7A5C30;--gilt:#B8955A;--hair:#DCCBAA}
.tx-hero,.tx-band{background:var(--champ);background-image:radial-gradient(120% 90% at 0% 0%,rgba(255,255,255,.55),rgba(255,255,255,0) 60%)}
.tx-hero{border-bottom:1px solid var(--hair)}
.tx-band{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.tx-kicker,.tx-band .tx-eyebrow{color:var(--bronze);letter-spacing:.2em}
.tx-kicker::after,.tx-band .tx-eyebrow::after{background:var(--gilt);opacity:1;width:56px;height:1px}
.tx-facts{border-top:1px solid var(--gilt)}
.tx-facts li+li{border-left-color:var(--hair)}
.tx-facts b{color:var(--navy)}
.tx-facts span{color:var(--bronze)}
.tx-btn-line{border-color:var(--navy);color:var(--navy)}
.tx-btn-line:hover{border-color:var(--bronze);color:var(--bronze);background:rgba(255,255,255,.5)}
.tx-hero-ph,.tx-band-ph{box-shadow:0 0 0 1px var(--hair),0 0 0 7px rgba(255,255,255,.65),0 0 0 8px var(--hair),0 28px 48px -26px rgba(60,44,20,.45)}
.tx-band .dt-ga{border-top:1px solid var(--gilt)}
.tx-band .dt-ga div{border-bottom-color:var(--hair)}
.tx-band .dt-ga dt,.tx-band .dt-ic-ga{color:var(--bronze)}
.tx-std li{border-top-color:var(--hair)}
.tx-std-g h3{border-bottom:1px solid var(--gilt)}
/* Icon dải thông tin đầu trang + thẻ theo nhu cầu */
.tx-facts li{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-content:start}
.tx-facts li b,.tx-facts li span:not(.tx-fact-ic){grid-column:2}
.tx-fact-ic{grid-row:1 / span 2;width:40px;height:40px;border-radius:50%;border:1px solid var(--gilt,#B8955A);background:rgba(255,255,255,.6);display:grid;place-items:center;color:var(--bronze,#7A5C30);margin-top:.1rem}
.tx-fact-ic svg{width:21px;height:21px}
.hdv-need-c{border-top:1px solid var(--hair,#DCCBAA);border-color:var(--hair,#DCCBAA);background:#fff;display:flex;flex-direction:column;padding:1.2rem 1.25rem 1.25rem;transition:box-shadow .2s,transform .2s}
.hdv-need-c:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.hdv-need-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}
.hdv-need-top h3{margin:0}
.hdv-need-ic{flex:none;width:42px;height:42px;border-radius:50%;background:var(--champ,#F3EBDD);border:1px solid var(--gilt,#B8955A);display:grid;place-items:center;color:var(--bronze,#7A5C30)}
.hdv-need-ic svg{width:22px;height:22px}
.hdv-need-c .hdv-need-go{margin-top:auto;padding:.75rem .85rem;border:0;border-left:2px solid var(--gilt,#B8955A);background:var(--champ,#F3EBDD);border-radius:0 12px 12px 0}
.hdv-need-c>p{margin-bottom:.9rem}
.hdv-need-go p{margin:0;color:var(--ink);font-size:.93rem}
.hdv-need-c .hdv-need-go .hdv-need-lb{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze,#7A5C30);margin-bottom:.3rem}
.hdv-need-lb svg{width:14px;height:14px}
@media (max-width:560px){.tx-facts li{grid-template-columns:1fr;row-gap:.15rem}.tx-facts li b,.tx-facts li span:not(.tx-fact-ic){grid-column:1}.tx-fact-ic{grid-row:auto;width:34px;height:34px;margin-bottom:.35rem}.tx-fact-ic svg{width:18px;height:18px}.tx-facts b{font-size:1.15rem}}
/* Bậc thang 4 cấp hướng dẫn viên */
.page-hdv{--champ:#F3EBDD;--bronze:#7A5C30;--gilt:#B8955A;--hair:#DCCBAA}
.hdv-scale{display:flex;align-items:center;gap:.9rem;margin:2.2rem 0 1rem;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.hdv-scale i{flex:1;height:2px;background:linear-gradient(90deg,var(--hair),var(--gilt) 60%,var(--navy));position:relative}
.hdv-scale i::after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-top:2px solid var(--navy);border-right:2px solid var(--navy);transform:translateY(-50%) rotate(45deg)}
.hdv-ladder{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:end}
.hdv-g{position:relative;background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);padding:1.3rem 1.3rem 1.2rem;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.hdv-g:nth-child(1){min-height:400px}.hdv-g:nth-child(2){min-height:420px}.hdv-g:nth-child(3){min-height:440px}.hdv-g:nth-child(4){min-height:460px}
.hdv-g-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.hdv-g-ic{width:48px;height:48px;border-radius:50%;border:1px solid var(--gilt);background:var(--champ);display:grid;place-items:center;color:var(--bronze)}
.hdv-g-ic svg{width:26px;height:26px}
.hdv-g-lv{font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);border-bottom:1px solid var(--gilt);padding-bottom:.15rem}
.hdv-g-badge{align-self:flex-start;font-size:.74rem;font-weight:800;color:var(--navy);background:var(--champ);border:1px solid var(--gilt);border-radius:99px;padding:.15rem .65rem;margin-bottom:.55rem}
.hdv-g h3{margin:0 0 .3rem;color:var(--navy);font-size:1.12rem;line-height:1.3}
.hdv-g-tg{margin:0 0 .9rem;color:var(--muted);font-size:.93rem;font-style:normal}
.hdv-g-do{list-style:none;padding:.85rem 0 0;margin:0 0 1rem;border-top:1px solid var(--hair);display:grid;gap:.55rem}
.hdv-g-do li{display:flex;gap:.55rem;align-items:flex-start;font-size:.93rem;color:var(--ink);line-height:1.45}
.hdv-g-ck{flex:none;width:20px;height:20px;border-radius:50%;background:var(--champ);color:var(--bronze);display:grid;place-items:center;margin-top:.05rem}
.hdv-g-ck svg{width:12px;height:12px}
.hdv-g-do li.is-no{color:var(--muted)}
.hdv-g-do li.is-no .hdv-g-ck{background:transparent;border:1px solid var(--hair);color:var(--muted)}
.hdv-g-fit{margin:auto 0 0;padding-top:.85rem;border-top:1px dashed var(--hair);font-size:.86rem;color:var(--muted)}
.hdv-g-fit span{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);margin-bottom:.2rem}
.hdv-g.is-top{background:var(--navy);border-color:var(--navy);box-shadow:0 26px 46px -26px rgba(21,31,70,.6)}
.hdv-g.is-top h3{color:#fff}.hdv-g.is-top .hdv-g-tg,.hdv-g.is-top .hdv-g-fit{color:rgba(255,255,255,.75)}
.hdv-g.is-top .hdv-g-do{border-top-color:rgba(255,255,255,.16)}.hdv-g.is-top .hdv-g-do li{color:#fff}
.hdv-g.is-top .hdv-g-ck{background:rgba(233,196,120,.16);color:#E9C478}
.hdv-g.is-top .hdv-g-ic{background:transparent;border-color:#E9C478;color:#E9C478}
.hdv-g.is-top .hdv-g-lv,.hdv-g.is-top .hdv-g-fit span{color:#E9C478;border-color:#E9C478}
.hdv-g.is-top .hdv-g-fit{border-top-color:rgba(255,255,255,.2)}
.hdv-g.is-top .hdv-g-badge{background:transparent;color:#E9C478;border-color:#E9C478}
.hdv-muse{display:flex;gap:1.1rem;align-items:flex-start;margin-top:1.6rem;padding:1.2rem 1.4rem;background:#fff;border:1px solid var(--hair);border-left:3px solid var(--gilt);border-radius:0 var(--r-lg) var(--r-lg) 0;max-width:62em}
.hdv-muse-ic{flex:none;width:46px;height:46px;border-radius:50%;background:var(--champ);border:1px solid var(--gilt);display:grid;place-items:center;color:var(--bronze)}
.hdv-muse-ic svg{width:24px;height:24px}
.hdv-muse-t{margin:0 0 .2rem;font-weight:800;color:var(--navy)}
.hdv-muse p:last-child{margin:0;color:var(--ink);font-size:.97rem}
@media (max-width:1100px){.hdv-ladder{grid-template-columns:1fr 1fr;align-items:stretch}.hdv-g:nth-child(n){min-height:0}}
@media (max-width:560px){.hdv-ladder{grid-template-columns:1fr}.hdv-scale{font-size:.66rem;gap:.6rem}.hdv-muse{flex-direction:column;gap:.7rem}}
.hdv-g:nth-child(1){min-height:420px}.hdv-g:nth-child(2){min-height:450px}.hdv-g:nth-child(3){min-height:480px}.hdv-g:nth-child(4){min-height:510px}
.hdv-muse{max-width:none}
@media (max-width:1100px){.hdv-g:nth-child(n){min-height:0}}
/* Cấp 4: thẻ kiểu thiệp mời cao cấp */
.hdv-g.is-top{--au:#E2C27D;--au2:#B8904A;color:#fff;border:0;overflow:hidden;isolation:isolate;
background:
 radial-gradient(120% 70% at 85% -10%,rgba(226,194,125,.22),rgba(226,194,125,0) 55%),
 repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 1px,transparent 1px 9px),
 linear-gradient(165deg,#1B2758 0%,#121A3C 55%,#0B1029 100%);
box-shadow:0 30px 56px -28px rgba(11,16,41,.75),0 0 0 1px rgba(184,144,74,.55)}
.hdv-g.is-top::before{content:"";position:absolute;inset:7px;border:1px solid rgba(226,194,125,.38);border-radius:calc(var(--r-lg) - 6px);pointer-events:none;z-index:-1}
.hdv-g.is-top::after{content:"";position:absolute;left:18%;right:18%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--au),transparent)}
.hdv-g.is-top .hdv-g-ic{border:1px solid var(--au);background:radial-gradient(circle at 35% 30%,rgba(226,194,125,.28),rgba(226,194,125,.06));color:var(--au);box-shadow:0 0 0 4px rgba(226,194,125,.08)}
.hdv-g.is-top .hdv-g-lv,.hdv-g.is-top .hdv-g-fit span{color:var(--au);border-color:var(--au)}
.hdv-g.is-top .hdv-g-badge{color:#1B2758;background:linear-gradient(90deg,#C9A15A,#F0D79A 50%,#C9A15A);border:0}
.hdv-g.is-top h3{color:#fff;letter-spacing:.01em}
.hdv-g.is-top .hdv-g-tg{color:rgba(255,255,255,.72)}
.hdv-g.is-top .hdv-g-do{border-top:1px solid rgba(226,194,125,.3)}
.hdv-g.is-top .hdv-g-do li{color:rgba(255,255,255,.92)}
.hdv-g.is-top .hdv-g-ck{background:transparent;border:1px solid rgba(226,194,125,.7);color:var(--au)}
.hdv-g.is-top .hdv-g-fit{border-top:1px solid rgba(226,194,125,.3);color:rgba(255,255,255,.78)}
/* Cấp 3: thẻ sâm panh viền đồng */
.hdv-g.is-pro{border:1.5px solid var(--gilt);overflow:hidden;isolation:isolate;
background:radial-gradient(110% 60% at 90% -5%,rgba(255,255,255,.9),rgba(255,255,255,0) 60%),linear-gradient(170deg,#FBF5EA 0%,#F1E5CF 100%);
box-shadow:0 26px 46px -28px rgba(122,92,48,.55)}
.hdv-g.is-pro::before{content:"";position:absolute;inset:6px;border:1px solid rgba(184,149,90,.45);border-radius:calc(var(--r-lg) - 5px);pointer-events:none;z-index:-1}
.hdv-g.is-pro .hdv-g-ic{background:linear-gradient(145deg,#9A7642,#7A5C30);border-color:#7A5C30;color:#FBF5EA}
.hdv-g.is-pro .hdv-g-badge{background:#7A5C30;border-color:#7A5C30;color:#FBF5EA}
.hdv-g.is-pro .hdv-g-ck{background:#7A5C30;color:#FBF5EA}
.hdv-g.is-pro .hdv-g-do{border-top-color:rgba(184,149,90,.55)}
.hdv-g.is-pro .hdv-g-fit{border-top-color:rgba(184,149,90,.55)}
/* Bảng so sánh: navy, nhấn cột cấp 3 và cấp 4 */
.hdv-cmp thead th,.hdv-cmp thead td{background:var(--navy)}
.hdv-cmp thead th .dt-ic-sm{color:#E2C27D}
.hdv-cmp thead th:nth-child(4){background:linear-gradient(180deg,#2a3566,#151F46);box-shadow:inset 0 -3px 0 var(--gilt)}
.hdv-cmp thead th:nth-child(5){background:linear-gradient(180deg,#0B1029,#151F46);box-shadow:inset 0 -3px 0 #E2C27D}
.hdv-cmp tbody td:nth-child(4){background:rgba(241,229,207,.55)}
.hdv-cmp tbody td:nth-child(5){background:rgba(21,31,70,.045)}
.hdv-cmp tbody tr:last-child th{font-size:inherit;color:var(--navy)}
.hdv-cmp tbody tr:last-child td{font-size:inherit;color:var(--muted)}
/* W1 Ngọc trai sâm panh: đầu trang 3 trang dịch vụ + chữ nhỏ đồng cổ */
.page-tx{--hero-pat:url(assets/img/tx-pattern.svg)}
.page-dt{--hero-pat:url(assets/img/dt-pattern.svg)}
.page-hdv{--hero-pat:url(assets/img/hdv-pattern.svg)}
.page-tx .tx-hero{position:relative;isolation:isolate;color:var(--navy);border-bottom:1px solid var(--gilt);background:radial-gradient(70% 110% at 62% 42%,#F7F1E6 0%,#E9DCC4 45%,#CDB792 100%)}
.page-tx .tx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--hero-pat) 0 0/420px 300px repeat;opacity:.75;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.25) 42%,#000 78%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.25) 42%,#000 78%)}
.page-tx .tx-hero .crumb,.page-tx .tx-hero .crumb a{color:#4A3A1C}
.page-tx .tx-hero h1{color:var(--navy)}
.page-tx .tx-lead{color:#2E3654}
.page-tx .tx-hero .btn-primary{background:var(--navy);color:#F3DFA6;border-color:var(--navy);box-shadow:0 12px 26px -12px rgba(21,31,70,.55)}
.page-tx .tx-hero .btn-primary:hover{background:#0B1029}
.page-tx .tx-btn-line{border-color:var(--bronze);color:var(--navy);background:rgba(255,255,255,.35)}
.page-tx .tx-btn-line:hover{background:rgba(255,255,255,.6);color:var(--navy);border-color:var(--navy)}
.page-tx .tx-hero-ph{box-shadow:0 0 0 1px rgba(255,255,255,.95),0 0 0 6px rgba(255,255,255,.35),0 0 0 7px rgba(122,92,48,.45),0 30px 56px -28px rgba(70,50,20,.5)}
.page-tx .tx-facts{border-top-color:rgba(122,92,48,.5)}
.page-tx .tx-facts li+li{border-left-color:rgba(122,92,48,.25)}
.page-tx .tx-facts b{color:var(--navy)}
.page-tx .tx-facts span{color:#4A3A1C}
.page-tx .tx-fact-ic{background:rgba(255,255,255,.5);border-color:var(--bronze);color:var(--bronze)}
.page-tx .tx-kicker,.page-tx .tx-eyebrow{color:var(--bronze);letter-spacing:.2em}
.page-tx .tx-kicker::after,.page-tx .tx-eyebrow::after{background:linear-gradient(90deg,var(--gilt),#E2C27D);opacity:1;width:56px;height:1px}
/* HDV: thẻ cặp ngôn ngữ */
.hdv-pairs{list-style:none;margin:clamp(1.8rem,3vw,2.6rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.hdv-pair{background:rgba(255,255,255,.72);border:1px solid var(--hair);border-radius:var(--r-lg);padding:1.15rem 1.2rem 1.25rem;display:flex;flex-direction:column}
.hdv-pair-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem;min-height:34px}
.hdv-pair-v{display:inline-flex;align-items:center;gap:.35rem}
.hdv-pair-c{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 .35rem;border-radius:50%;border:1px solid var(--gilt);color:var(--bronze);font-weight:800;font-size:.74rem;letter-spacing:.06em;background:#fff}
.hdv-pair-ar{color:var(--gilt);font-weight:700;font-size:.95rem}
.hdv-pair-tag{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FBF5EA;background:var(--bronze);border-radius:99px;padding:.22rem .6rem;white-space:nowrap}
.hdv-pair h3{font-size:1.02rem;color:var(--navy);margin:0 0 .35rem}
.hdv-pair p{font-size:.9rem;line-height:1.55;color:var(--muted);margin:0}
.hdv-pair.is-main{background:linear-gradient(160deg,#FBF5EA 0%,#F1E5CF 100%);border:1.5px solid var(--gilt);box-shadow:inset 0 0 0 4px #FBF5EA,inset 0 0 0 5px var(--hair)}
.hdv-pair.is-main .hdv-pair-c{background:var(--bronze);border-color:var(--bronze);color:#FBF5EA}
@media (max-width:980px){.hdv-pairs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.hdv-pairs{grid-template-columns:1fr}}
/* HDV: các bước nằm ngang */
.hdv-flow{list-style:none;margin:clamp(1.6rem,3vw,2.4rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative}
.hdv-flow::before{content:"";position:absolute;left:22px;right:22px;top:21px;height:1px;background:linear-gradient(90deg,var(--gilt),var(--hair))}
.hdv-flow li{position:relative}
.hdv-flow-n{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--gilt);color:var(--bronze);font-weight:800;font-size:.85rem;margin-bottom:1rem;box-shadow:0 0 0 5px var(--cream-2,#FBF5EA)}
.hdv-flow li:first-child .hdv-flow-n{background:var(--navy);border-color:var(--navy);color:#F3DFA6}
.hdv-flow h3{font-size:1.02rem;color:var(--navy);margin:0 0 .35rem}
.hdv-flow p{font-size:.92rem;line-height:1.55;color:var(--muted);margin:0}
@media (max-width:900px){.hdv-flow{grid-template-columns:1fr;gap:1.2rem}.hdv-flow::before{left:21px;right:auto;top:22px;bottom:22px;width:1px;height:auto;background:linear-gradient(180deg,var(--gilt),var(--hair))}
.hdv-flow li{padding-left:64px;min-height:44px}.hdv-flow-n{position:absolute;left:0;top:0;margin:0}}
/* HDV: vài điều nên biết, gom 3 nhóm */
.hdv-know-hd{margin-top:clamp(2.6rem,5vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--hair)}
.hdv-know{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:clamp(1.2rem,2.5vw,1.8rem);align-items:start}
.hdv-know-c{background:#fff;border:1px solid var(--hair);border-top:2px solid var(--gilt);border-radius:var(--r-lg);padding:1.25rem 1.3rem .4rem}
.hdv-know-c header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}
.hdv-know-c h3{font-size:1.05rem;color:var(--navy);margin:0}
.hdv-know-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--gilt);color:var(--bronze);background:#FBF5EA;flex:none}
.hdv-know-ic svg{width:22px;height:22px}
.hdv-know-c dl{margin:0}
.hdv-know-c dl>div{padding:.9rem 0;border-top:1px solid #EFE4D0}
.hdv-know-c dl>div:first-child{border-top:0}
.hdv-know-c dt{font-weight:800;color:var(--bronze);font-size:.86rem;letter-spacing:.02em;margin-bottom:.25rem}
.hdv-know-c dd{margin:0;font-size:.92rem;line-height:1.58;color:var(--ink)}
@media (max-width:980px){.hdv-know{grid-template-columns:1fr}}
.hdv-flow::before{display:none}
.hdv-flow-n{box-shadow:none}
.hdv-flow li:not(:last-child)::after{content:"";position:absolute;left:52px;right:calc(-1.4rem + 8px);top:21px;height:1px;background:linear-gradient(90deg,var(--gilt),var(--hair))}
.hdv-know{align-items:stretch}
@media (max-width:900px){.hdv-flow li:not(:last-child)::after{left:21px;right:auto;top:52px;bottom:calc(-1.2rem + 8px);width:1px;height:auto;background:linear-gradient(180deg,var(--gilt),var(--hair))}}
/* Dịch vụ: bỏ xanh rêu, thẻ có icon */
.tx-p-w{max-width:68ch}
.page-tx .tx-segs:not(.dt-levels) .tx-seg{background:#fff;border:1px solid var(--hair);border-top:2px solid var(--gilt);border-radius:var(--r-lg);padding:1.25rem 1.3rem 1.35rem}
.tx-seg-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}
.tx-seg-ic,.tx-std-ic,.tx-tier-ic{display:inline-grid;place-items:center;border-radius:50%;flex:none}
.tx-seg-ic{width:46px;height:46px;border:1px solid var(--gilt);background:#FBF5EA;color:var(--bronze)}
.tx-seg-ic svg{width:24px;height:24px}
.page-tx .tx-seg-n{color:var(--gilt);font-size:1rem}
.page-tx .tx-segs:not(.dt-levels) .tx-seg:last-child{background:linear-gradient(160deg,#FBF5EA,#F1E5CF);border-color:var(--gilt)}
.page-tx .tx-segs:not(.dt-levels) .tx-seg:last-child .tx-seg-ic{background:var(--bronze);border-color:var(--bronze);color:#FBF5EA}
@media (max-width:980px){.page-tx .tx-segs:not(.dt-levels){grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.page-tx .tx-segs:not(.dt-levels){grid-template-columns:1fr}}
/* Hạng cao cấp: navy thiệp mời, chỉ vàng */
.page-tx .tx-tier{background:#fff;border:1px solid var(--hair)}
.page-tx .tx-tier h3{display:flex;align-items:center;gap:.65rem}
.tx-tier-ic{width:36px;height:36px;border:1px solid var(--gilt);color:var(--bronze);background:#FBF5EA}
.tx-tier-ic svg{width:19px;height:19px}
.page-tx .tx-tier li em{color:var(--bronze)}
.page-tx .tx-tier.is-vip{position:relative;color:#fff;border:1px solid #B8904A;background:radial-gradient(90% 60% at 100% 0%,rgba(226,194,125,.16),transparent 60%),linear-gradient(165deg,#1E2A5E 0%,#151F46 55%,#0E1534 100%);box-shadow:inset 0 0 0 6px #151F46,inset 0 0 0 7px rgba(226,194,125,.45),0 24px 48px -28px rgba(14,21,52,.7)}
.page-tx .tx-tier.is-vip h3{color:#E2C27D}
.page-tx .tx-tier.is-vip .tx-tier-ic{background:linear-gradient(145deg,#E6C887,#B8904A);border-color:#E2C27D;color:#151F46}
.page-tx .tx-tier.is-vip li{border-top-color:rgba(226,194,125,.22)}
.page-tx .tx-tier.is-vip li span{color:rgba(255,255,255,.74)}
.page-tx .tx-tier.is-vip li em{color:#E2C27D}
/* Tiêu chuẩn phục vụ: 4 thẻ có icon */
.page-tx .tx-std-g{background:rgba(255,255,255,.72);border:1px solid var(--hair);border-radius:var(--r-lg);padding:1.2rem 1.25rem .5rem}
.page-tx .tx-std-g h3{display:flex;align-items:center;gap:.65rem;border-bottom:1px solid var(--gilt);padding-bottom:.85rem;margin-bottom:.2rem}
.tx-std-ic{width:40px;height:40px;border:1px solid var(--gilt);color:var(--bronze);background:#FBF5EA}
.tx-std-ic svg{width:21px;height:21px}
@media (max-width:980px){.tx-std-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tx-std-grid{grid-template-columns:1fr}}
/* Bảng so sánh Đón tiễn: navy như trang Hướng dẫn viên */
.page-tx .dt-cmp thead th,.page-tx .dt-cmp thead td{background:var(--navy)}
.page-tx .dt-cmp thead .dt-ic-sm{color:#E2C27D}
/* Các điểm xanh rêu còn lại trong thân trang */
.page-tx .dt-ic{color:var(--bronze);border-color:var(--gilt)}
.page-tx .dt-air-c{border-top-color:var(--gilt)}
.page-tx .hdv-tags li{color:var(--bronze);background:#FBF5EA;border-color:var(--hair)}
.page-tx .hdv-need-c{border-top-color:var(--gilt)}
.page-tx .hdv-need-go b{color:var(--navy)}
.page-tx .dt-y{background:#F1E5CF;color:var(--bronze)}
.page-ve{--hero-pat:url(assets/img/ve-pattern.svg)}
/* Trang Vé tàu, máy bay, tham quan + menu con Dịch vụ lẻ (12/10/2026) */
@media (min-width:861px){.nav .has-sub-r>ul.subnav{left:auto;right:-.4rem}}
.page-ve .ve-trains{grid-template-columns:repeat(3,1fr)}
.page-ve .ve-ru{margin:.1rem 0 .5rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;color:var(--bronze)}
.page-ve .ve-tiers{display:grid;gap:1rem}
.page-ve .ve-routes-lb{margin:1.2rem 0 0;font-size:var(--text-sm);font-weight:800;color:var(--bronze)}
.page-ve .ve-fly{grid-template-columns:repeat(3,1fr)}
.page-ve .ve-offt th[scope=row]{text-align:left}
.page-ve .ve-offt td{text-align:left}
.page-ve .ve-off{font-weight:800;color:var(--navy);white-space:nowrap}
@media (max-width:1100px){.page-ve .ve-trains{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.page-ve .ve-fly{grid-template-columns:1fr}}
@media (max-width:560px){.page-ve .ve-trains{grid-template-columns:1fr}}
@media (max-width:860px){.nav #navList.open{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}.nav ul.open ul.subnav a{padding:.4rem .4rem}}
/* Thống nhất nền với trang Dịch vụ lẻ (12/10/2026): kem + chấm bi chung, hoa văn riêng từng trang nét navy mờ */
.page-tx .tx-hero{background:var(--cream-2);background-image:radial-gradient(rgba(21,31,70,.09) 1.4px,transparent 1.6px);background-size:22px 22px;border-bottom:var(--line)}
.page-tx .tx-hero::after{background:var(--navy);opacity:.075;
 -webkit-mask-image:var(--hero-pat),linear-gradient(90deg,transparent 0%,transparent 38%,#000 80%);-webkit-mask-size:420px 300px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;
 mask-image:var(--hero-pat),linear-gradient(90deg,transparent 0%,transparent 38%,#000 80%);mask-size:420px 300px,100% 100%;mask-repeat:repeat,no-repeat;mask-composite:intersect}
.page-tx .tx-band,.page-tx .tx-sec-alt{background:var(--cream-2);background-image:none;border-color:var(--sand)}
@media (max-width:900px){.page-tx .tx-hero::after{-webkit-mask-image:var(--hero-pat),linear-gradient(180deg,#000 0%,transparent 55%);mask-image:var(--hero-pat),linear-gradient(180deg,#000 0%,transparent 55%)}}
/* Cẩm nang: Sáu điều nên biết xếp 3 chặng (12/10/2026) */
.kn-ess-steps{grid-template-rows:auto 1fr 1fr;grid-auto-flow:column;row-gap:1rem}
.kn-phase{display:flex;flex-direction:column;gap:.1rem;padding:0 .2rem .7rem;border-bottom:2px solid var(--yellow);position:relative}
.kn-phase[data-ph="2"]{border-bottom-color:#7FC6C4}.kn-phase[data-ph="3"]{border-bottom-color:#EFA39B}
.kn-phase-n{font-size:var(--text-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d)}
.kn-phase b{font-family:var(--f-display);font-size:1.2rem;color:var(--navy);line-height:1.2}
.kn-phase>span:last-child{font-size:var(--text-sm);color:var(--navy-2)}
.kn-ess-top{display:flex;justify-content:space-between;align-items:flex-start}
.kn-step{font-family:var(--f-display);font-weight:800;font-size:1.5rem;line-height:1;color:rgba(21,31,70,.18)}
.kn-ess-steps .kn-ess[data-ph="1"] .kn-ico{background:var(--yellow)}
.kn-ess-steps .kn-ess[data-ph="2"] .kn-ico{background:#BFE3E2}
.kn-ess-steps .kn-ess[data-ph="3"] .kn-ico{background:#F8C9C4}
.kn-ess p.kn-key{margin:0 0 .9rem;padding:.55rem .7rem;border-radius:10px;background:var(--white);border:1px dashed var(--sand);font-size:var(--text-sm);color:var(--navy)}
.kn-ess p.kn-key b{color:var(--teal-d)}
@media (max-width:980px){.kn-ess-steps{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-flow:row}.kn-phase{grid-column:1/-1;margin-top:.6rem}}
@media (max-width:640px){.kn-ess-steps{grid-template-columns:1fr}}
/* Về Diladi: thanh điều hướng mảnh thay 2 thẻ lớn (12/10/2026) */
.vd-sub{background:var(--white);border-bottom:var(--line);padding:0}
.vd-sub-in{display:flex;align-items:stretch;justify-content:space-between;gap:1.5rem;min-height:52px}
.vd-sub-pages,.vd-sub-jump{display:flex;align-items:stretch;gap:.2rem}
.vd-sub-pg{display:inline-flex;align-items:center;gap:.45rem;padding:0 .9rem;font-weight:800;font-size:var(--text-sm);color:var(--navy-2);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.vd-sub-pg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vd-sub-pg:first-child{padding-left:0}
.vd-sub-pg:hover{color:var(--navy)}
.vd-sub-pg[aria-current="page"]{color:var(--navy);border-bottom-color:var(--yellow)}
.vd-sub-jump{align-items:center;gap:.35rem}
.vd-sub-jump a{font-size:var(--text-xs);font-weight:700;color:var(--muted);text-decoration:none;padding:.3rem .65rem;border-radius:99px;border:1px solid var(--sand)}
.vd-sub-jump a:hover{color:var(--navy);border-color:var(--navy);background:var(--cream)}
@media (max-width:860px){.vd-sub-in{flex-direction:column;gap:0;min-height:0}.vd-sub-pages{min-height:48px;overflow-x:auto}.vd-sub-jump{overflow-x:auto;padding:.5rem 0 .65rem;scrollbar-width:none}.vd-sub-jump a{white-space:nowrap}.vd-sub-pg{white-space:nowrap}}
/* Dịch vụ lẻ thành trang tổng: danh mục dịch vụ (12/10/2026) */
.dv-cat-sec{padding-top:clamp(2.2rem,4vw,3.4rem)}
.dv-cat-head{max-width:760px;margin-bottom:1.4rem}
.dv-cat-lb{font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);margin:0 0 .75rem;display:flex;align-items:center;gap:.8rem}
.dv-cat-lb::after{content:"";flex:1;height:1px;background:var(--sand)}
.dv-svcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2rem}
.dv-svc{display:flex;flex-direction:column;background:var(--white);border:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.dv-svc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.dv-svc .dv-ph{position:relative;aspect-ratio:3/2;overflow:hidden}
.dv-svc .dv-ph img{width:100%;height:100%;object-fit:cover;display:block}
.dv-svc-b{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.05rem 1.1rem;flex:1}
.dv-svc h3{font-family:var(--f-display);font-size:1.15rem;line-height:1.2;margin:0}
.dv-svc h3 a{color:var(--navy);text-decoration:none}
.dv-svc h3 a:hover{color:var(--teal-d)}
.dv-svc p{margin:0;font-size:var(--text-sm);color:var(--navy-2)}
.dv-svc-pts{list-style:none;margin:0 0 .3rem;padding:0;display:flex;flex-direction:column;gap:.25rem}
.dv-svc-pts li{font-size:var(--text-xs);font-weight:700;color:var(--navy);padding-left:1rem;position:relative}
.dv-svc-pts li::before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.dv-svc-act{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.dv-more{font-weight:800;font-size:var(--text-sm);color:var(--teal-d)}
.dv-svc-act .dv-add{padding:.4rem .85rem;min-height:36px}
.dv-minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.dv-mini{display:flex;gap:.8rem;align-items:flex-start;background:var(--cream);border:var(--line);border-radius:var(--r);padding:1rem}
.dv-mini>div{display:flex;flex-direction:column;gap:.4rem;height:100%;flex:1}
.dv-mini-ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--white);border:1px solid var(--sand);display:grid;place-items:center;color:var(--navy)}
.dv-mini-ico svg{width:20px;height:20px}
.dv-mini h3{font-family:var(--f-display);font-size:1.02rem;line-height:1.2;margin:0}
.dv-mini p{margin:0 0 .3rem;font-size:var(--text-sm);color:var(--navy-2)}
.dv-mini .dv-svc-act{justify-content:flex-start}
.dv-sec .dv-n{letter-spacing:.12em;text-transform:uppercase}
@media (max-width:1100px){.dv-svcs,.dv-minis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dv-svcs,.dv-minis{grid-template-columns:1fr}}
.dv-svc .dv-ph{border-radius:0;box-shadow:none}
.dv-mini{align-items:stretch}.dv-mini-ico{align-self:flex-start}
.dv-mini .dv-svc-act{justify-content:space-between}
@media (max-width:640px){.dv-svc .dv-ph{aspect-ratio:16/9}.dv-svcs{margin-bottom:1.4rem}}
/* Dịch vụ lẻ: trình bày lại 5 khối (12/10/2026) */
.dv-trust.dv-trust2{display:flex;gap:0;background:var(--white);border:var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:.35rem 0;max-width:620px}
.dv-trust2 li{flex:1;display:flex!important;align-items:center;gap:.6rem;background:none!important;border:0!important;border-radius:0!important;padding:.55rem .9rem!important}
.dv-trust2 li+li{border-left:1px solid var(--sand)!important}
.dv-trust2 .dv-trust-ic{flex:none;width:34px;height:34px;grid-row:auto}
.dv-trust2 .dv-trust-ic svg{width:18px;height:18px}
.dv-trust2 .dv-trust-tx{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.dv-trust2 .dv-trust-tx b{font-family:var(--f-display);font-size:.92rem;line-height:1.2;color:var(--navy)}
.dv-trust2 .dv-trust-tx span{font-size:var(--text-xs);color:var(--muted);font-weight:600;line-height:1.3;grid-column:auto!important}
@media (max-width:640px){.dv-trust.dv-trust2{flex-direction:column;padding:.2rem 0}.dv-trust2 li+li{border-left:0!important;border-top:1px solid var(--sand)!important}}
/* mini */
.dv-mini{flex-direction:column;gap:.55rem;padding:1rem 1.05rem .9rem}
.dv-mini-hd{display:flex;align-items:center;gap:.65rem}
.dv-mini-hd h3{margin:0}
.dv-mini>p{margin:0;flex:1;font-size:var(--text-sm);color:var(--navy-2)}
.dv-mini-ft{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-top:.65rem;border-top:1px dashed var(--sand);min-height:44px}
.dv-mini-ft .dv-more{white-space:nowrap}
.dv-mini-ft .dv-add{padding:.35rem .8rem;min-height:34px}
/* combo */
.dv-combo2{padding:1.15rem 1.15rem 1rem;gap:.55rem}
.dv-c-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.dv-c-n{order:2;font-family:var(--f-display);font-weight:800;font-size:1.35rem;line-height:1;color:rgba(21,31,70,.16)}
.dv-combo2 .dv-who{margin:0;letter-spacing:.06em}
.dv-combo2 h3{font-size:1.18rem}
.dv-combo2>p{color:var(--navy-2);flex:1}
.dv-c-inc{background:var(--cream);border-radius:12px;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.4rem}
.dv-c-lb{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.dv-c-inc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.dv-c-inc li{display:flex;align-items:center;gap:.45rem;font-size:var(--text-sm);font-weight:700;color:var(--navy)}
.dv-c-inc li svg{width:16px;height:16px;color:var(--teal-d);flex:none}
.dv-c-btn{font:inherit;cursor:pointer;width:100%;margin-top:.3rem;padding:.6rem .9rem;border-radius:99px;border:1.5px solid var(--navy);background:var(--white);color:var(--navy);font-weight:800;font-size:var(--text-sm);transition:background .2s,color .2s}
.dv-c-btn:hover,.dv-c-btn:focus-visible{background:var(--navy);color:var(--yellow)}
/* steps */
.dv-steps{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;position:relative}
.dv-steps::before{content:"";position:absolute;left:1.3rem;right:1.3rem;top:1.3rem;border-top:2px dashed var(--khaki);opacity:.6}
.dv-steps li{position:relative;display:flex;flex-direction:column;gap:.3rem}
.dv-st-n{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:1.15rem;margin-bottom:.45rem;box-shadow:0 0 0 6px var(--cream-2)}
.dv-steps b{font-family:var(--f-display);font-size:1.08rem;line-height:1.25}
.dv-steps p{margin:0;font-size:var(--text-sm);color:var(--navy-2);max-width:26ch}
@media (max-width:860px){.dv-steps{grid-template-columns:1fr;gap:1rem}.dv-steps::before{left:1.3rem;right:auto;top:1.3rem;bottom:1.3rem;border-top:0;border-left:2px dashed var(--khaki)}
.dv-steps li{display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.dv-st-n{grid-row:span 2;margin:0}.dv-steps p{max-width:none}}
/* price */
.dv-price.dv-price2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;margin-top:2.2rem;padding:1.5rem 1.6rem}
.dv-pr-l p{color:var(--navy-2)}
.dv-pr-l .dv-pr-note{margin-top:.8rem;font-size:var(--text-sm);font-weight:700;color:var(--teal-d)}
.dv-factors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.dv-factors li{display:flex;align-items:center;gap:.6rem;background:var(--cream);border-radius:12px;padding:.6rem .75rem;font-size:var(--text-sm);font-weight:600;color:var(--navy);line-height:1.3}
.dv-factors li:last-child:nth-child(odd){grid-column:1/-1}
.dv-f-ic{flex:none;width:32px;height:32px;border-radius:50%;background:var(--white);color:var(--teal-d);display:grid;place-items:center}
.dv-f-ic svg{width:17px;height:17px}
@media (max-width:860px){.dv-price.dv-price2{grid-template-columns:1fr}}
@media (max-width:520px){.dv-factors{grid-template-columns:1fr}}
/* visa */
.dv-eye{font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);margin:0 0 .3rem}
.dv-warn.dv-warn-soft{background:var(--white);border-left-color:var(--khaki)}
.dv-table thead th small,.dv-table td small{display:block;font-family:var(--f-body,inherit);font-weight:600;font-size:var(--text-xs);color:var(--muted);margin-top:.15rem}
.dv-bd{display:inline-block;padding:.12rem .55rem;border-radius:99px;background:var(--cream-2);font-weight:800;font-size:var(--text-xs);color:var(--navy)}
.dv-bd-no{background:#F8DCD8;color:#9B2C22}
.dv-bd-yes{background:#D3ECEA;color:var(--teal-d)}
.dv-table tr.dv-fit td{font-weight:700;color:var(--navy);background:var(--cream)}
.dv-table tr.dv-fit th{background:var(--cream)}
.dv-table-note{margin:0;padding:.7rem 1rem .9rem;font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--sand)}
.dv-mini>.dv-mini-hd,.dv-mini>.dv-mini-ft{flex-direction:row;height:auto;flex:none}
.dv-mini{align-items:stretch;text-align:left}
.dv-mini-hd .dv-mini-ico{width:36px;height:36px}
.dv-hero .dv-trust.dv-trust2{max-width:none}
.dv-trust2 li{padding:.5rem .75rem!important;gap:.5rem}
.dv-trust2 .dv-trust-ic{width:30px;height:30px}
.dv-trust2 .dv-trust-tx b{white-space:nowrap}
@media (max-width:1100px){.dv-trust2 .dv-trust-tx b{white-space:normal}}
.dv-trust2 .dv-trust-tx span{white-space:nowrap}@media (max-width:1100px){.dv-trust2 .dv-trust-tx span{white-space:normal}}
/* Dịch vụ lẻ: thẻ dịch vụ chính bản 2 (12/10/2026) */
.dv-cat-head.dv-cat-head2{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 3rem;align-items:end;margin-bottom:1.6rem}
.dv-cat-head2 .sec-title{margin:0}
.dv-cat-head2 .sec-sub{margin:0;max-width:52ch;justify-self:end}
@media (max-width:860px){.dv-cat-head.dv-cat-head2{grid-template-columns:1fr}.dv-cat-head2 .sec-sub{justify-self:start}}
.dv-svc2{position:relative;border-radius:18px}
.dv-svc2 .dv-ph{border-bottom:1px solid var(--sand)}
.dv-svc2 .dv-ph img{transition:transform .5s ease}
.dv-svc2:hover .dv-ph img{transform:scale(1.04)}
.dv-svc-ico{position:absolute;left:1.05rem;top:calc((100% - 0px) * 0);margin-top:0;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--yellow);display:grid;place-items:center;box-shadow:0 0 0 4px var(--white);z-index:1}
.dv-svc-ico svg{width:20px;height:20px}
.dv-svc2 .dv-svc-b{padding:1.7rem 1.1rem 1rem;gap:.55rem}
.dv-svc2 h3{font-size:1.12rem}
.dv-svc-link{color:var(--navy);text-decoration:none}
.dv-svc-link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.dv-svc-link:focus-visible{outline:none}
.dv-svc2:focus-within{outline:2px solid var(--teal-d);outline-offset:3px}
.dv-svc2 p{min-height:3.9em}
.dv-svc2 .dv-svc-pts{margin:.1rem 0 .2rem;padding:.65rem 0 0;border-top:1px dashed var(--sand);gap:.35rem}
.dv-svc2 .dv-svc-pts li{font-weight:700;font-size:var(--text-xs)}
.dv-svc2 .dv-svc-act{padding-top:.75rem;border-top:1px solid var(--sand)}
.dv-svc2 .dv-more{text-decoration:underline;text-underline-offset:3px}
.dv-svc2:hover .dv-more{color:var(--navy)}
.dv-svc2 .dv-add{position:relative;z-index:2}
@media (max-width:640px){.dv-svc2 p{min-height:0}}
.dv-svc2 .dv-svc-b{position:relative}
.dv-svc2 .dv-svc-ico{top:-22px;left:1.05rem}
.dv-svc-link::after{z-index:1}
.dv-svc2 .dv-svc-b{position:static}
.dv-svc2 .dv-svc-b>.dv-svc-ico{position:relative;top:auto;left:auto;margin:-2.75rem 0 .1rem}

.pbadges .podd{background:var(--navy);color:#fff}

/* ===== Tour ghép đi bộ Moscow (v2) ===== */
.gh-when{margin:.35rem 0 0;font-size:var(--text-sm);color:var(--navy-2)}
.gh-when b{color:var(--navy)}
.lvls ul{gap:.35rem}
.lvls li{grid-template-columns:1fr auto;align-items:start;padding:.35rem 0;border-top:1px dashed var(--sand)}
.lvls li:first-child{border-top:0;padding-top:0}
.lvls .lv-n{font-weight:800;font-size:var(--text-sm);line-height:1.3;color:var(--navy)}
.lvls .lv-n small{display:block;font-weight:500;font-size:var(--text-xs);color:var(--muted);margin-top:.1rem}
.lvls li b{font-family:var(--f-display);font-size:1.05rem;white-space:nowrap;color:var(--navy)}
.lvls li:last-child b{background:var(--yellow);padding:.05rem .45rem;border-radius:8px}
.gh-warn{margin:0;font-size:var(--text-xs);line-height:1.45;color:var(--navy-2);background:#fff;border-left:3px solid var(--yellow);padding:.45rem .65rem;border-radius:0 10px 10px 0}
.gh-lunch{margin:1.1rem 0 0;max-width:72ch;font-size:var(--text-sm);color:var(--navy-2)}
.gh-levels{padding-top:0}
.lv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.lv-card{background:var(--white);border:var(--line);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm);display:grid;gap:.35rem;align-content:start}
.lv-card b{font-family:var(--f-display);font-size:1.15rem;color:var(--navy)}
.lv-card p{margin:0;font-size:var(--text-sm);color:var(--navy-2);line-height:1.5}
.lv-tag{justify-self:start;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--cream-2);color:var(--navy);padding:.2rem .55rem;border-radius:99px}
.lv-pro .lv-tag{background:var(--navy);color:var(--yellow)}
.lv-from{margin-top:.25rem;font-weight:800;color:var(--navy);font-size:var(--text-sm)}
.lv-more{margin:1rem 0 0;font-weight:700}
.lv-more a{color:var(--navy)}
.gh-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem}
.gh-filter button{font:inherit;font-weight:800;font-size:var(--text-sm);border:var(--line);background:var(--white);color:var(--navy);border-radius:99px;padding:.45rem 1rem;cursor:pointer;min-height:42px}
.gh-filter button.on{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.gh-card[hidden]{display:none!important}
.wk-table th[scope=row]{white-space:nowrap;text-align:left;vertical-align:top;width:110px}
.wk-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.wk-list li{display:inline-flex;gap:.4rem;align-items:baseline;font-size:var(--text-sm)}
.wk-list .wk-t{font-weight:800;color:var(--teal-d,#1b6b6b);font-variant-numeric:tabular-nums}
.wk-list a{color:var(--navy);font-weight:700}
.wk-list em{font-style:normal;font-size:var(--text-xs);color:var(--muted)}
@media (max-width:860px){.lv-grid{grid-template-columns:1fr}}
@media (max-width:640px){.wk-list{flex-direction:column;gap:.35rem}.wk-table th[scope=row]{width:80px}}
.lvls .flabel{letter-spacing:.03em;line-height:1.35;white-space:normal}
@media (max-width:640px){.lvls .flabel{font-size:.7rem}}
.lv-grid.lv-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media (max-width:860px){.lv-grid.lv-2{grid-template-columns:1fr}}
.gh-meet{margin-top:1.5rem;background:var(--surface,#fff);border:1px solid var(--line,#e6dcc3);border-left:5px solid #f5c542;border-radius:14px;padding:1rem 1.25rem;max-width:900px}
.gh-meet h3{margin:0 0 .4rem;font-size:var(--text-lg)}
.gh-meet p{margin:0 0 .5rem}
.gh-meet ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}
.gh-meet li{line-height:1.5}
/* Tour ghép: chọn thành phố (12/10/2026) */
.gh-city{display:inline-flex;gap:.4rem;margin:1rem 0 .4rem;padding:.3rem;border-radius:99px;background:var(--white);border:var(--line)}
.gh-city a{display:inline-flex;align-items:baseline;gap:.4rem;padding:.5rem 1.1rem;border-radius:99px;font-weight:800;color:var(--navy);text-decoration:none;min-height:42px;align-items:center}
.gh-city a span{font-size:var(--text-xs);font-weight:700;color:var(--muted)}
.gh-city a[aria-current="page"]{background:var(--navy);color:var(--cream)}
.gh-city a[aria-current="page"] span{color:rgba(255,255,255,.75)}
.gh-city a:not([aria-current]):hover{background:var(--cream)}
@media (max-width:480px){.gh-city{display:flex}.gh-city a{flex:1;justify-content:center;padding:.5rem .6rem}}
.itin-head .ih-btns{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}
.gh-city a{white-space:nowrap}
@media (max-width:480px){.gh-city a{flex-direction:column;gap:0;line-height:1.15;padding:.45rem .5rem}}
.gh-code{display:block;font-size:.74rem;letter-spacing:.03em;opacity:.75;margin-bottom:.15rem;font-weight:500}
.gh-code b{font-weight:700;letter-spacing:.04em}
.form-id{font-weight:700;margin-top:.5rem}
/* Chính sách cookie: bảng thành thẻ trên di động */
@media (max-width:640px){
  .ck-table thead{display:none}
  .ck-table,.ck-table tbody,.ck-table tr,.ck-table td{display:block;width:100%}
  .ck-table tr{padding:.75rem 1rem;border-top:1px solid var(--sand)}
  .ck-table tr:first-child{border-top:0}
  .ck-table td{border:0;padding:.2rem 0}
  .ck-table td::before{content:attr(data-l);display:block;font-size:var(--text-xs);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
}

/* Nhãn thiết bị nội bộ (chỉ hiện trên máy đã mở ?noibo=1) */
.nb-badge{position:fixed;left:.75rem;bottom:.75rem;z-index:40;background:var(--ink,#1d1d1b);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:.45rem .7rem;border-radius:99px;opacity:.85;pointer-events:auto}
body.has-consent .nb-badge{display:none}
/* Ghi nguồn ảnh kho Lori (13/10/2026) */
.art-fig figcaption .fig-credit{display:block;margin-top:.2rem;font-size:.72rem;letter-spacing:.01em;color:var(--muted);opacity:.85}
.kn-img,.kn-season-img,.pcard-img{position:relative}
.img-credit{position:absolute;right:.4rem;bottom:.4rem;z-index:2;padding:.1rem .4rem;border-radius:.3rem;background:rgba(15,23,42,.55);color:#fff;font-size:.62rem;line-height:1.4;letter-spacing:.01em;pointer-events:none;white-space:nowrap}
/* Bộ chọn ngày tiếng Việt (13/10/2026) */
.vd-wrap{position:relative}
.vd-in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e2a4a' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .8rem center!important;background-size:18px 18px!important;padding-right:2.6rem!important;cursor:pointer}
.vd-pop{position:absolute;z-index:120;background:#fff;border:1px solid rgba(30,42,74,.15);border-radius:14px;box-shadow:0 14px 40px rgba(30,42,74,.18);padding:.75rem;font-size:.92rem;color:var(--navy,#1e2a4a)}
.vd-pop[hidden]{display:none}
.vd-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.vd-hd b{font-weight:700}
.vd-nav{width:2.2rem;height:2.2rem;border:0;border-radius:50%;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:inherit}
.vd-nav:hover:not([disabled]){background:rgba(30,42,74,.07)}
.vd-nav[disabled]{opacity:.25;cursor:default}
.vd-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.vd-wd{font-size:.72rem;font-weight:700;color:var(--muted,#5b6475);padding:.25rem 0}
.vd-day{aspect-ratio:1;border:0;border-radius:50%;background:transparent;font:inherit;color:inherit;cursor:pointer;min-height:2.1rem}
.vd-day:hover:not([disabled]){background:rgba(255,196,0,.25)}
.vd-day.is-today{box-shadow:inset 0 0 0 1.5px rgba(30,42,74,.35)}
.vd-day.is-sel{background:var(--yellow,#ffc83d);font-weight:700}
.vd-day[disabled]{opacity:.28;cursor:default}
.vd-day:focus-visible,.vd-nav:focus-visible,.vd-ft button:focus-visible{outline:2px solid var(--teal-d);outline-offset:1px}
.vd-ft{display:flex;justify-content:space-between;margin-top:.5rem;border-top:1px solid rgba(30,42,74,.1);padding-top:.5rem}
.vd-ft button{border:0;background:transparent;font:inherit;font-weight:600;color:var(--teal-d);cursor:pointer;padding:.3rem .5rem;border-radius:8px}
.vd-ft button:hover{background:rgba(31,122,109,.08)}