/* ===== Concept D · VÉ TUYẾN 9 KHÂU (A + B, Mon 12/10/2026 22:40) =====
   Thân vé cam + cuống giấy xé được của A · 9 chấm khâu của B in trên vé, tô tới khâu đang ở · bấm thì lún 3D như phím B.
   Khối ==ND== dưới đây là bản gốc của hệ nút sống: máy may/dong_bo_nd.py chép nguyên khối vào kha.css trang ngoài V2.
   Tự đủ màu (không dựa biến của trang), chỉ cần --font. */
/* ==ND-BAT== */
.nd-mini,.nd-ve,.kha-cta-btn.nd{--nd-cam:linear-gradient(180deg,#ffb15c 0%,#f8902a 52%,#e5730f 100%);--nd-giay:#fff4e6;--nd-duc:#e3b48c;--nd-chu:#1e0e15;--nd-nau:#7a3d0c;--nd-moi:#b5560a;--nd-hong:#f41e92}
/* lỗ đục giữa thân và cuống: mỗi bên tự khoét nửa vòng tròn ở 2 góc sát nhau, nền gì cũng khớp */
.nd-mini-than,.nd-than{-webkit-mask:radial-gradient(circle var(--nd-lo) at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle var(--nd-lo) at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.nd-mini-cuong,.nd-cuong{-webkit-mask:radial-gradient(circle var(--nd-lo) at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle var(--nd-lo) at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  background-color:var(--nd-giay);background-image:linear-gradient(var(--nd-duc) 50%,transparent 0);background-size:1.5px 6px;background-repeat:repeat-y;background-position:0 0;
  transform-origin:0 100%;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .3s}
/* 9 chấm khâu: đã qua hồng, đang ở đậm có vòng, chưa tới mờ */
.nd-9{display:inline-flex;align-items:center;gap:2.5px;position:relative}
.nd-9 i{flex:none;width:4px;height:4px;border-radius:50%;background:rgba(122,61,12,.26)}
.nd-9 i.qua{background:var(--nd-hong)}
.nd-9 i.day{background:var(--nd-chu);box-shadow:0 0 0 1.5px var(--nd-giay),0 0 0 2.5px var(--nd-chu)}
.nd-9.lon{gap:10px}
.nd-9.lon::before{content:"";position:absolute;left:4px;right:4px;top:50%;height:2.5px;margin-top:-1.25px;border-radius:2px;background:rgba(30,14,21,.2)}
.nd-9.lon i{position:relative;width:8px;height:8px;background:#e9862a;box-shadow:0 0 0 2px rgba(30,14,21,.32) inset}
.nd-9.lon i.qua{background:var(--nd-hong);box-shadow:none}
.nd-9.lon i.day{width:13px;height:13px;background:var(--nd-chu);box-shadow:0 0 0 2.5px #ffd9ad}
.nd-xoay{display:none;width:14px;height:14px;border-radius:50%;border:2.2px solid rgba(30,14,21,.25);border-top-color:var(--nd-chu);animation:ndXoay .7s linear infinite;flex:none}
@keyframes ndXoay{to{transform:rotate(360deg)}}

/* ---- nút trên menu ---- */
.nd-mini{--nd-lo:5px;position:relative;display:inline-flex;align-items:stretch;height:46px;flex:none;text-decoration:none;color:var(--nd-chu);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 3px 0 var(--nd-moi)) drop-shadow(0 9px 14px rgba(240,138,36,.30));transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .14s}
.nd-mini-than{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:0 13px 0 17px;background:var(--nd-cam);border-radius:12px 0 0 12px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset}
.nd-mini-than small{display:block;font:600 11.5px/1 var(--font);color:rgba(30,14,21,.72);overflow:hidden;text-overflow:ellipsis;max-width:12em}
.nd-mini-than b{display:flex;align-items:center;gap:7px;font:800 14.5px/1.05 var(--font);letter-spacing:-.005em}
.nd-mini-cuong{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:62px;padding:0 10px 0 11px;border-radius:0 12px 12px 0}
.nd-mini-cuong em{font:800 11px/1 var(--font);font-style:normal;letter-spacing:.05em;color:var(--nd-nau);font-variant-numeric:tabular-nums}
.nd-mini-cuong img{display:block;height:15px;width:auto}
.nd-mini-cuong em s{text-decoration:none}
.nd-mini:hover{transform:translateY(-1px);filter:drop-shadow(0 4px 0 var(--nd-moi)) drop-shadow(0 12px 18px rgba(240,138,36,.38))}
.nd-mini:hover .nd-mini-cuong{transform:rotate(4deg)}
.nd-mini:active,.nd-mini.is-bam{transform:translateY(3px);filter:drop-shadow(0 0 0 var(--nd-moi)) drop-shadow(0 3px 6px rgba(240,138,36,.28))}
.nd-mini:focus-visible,.nd-mini.is-focus{outline:3px solid #fdd343;outline-offset:4px;border-radius:13px}
.nd-mini.dang-tai .nd-mini-cuong{transform:translateX(18px) rotate(14deg);opacity:0}
.nd-mini.dang-tai .nd-xoay,.nd-mini.dang-tai .xoay{display:inline-block}
.nd-mini.nd-pro .nd-mini-cuong em{display:flex}

/* ---- vé (khách lạ, có tên thì gọi tên) ---- */
.nd-ve-o{display:inline-flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:100%}
.nd-ve{--cuong:176px;--nd-lo:10px;display:block;max-width:100%;text-decoration:none;color:var(--nd-chu);border-radius:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 5px 0 var(--nd-moi)) drop-shadow(0 16px 22px rgba(240,138,36,.30));transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .14s}
.nd-ve-in{display:grid;grid-template-columns:minmax(0,1fr) var(--cuong);min-height:118px}
.nd-than{text-align:left;background:var(--nd-cam);padding:16px 24px 15px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-radius:16px 0 0 16px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;min-width:0}
.nd-nhan{font:800 11px/1.25 var(--font);letter-spacing:.11em;text-transform:uppercase;color:rgba(30,14,21,.66)}
.nd-chinh{display:flex;align-items:center;gap:10px;min-width:0;font:800 22px/1.15 var(--font);letter-spacing:-.01em;text-wrap:balance}
.nd-chinh .ic{width:22px;height:22px;stroke-width:2.6;transition:transform .25s;flex:none}
.nd-phu{font:600 13.5px/1.35 var(--font);color:rgba(30,14,21,.8);max-width:46ch;text-wrap:pretty}
.nd-tuyen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}
.nd-tuyen-t{font:700 11.5px/1.2 var(--font);color:rgba(30,14,21,.74)}
.nd-cuong{position:relative;border-radius:0 16px 16px 0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px;background-position:0 0}
.nd-th{border-radius:8px;box-shadow:0 0 0 1px rgba(122,61,12,.15)}
.nd-cuong-t{display:flex;flex-direction:column;align-items:center;gap:2px;font:800 11.5px/1.2 var(--font);color:var(--nd-nau);text-align:center}
.nd-cuong-t span{font-weight:600;opacity:.85}
.nd-ve:hover{transform:translateY(-2px);filter:drop-shadow(0 7px 0 var(--nd-moi)) drop-shadow(0 20px 28px rgba(240,138,36,.4))}
.nd-ve:hover .nd-cuong,.nd-ve.is-hover .nd-cuong{transform:rotate(3deg) translate(2px,-2px)}
.nd-ve.is-hover{transform:translateY(-2px);filter:drop-shadow(0 7px 0 var(--nd-moi)) drop-shadow(0 20px 28px rgba(240,138,36,.4))}
.nd-ve:hover .nd-chinh .ic,.nd-ve.is-hover .nd-chinh .ic{transform:translateX(4px)}
.nd-ve:active,.nd-ve.is-bam{transform:translateY(5px);filter:drop-shadow(0 0 0 var(--nd-moi)) drop-shadow(0 4px 8px rgba(240,138,36,.3))}
.nd-ve:focus-visible,.nd-ve.is-focus{outline:3px solid #fdd343;outline-offset:6px}
.nd-ve.dang-tai .nd-cuong{transform:translate(46px,10px) rotate(12deg);opacity:0}
.nd-ve.dang-tai .nd-chinh .ic{display:none}
.nd-ve.dang-tai .nd-xoay,.nd-ve.dang-tai .xoay{display:inline-block}
.nd-ve.dang-tai .nd-phu{opacity:.6}
.nd-ve-o.nd-lon{align-items:center}
.nd-lon .nd-ve{--cuong:230px;--nd-lo:12px}.nd-lon .nd-ve-in{min-height:140px}.nd-lon .nd-chinh{font-size:28px}.nd-lon .nd-than{padding:22px 30px 20px}
.nd-ngang .nd-ve{filter:drop-shadow(0 5px 0 var(--nd-moi)) drop-shadow(0 12px 18px rgba(206,30,120,.16))}
@media (max-width:600px){
  .nd-ve-o,.nd-ve{width:100%}
  .nd-ve{--cuong:112px;--nd-lo:8px}
  .nd-than{padding:14px 15px 13px;gap:5px}
  .nd-chinh{font-size:18.5px;gap:8px}.nd-chinh .ic{width:19px;height:19px}
  .nd-phu{font-size:12.5px}
  .nd-nhan{font-size:10px;letter-spacing:.08em}
  .nd-9.lon{gap:6px}.nd-9.lon i{width:7px;height:7px}.nd-9.lon i.day{width:11px;height:11px}
  .nd-tuyen-t{font-size:11px}
  .nd-lon .nd-ve{--cuong:118px}.nd-lon .nd-chinh{font-size:20px}.nd-lon .nd-than{padding:16px 17px 15px}
  .nd-cuong{padding:8px}
  .nd-ve.dang-tai .nd-cuong{transform:translate(14px,8px) rotate(8deg)}
  .nd-cuong-t{font-size:10.5px}
  .nd-mini{height:42px}
  .nd-mini-than{padding:0 10px 0 13px;gap:2px}
  .nd-mini-than b{font-size:13.5px}.nd-mini-than small{font-size:10.5px;max-width:8.5em}
  .nd-mini-cuong{min-width:52px;padding:0 7px 0 8px;gap:5px}
  .nd-mini-cuong em{font-size:10px}.nd-mini-cuong em s{display:none}
  .nd-mini .nd-9{gap:1.5px}.nd-mini .nd-9 i{width:3.5px;height:3.5px}
}
@media (max-width:380px){
  .nd-mini{height:40px}
  .nd-mini-than{padding:0 8px 0 11px}
  .nd-mini-than b{font-size:13px;gap:5px}.nd-mini-than small{font-size:10px;max-width:7.5em}
  .nd-mini-cuong{min-width:44px;padding:0 5px 0 6px;gap:4px}
  .nd-mini-cuong em{font-size:9.5px;letter-spacing:.03em}
  .nd-mini .nd-9{gap:1px}.nd-mini .nd-9 i{width:3px;height:3px}
}
@media (prefers-reduced-motion:reduce){.nd-mini,.nd-ve,.nd-mini-cuong,.nd-cuong{transition:none}.nd-xoay{animation-duration:2s}}
/* ---- mọi nút .kha-cta-btn đang có trên trang ngoài V2 thành vé tuyến 9 khâu, CHỈ bằng CSS trên khuôn sẵn có
   <a class="kha-cta-btn"><span class="t"><b/><small/></span><i class="mui"><svg/></i></a>: .t = thân vé (nhãn ::before, vạch 9 khâu ::after),
   i.mui = cuống giấy (FREE / PRO). Chữ nhãn gọi tên do header gắn lên <html>: --nd-nhan (nút học miễn phí), --nd-nhan-up (nút nâng cấp).
   !important vì vài trang tự tô nền/viền nút theo #pg-… (khuôn cũ viên thuốc). ---- */
.kha-cta-btn{--cw:108px;--nd-lo:9px;position:relative;isolation:auto;overflow:visible!important;display:inline-flex!important;align-items:stretch!important;gap:0!important;min-height:98px;padding:0!important;
  border-radius:16px!important;background:none!important;box-shadow:none!important;color:#1e0e15;text-decoration:none;max-width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 4px 0 #b5560a) drop-shadow(0 14px 20px rgba(240,138,36,.30));transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .14s}
.kha-cta-btn::after{content:none!important;animation:none!important}
.kha-cta-btn .t{flex:1 1 auto;min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px!important;padding:15px 22px 14px 24px;text-align:left;line-height:1.15;
  background:linear-gradient(180deg,#ffb15c 0%,#f8902a 52%,#e5730f 100%);border-radius:16px 0 0 16px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-mask:radial-gradient(circle var(--nd-lo) at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle var(--nd-lo) at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.kha-cta-btn .t::before{content:var(--nd-nhan,"Vé vào lớp · miễn phí");font:800 10.5px/1.25 var(--font);letter-spacing:.11em;text-transform:uppercase;color:rgba(30,14,21,.66)}
.kha-cta-btn[href*="/learn/upgrade"] .t::before{content:var(--nd-nhan-up,"Thẻ nâng cấp · KHA AI 2027")}
html.nd-co-ten .kha-cta-btn .t::before{font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:700;color:rgba(30,14,21,.78)}
.kha-cta-btn .t b{font:800 19px/1.15 var(--font)!important;letter-spacing:-.01em;text-wrap:balance}
.kha-cta-btn .t small{font:600 13px/1.3 var(--font)!important;color:rgba(30,14,21,.8)!important;text-wrap:pretty}
.kha-cta-btn .t::after{content:"Lộ trình 9 khâu · bạn bắt đầu ở khâu 1";display:block;min-height:15px;margin-top:3px;padding-left:126px;font:700 11px/15px var(--font);color:rgba(30,14,21,.72);white-space:nowrap;
  background:
    radial-gradient(circle at 6px 50%,#1e0e15 5.0px,#ffd9ad 5.5px 7.5px,#0000 8.0px) 0 0/14px 100% no-repeat,
    radial-gradient(circle at 19px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/25.2px 100% no-repeat,
    radial-gradient(circle at 32px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/38.2px 100% no-repeat,
    radial-gradient(circle at 45px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/51.2px 100% no-repeat,
    radial-gradient(circle at 58px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/64.2px 100% no-repeat,
    radial-gradient(circle at 71px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/77.2px 100% no-repeat,
    radial-gradient(circle at 84px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/90.2px 100% no-repeat,
    radial-gradient(circle at 97px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/103.2px 100% no-repeat,
    radial-gradient(circle at 110px 50%,#e9862a 2.6px,rgba(30,14,21,.36) 3.0px 4.2px,#0000 4.7px) 0 0/116.2px 100% no-repeat,
    linear-gradient(rgba(30,14,21,.22),rgba(30,14,21,.22)) 6px 50%/104px 2.5px no-repeat}
.kha-cta-btn[href*="/learn/upgrade"] .t::after{content:"PRO mở đủ 9 khâu · máy làm giùm"}
html.kha-pro .kha-cta-btn .t::after{content:"Lộ trình 9 khâu · bạn đã có trọn bộ"}
.kha-cta-btn .mui{flex:none!important;width:var(--cw)!important;height:auto!important;border-radius:0 16px 16px 0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 8px;
  background-color:#fff4e6!important;background-image:linear-gradient(#e3b48c 50%,transparent 0)!important;background-size:1.5px 6px!important;background-repeat:repeat-y!important;background-position:0 0!important;box-shadow:none!important;
  transform-origin:0 100%;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .3s;
  -webkit-mask:radial-gradient(circle var(--nd-lo) at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle var(--nd-lo) at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--nd-lo) at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.kha-cta-btn .mui svg{display:none!important}
.kha-cta-btn .mui::before{content:"FREE";font:900 17px/1 var(--font);letter-spacing:.06em;color:#7a3d0c}
.kha-cta-btn .mui::after{content:"0đ · mở liền";font:700 10.5px/1.2 var(--font);color:rgba(122,61,12,.85);text-align:center}
.kha-cta-btn[href*="/learn/upgrade"] .mui::before{content:"PRO";padding:4px 9px;border-radius:7px;background:#1e0e15;color:#ffd36b;font-size:14px}
.kha-cta-btn[href*="/learn/upgrade"] .mui::after{content:"giữ giá tới 20/11"}
.kha-cta-btn.nd-da-pro .t::before{content:"Đồng nghiệp PRO · không cần mua lại"}
.kha-cta-btn.nd-da-pro .t::after{content:"Lộ trình 9 khâu · bạn đã có trọn bộ"}
.kha-cta-btn.nd-da-pro .mui::before{content:"PRO";padding:4px 9px;border-radius:7px;background:#1e0e15;color:#ffd36b;font-size:14px}
.kha-cta-btn.nd-da-pro .mui::after{content:"đã giữ giá"}
.nd-mini.nd-pro .nd-mini-cuong em{padding:2px 6px;border-radius:5px;background:#1e0e15;color:#ffd36b;letter-spacing:.08em}
.kha-cta-btn:hover{transform:translateY(-2px)!important;filter:drop-shadow(0 6px 0 #b5560a) drop-shadow(0 18px 26px rgba(240,138,36,.4));box-shadow:none!important}
.kha-cta-btn:hover .mui{transform:rotate(3deg) translate(2px,-2px)!important}
.kha-cta-btn:active{transform:translateY(4px)!important;filter:drop-shadow(0 0 0 #b5560a) drop-shadow(0 4px 8px rgba(240,138,36,.3))}
.kha-cta-btn:focus-visible{outline:3px solid #fdd343!important;outline-offset:5px;border-radius:16px}
.kha-cta-btn.dang-tai .mui{transform:translate(40px,10px) rotate(12deg)!important;opacity:0}
.kha-cta.giua .kha-cta-btn .t{text-align:left}
@media (max-width:600px){
  .kha-cta-btn{--cw:84px;--nd-lo:8px;width:100%;min-height:92px}
  .kha-cta-btn .t{padding:13px 14px 12px 16px;gap:4px!important}
  .kha-cta-btn .t b{font-size:16.5px!important}
  .kha-cta-btn .t small{font-size:12.5px!important}
  .kha-cta-btn .t::before{font-size:9.5px;letter-spacing:.08em}
  html.nd-co-ten .kha-cta-btn .t::before{font-size:11.5px}
  .kha-cta-btn .t::after{padding-left:102px;font-size:10px;background:
    radial-gradient(circle at 6px 50%,#1e0e15 4.5px,#ffd9ad 5px 7px,#0000 7.5px) 0 0/14px 100% no-repeat,
    radial-gradient(circle at 16px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/21.6px 100% no-repeat,
    radial-gradient(circle at 26px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/31.6px 100% no-repeat,
    radial-gradient(circle at 36px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/41.6px 100% no-repeat,
    radial-gradient(circle at 46px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/51.6px 100% no-repeat,
    radial-gradient(circle at 56px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/61.6px 100% no-repeat,
    radial-gradient(circle at 66px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/71.6px 100% no-repeat,
    radial-gradient(circle at 76px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/81.6px 100% no-repeat,
    radial-gradient(circle at 86px 50%,#e9862a 2.0px,rgba(30,14,21,.36) 2.4000000000000004px 3.6px,#0000 4.1px) 0 0/91.6px 100% no-repeat,
    linear-gradient(rgba(30,14,21,.22),rgba(30,14,21,.22)) 6px 50%/80px 2.5px no-repeat}
  .kha-cta-btn .t::after{content:"9 khâu · bắt đầu ở khâu 1";white-space:nowrap}
  .kha-cta-btn[href*="/learn/upgrade"] .t::after{content:"PRO mở đủ 9 khâu"}
  html.kha-pro .kha-cta-btn .t::after,.kha-cta-btn.nd-da-pro .t::after{content:"9 khâu · đã có trọn bộ"}
  .kha-cta-btn .mui::before{font-size:14px}.kha-cta-btn .mui::after{font-size:9.5px}
  .kha-cta-btn.nd-da-pro .mui::before{font-size:12px;padding:3px 7px}
  .kha-cta-btn[href*="/learn/upgrade"] .mui::before{font-size:12px;padding:3px 7px}
}
@media (prefers-reduced-motion:reduce){.kha-cta-btn,.kha-cta-btn .mui{transition:none}}
/* ==ND-HET== */

/* ---- phần chỉ trang so sánh dùng: thẻ lên lớp FREE / khối PRO của A, gắn 9 chấm + lún 3D ---- */
.nd-tuyen-toi{margin:0}
.nd-tuyen-toi .nd-9.lon::before{background:rgba(255,255,255,.22)}
.nd-tuyen-toi .nd-9.lon i{background:rgba(255,255,255,.28)}
.nd-tuyen-toi .nd-9.lon i.day{background:var(--cam);box-shadow:0 0 0 2px var(--than-2),0 0 0 3.5px var(--cam)}
.nd-tuyen-toi .nd-tuyen-t{color:#fff}
.nd-gon-tuyen{display:flex;align-items:center;gap:10px;font:700 12px/1 var(--font);color:var(--chu-2)}
.nd-gon-tuyen .nd-9.lon::before{background:rgba(157,15,91,.16)}
.nd-gon-tuyen .nd-9.lon i{background:rgba(157,15,91,.2)}
.nd-gon-tuyen .nd-9.lon i.day{background:var(--cam);box-shadow:0 0 0 2px #fffaf3,0 0 0 3.5px var(--cam)}
.nd-tuyen-pro{flex-basis:100%;margin:2px 0 0}
.toi .nd-tuyen-pro .nd-9.lon::before{background:rgba(255,255,255,.2)}
.toi .nd-tuyen-pro .nd-9.lon i{background:rgba(255,255,255,.28)}
.toi .nd-tuyen-pro .nd-tuyen-t{color:var(--chu-toi-2)}
.nd-tuyen-pro .nd-9.lon i.day{background:var(--cam);box-shadow:0 0 0 2px var(--than-2),0 0 0 3.5px var(--cam)}
.sang .nd-tuyen-pro .nd-9.lon i.day{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--cam)}
.sang .nd-tuyen-pro .nd-tuyen-t{color:var(--chu-2)}
.nd-the .na-btn.cam{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 4px 0 #b5560a,0 10px 20px rgba(240,138,36,.28);transition:transform .12s,box-shadow .12s}
.nd-the .na-btn.cam:hover,.nd-the .na-btn.cam.is-hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 5px 0 #b5560a,0 14px 24px rgba(240,138,36,.36)}
.nd-the .na-btn.cam:active,.nd-the .na-btn.cam.is-bam{transform:translateY(4px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 0 0 #b5560a,0 3px 6px rgba(240,138,36,.25)}
.nd-the .na-btn.vien:active{transform:translateY(2px)}
.giua-c .nd-ve-o{align-items:center}
.giua-c .nd-the.na-pass{margin-inline:auto;text-align:left}
.giua-c .nd-the.na-pro{justify-content:center}
.ep .nd-ve{--cuong:150px}
@media (max-width:600px){.nd-tuyen-toi{display:flex}.na-pass-dau .nd-tuyen-toi .nd-tuyen-t{font-size:11px}}

/* header nền trắng như menu thật V2 */
.gh.trang{background:rgba(255,255,255,.96);color:var(--chu);border-bottom:1px solid var(--vien)}
.gh.trang .gh-nav span{color:var(--chu-2)}
/* bảng «nút trên menu · mọi trạng thái» */
.nm{display:grid;gap:18px}
.nm-hang{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:0 0 0 1px rgba(255,72,158,.18) inset}
.nm-nhan{grid-column:1/-1;font:700 14px/1.35 var(--font);color:#fff}
.nm-nhan small{display:inline;font-weight:500;color:var(--chu-toi-2);margin-left:8px}
.nm-hd{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:0 24px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--vien);min-width:0}
.nm-hd img.lg{height:34px;width:auto;flex:none}
.nm-hd .nm-nav{display:flex;gap:20px;margin-left:auto;font:600 14px/1 var(--font);color:var(--chu-2);white-space:nowrap}
.nm-hd .nm-dn{font:600 14px/1 var(--font);color:var(--chu);white-space:nowrap}
.nm-dt{width:390px;max-width:100%;min-height:64px;padding:0 16px;gap:10px}
.nm-dt img.lg{height:30px}
.nm-dt .nm-bg{margin-left:auto;display:flex;align-items:center;gap:10px}
.nm-dt .nm-burger{width:44px;height:44px;border-radius:12px;border:1px solid var(--vien);display:grid;place-items:center;flex:none}
.nm-dt .nm-burger i{display:block;width:18px;height:2.2px;border-radius:2px;background:var(--chu);box-shadow:0 6px 0 var(--chu),0 -6px 0 var(--chu)}
.nm-cot{display:none}
@media (max-width:1180px){.nm-hd:not(.nm-dt) .nm-nav span:nth-child(n+3){display:none}}
@media (max-width:760px){.nm-hd:not(.nm-dt){display:none}.nm-dt{width:100%}}
@media (max-width:380px){.nm-dt img.lg{height:26px}}
/* khung điện thoại trong bảng menu: dùng đúng cỡ vé của màn ≤600 dù trang đang xem ở máy tính */
@media (min-width:381px){
.nm-dt .nd-mini{height:42px}
.nm-dt .nd-mini-than{padding:0 10px 0 13px;gap:2px}
.nm-dt .nd-mini-than b{font-size:13.5px}.nm-dt .nd-mini-than small{font-size:10.5px;max-width:8.5em}
.nm-dt .nd-mini-cuong{min-width:52px;padding:0 7px 0 8px;gap:5px}
.nm-dt .nd-mini-cuong em{font-size:10px}.nm-dt .nd-mini-cuong em s{display:none}
.nm-dt .nd-mini .nd-9{gap:1.5px}.nm-dt .nd-mini .nd-9 i{width:3.5px;height:3.5px}
}

/* khuôn .kha-cta của trang thật (để xem trên trang so sánh), bản gốc ở kha.css */
.kha-cta{display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:100%}
.kha-cta.giua{align-items:center;text-align:center}
.kha-cta-dam{display:inline-flex;align-items:center;gap:8px;margin:0;font:500 14px/1.3 var(--font);color:var(--chu-2)}
.kha-cta-dam svg{flex:none;width:18px;height:18px;fill:none;stroke:#16a34a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kha-cta-dam b{font-weight:700;color:var(--chu)}
.toi .kha-cta-dam{color:var(--chu-toi-2)}.toi .kha-cta-dam b{color:#fff}.toi .kha-cta-dam svg{stroke:#4ade80}
html:not(.kha-dk) [data-kdk="an"]{display:none!important}
.kc-luoi{display:flex;flex-wrap:wrap;gap:28px 40px;align-items:flex-start}
@media (max-width:600px){.kha-cta{width:100%}}