:root{
  --navy:#16294f; --navy-deep:#0e1c3b; --red:#cc1a1a; --red-dark:#a81414;
  --lightblue:#5b9be6; --ink:#16203a; --muted:#6b7488; --line:#e3e9f4;
  --bg:#ffffff; --soft:#eef2f8; --shadow:0 18px 44px -24px rgba(20,40,80,.45);
  --wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.eyebrow{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lightblue)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.92rem;padding:.8rem 1.5rem;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:.16s;font-family:inherit}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-dark)}
.btn-white{background:#fff;color:var(--navy)}
.btn-white:hover{background:#eef2f8}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--red)}

/* ---------- HEADER ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:1.2rem;height:70px}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:900;letter-spacing:.02em;font-size:1.28rem;color:var(--navy)}
.logo .mk{color:var(--red)}
.logo small{display:block;font-size:.54rem;font-weight:700;letter-spacing:.22em;color:var(--muted)}
.nav{display:flex;align-items:center;gap:.3rem;margin-left:auto}
.nav a{padding:.5rem .8rem;border-radius:8px;font-weight:600;font-size:.92rem;color:#33405c;transition:.15s}
.nav a:hover{color:var(--red)}
.nav a.on{color:var(--red)}
.branch{display:inline-flex;background:var(--soft);border-radius:999px;padding:3px;gap:2px;margin-left:.4rem}
.branch button{border:0;background:transparent;font-family:inherit;font-weight:700;font-size:.8rem;padding:.35rem .85rem;border-radius:999px;cursor:pointer;color:var(--muted)}
.branch button.on{background:var(--navy);color:#fff}
.hdr .btn-red{padding:.6rem 1.15rem;font-size:.85rem}
.burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}

/* ---------- HERO ---------- */
.hero{position:relative;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#eaf0fb;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:0;background:#101a30 center/cover no-repeat}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 16%,rgba(20,35,72,.82) 32%,rgba(20,35,72,.4) 50%,rgba(20,35,72,.08) 68%,transparent 82%),linear-gradient(0deg,var(--navy-deep) 0%,transparent 26%)}
.hero .wrap{position:relative;z-index:1;padding:6.5rem 20px 8.5rem}
.hero-copy{max-width:540px}
.hero h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;line-height:1.14;letter-spacing:-.01em;margin:.9rem 0 0}
.hero h1 .hl{color:var(--lightblue)}
.hero p.lead{margin:1.15rem 0 0;color:#c3cee2;font-size:1.06rem;max-width:44ch}
.hero .cta-row{display:flex;gap:.8rem;margin-top:1.9rem;flex-wrap:wrap}

/* ---------- SEARCH CARD ---------- */
.searchbar{position:relative;z-index:5;margin-top:-3.6rem}
.searchcard{background:#fff;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line);padding:1.1rem 1.2rem;display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}
.searchcard .fld{flex:1;min-width:220px}
.searchcard label{display:block;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.searchcard select,.searchcard input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font-size:.95rem;font-family:inherit;color:var(--ink);background:#fff;outline:0}
.searchcard select:focus,.searchcard input:focus{border-color:var(--lightblue)}

/* ---------- SECTIONS ---------- */
section.block{padding:4rem 0}
section.soft{background:var(--soft)}
/* khối Danh mục đang KD: thu gọn cho đỡ trống */
section.catsec{padding:2.2rem 0 2.6rem}
.catsec .sec-head{margin-bottom:1.1rem}
.catsec .sec-head p{font-size:.9rem;max-width:52ch}
.catsec .cat-tile{padding:.7rem .8rem}
.catsec .cat-tile .n{font-size:1.25rem}
.catsec .cat-tile b{font-size:.8rem}
.catsec .cat-tile span{font-size:.68rem}
.sec-head{margin-bottom:2rem}
.sec-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;margin:.5rem 0 0;letter-spacing:-.01em}
.sec-head h2 .hl{color:var(--red)}
.sec-head p{color:var(--muted);margin:.5rem 0 0;max-width:60ch}

/* ---------- CATEGORY TILES (tất cả trên 1 hàng) ---------- */
.cats{display:flex;flex-wrap:nowrap;gap:.7rem;align-items:stretch}
.cat-tile{flex:1 1 0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem .9rem;display:flex;flex-direction:column;gap:.2rem;transition:.16s;cursor:pointer}
.cat-tile:hover{border-color:var(--lightblue);transform:translateY(-2px);box-shadow:var(--shadow)}
.cat-tile b{font-size:.86rem;color:var(--navy);line-height:1.25}
.cat-tile span{font-size:.72rem;color:var(--muted)}
.cat-tile .n{font-size:1.5rem;font-weight:800;color:var(--red);line-height:1}

/* ---------- WHY ---------- */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.feat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem}
.feat .ic{width:46px;height:46px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:.8rem}
.feat b{display:block;color:var(--navy);font-size:1rem;margin-bottom:.3rem}
.feat span{color:var(--muted);font-size:.88rem}

/* ---------- PRODUCT GRID ---------- */
.pbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}
.psearch{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.65rem 1rem;flex:1;min-width:260px;max-width:520px}
.psearch svg{width:20px;height:20px;color:var(--muted);flex:none}
.psearch input{border:0;outline:0;font-size:.95rem;width:100%;font-family:inherit;background:transparent;color:var(--ink)}
.pbranch{font-size:.86rem;color:var(--muted)}
.pbranch b{color:var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.chip{border:1px solid var(--line);background:#fff;color:#42506b;border-radius:999px;padding:.42rem .95rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit}
.chip:hover{border-color:var(--lightblue);color:var(--lightblue)}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.pcount{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.9rem;box-shadow:0 10px 26px -20px rgba(20,40,80,.4);display:flex;flex-direction:column}
.card .cimg{aspect-ratio:1;border-radius:12px;background:#f4f6fb center/cover no-repeat;margin-bottom:.7rem}
.card .ccode{font-size:.68rem;color:#8a93a6;font-weight:600}
.card .cname{font-size:.86rem;color:var(--ink);font-weight:600;line-height:1.35;margin:.2rem 0 .1rem;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .cunit{font-size:.75rem;color:#8a93a6;margin-bottom:.5rem}
.card .cprice{border-top:1px solid #eef1f6;padding-top:.5rem;margin-top:auto}
.card .plabel{display:block;font-size:.62rem;color:#8a93a6;font-weight:700;letter-spacing:.04em}
.card .pbox{color:var(--red);font-weight:800;font-size:1.05rem;display:block}
.card .ppc{font-size:.74rem;color:var(--lightblue);font-weight:600}
.card .cbtn{margin-top:.6rem;background:var(--navy);color:#fff;text-align:center;border-radius:10px;padding:.5rem;font-weight:700;font-size:.82rem;border:0;cursor:pointer;font-family:inherit}
.card .cbtn:hover{background:var(--red)}
.morewrap{text-align:center;margin-top:2.2rem}
.morebtn{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:.75rem 2.2rem;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit}
.morebtn:hover{background:var(--red)}

/* ---------- MODAL ---------- */
.modal{position:fixed;inset:0;z-index:200;background:rgba(10,20,40,.7);display:none;align-items:center;justify-content:center;padding:1rem}
.modal.on{display:flex}
.mbox{background:#fff;border-radius:18px;max-width:900px;width:100%;max-height:92vh;overflow:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.mx{position:absolute;top:.7rem;right:.8rem;background:rgba(255,255,255,.92);border:0;width:36px;height:36px;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;z-index:2}
.mleft{padding:1.4rem}
.mimg{aspect-ratio:1;background:#f4f6fb center/cover no-repeat;border-radius:12px}
.mthumbs{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}
.mth{width:52px;height:52px;border-radius:8px;background:#f4f6fb center/cover no-repeat;cursor:pointer;border:2px solid transparent;opacity:.7}
.mth.on,.mth:hover{border-color:var(--red);opacity:1}
.mright{padding:1.8rem 1.7rem 1.7rem 0}
.mcode{font-size:.74rem;color:var(--lightblue);font-weight:700}
.mcode span{color:#8a93a6}
.mright h3{margin:.4rem 0 1rem;font-size:1.25rem;line-height:1.3;font-weight:800}
.mprices{display:flex;gap:1.6rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;margin-bottom:1.1rem}
.mp span{display:block;font-size:.64rem;color:#8a93a6;font-weight:700;letter-spacing:.03em;margin-bottom:.25rem}
.mp b{color:var(--red);font-weight:800;font-size:1.3rem}
.mp i{color:var(--lightblue);font-style:normal;font-weight:800;font-size:1.05rem}
.mp u{font-weight:700;text-decoration:none}
.mdesc-l{font-size:.66rem;color:#8a93a6;font-weight:700;letter-spacing:.04em;margin-bottom:.4rem}
#mdesc{white-space:pre-line}
.mright p{color:#42506b;font-size:.9rem;line-height:1.6;margin:0 0 1rem;white-space:pre-line}
.mcta{display:inline-block;background:var(--red);color:#fff;font-weight:700;padding:.7rem 1.7rem;border-radius:10px}
.mcta:hover{background:var(--red-dark)}

/* ---------- CTA BAND ---------- */
.ctaband{background:linear-gradient(135deg,var(--navy),var(--navy-deep));border-radius:22px;padding:2.6rem;color:#eaf0fb;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.ctaband h2{margin:.4rem 0 .3rem;font-size:1.6rem;font-weight:800}
.ctaband p{color:#c3cee2;margin:0;max-width:48ch}

/* ---------- FORM ---------- */
.formcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem;box-shadow:var(--shadow);max-width:560px}
.formcard .row{margin-bottom:1rem}
.formcard label{display:block;font-size:.8rem;font-weight:700;color:var(--navy);margin-bottom:.35rem}
.formcard input,.formcard select,.formcard textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;font-size:.95rem;font-family:inherit;outline:0}
.formcard input:focus,.formcard textarea:focus,.formcard select:focus{border-color:var(--lightblue)}
.formok{background:#e8f6ee;border:1px solid #b6e3c7;color:#1c7a43;padding:.9rem 1rem;border-radius:10px;font-size:.9rem;margin-top:1rem}

/* ---------- FOOTER ---------- */
.ft{background:var(--navy-deep);color:#c3cee2;padding:3rem 0 2rem;margin-top:3rem}
.ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.ft h4{color:#fff;font-size:1rem;margin:0 0 .8rem}
.ft a,.ft p{color:#aebcd6;font-size:.9rem;margin:.3rem 0}
.ft a:hover{color:#fff}
.ft .cr{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.2rem;font-size:.82rem;color:#8ea0c0}

.hide{display:none!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:960px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .cats{flex-wrap:wrap}
  .cats .cat-tile{flex:1 1 28%}
  .feats{grid-template-columns:repeat(2,1fr)}
  .ft .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:.6rem;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .nav a{padding:.7rem .9rem}
  .branch{margin:.4rem 0 0}
  .burger{display:block}
  .hdr .btn-red{display:none}
  .grid{grid-template-columns:repeat(2,1fr)}
  .mbox{grid-template-columns:1fr;max-width:440px}
  .mright{padding:0 1.4rem 1.4rem}
  .ctaband{padding:1.8rem}
}
@media(max-width:460px){
  .grid{grid-template-columns:1fr 1fr}
  .cats .cat-tile{flex:1 1 44%}
  .feats{grid-template-columns:1fr}
  .ft .cols{grid-template-columns:1fr}
  .hero .wrap{padding:4.5rem 20px 7rem}
}


/* ===== AKANO.VN dark info sections (ported, scoped .gtx) ===== */
 .gtx{font-family:var(--font); background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden} .gtx .sec{color:#fff} .gtx .cta{background:transparent; padding:0; border:0; border-radius:0; box-shadow:none; overflow:visible; margin-top:2rem} .gtx .cta::after{display:none} .gtx .cta .btn{padding:.7rem 1.4rem; font-size:.92rem} .gtx{ --bg:#132649; --bg2:#16294f; --panel:#1b3160; --line:rgba(255,255,255,.11); --line2:rgba(255,255,255,.18); --text:#eef2fb; --muted:#a7b4d0; --faint:#7482a3; --teal:#5b9be6; --teal2:#2b6cb0; --red:#cc1a1a; --card:#f4f6fb; --ink:#16203a; --inkmut:#5a6377; --font:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; --shadow:0 30px 70px -28px rgba(0,0,0,.7); } .gtx *{box-sizing:border-box} .gtx{margin:0} .gtx .site{font-family:var(--font); background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden} .gtx .wrap{width:min(1180px,92vw); margin-inline:auto} .gtx a{color:inherit;text-decoration:none} .gtx h1, .gtx h2, .gtx h3{margin:0; line-height:1.12} .gtx .eyebrow{font-size:.72rem; letter-spacing:.22em; text-transform:uppercase; color:var(--teal); font-weight:700} .gtx .btn{display:inline-flex; align-items:center; gap:.5rem; font-weight:700; font-size:.92rem; padding:.8rem 1.6rem; border-radius:999px; cursor:pointer; border:1px solid transparent} .gtx .btn-white{background:#fff; color:#132649} .gtx .btn-white:hover{background:#e9edf5} .gtx .btn-teal{background:var(--teal2); color:#fff} .gtx .btn-teal:hover{background:#245c98} .gtx .btn-red{background:var(--red); color:#fff} .gtx .btn-red:hover{background:#a81414} .gtx .demo-note{background:#12203a; color:#8fe4d8; text-align:center; font-size:.8rem; padding:.5rem; border-bottom:1px solid var(--line)} .gtx .topbar{position:relative; z-index:21; background:rgba(6,13,28,.55); border-bottom:1px solid var(--line)} .gtx .topbar .wrap{display:flex; justify-content:flex-end; gap:1.8rem; font-size:.82rem; color:#c6d0e4; padding:.5rem 0} .gtx .topbar b{color:#fff} .gtx header.nav{position:absolute; top:38px; left:0; right:0; z-index:20; padding-top:1.1rem} .gtx .nav .wrap{display:flex; align-items:center; justify-content:space-between; gap:1rem} .gtx .logo-plate{background:#fff; border-radius:10px; padding:.45rem .75rem; display:inline-flex; box-shadow:0 8px 22px -12px rgba(0,0,0,.5)} .gtx .logo-plate img{height:32px; display:block} .gtx .menu{display:flex; align-items:center; gap:1.9rem; font-size:.92rem; font-weight:600; color:#e7ecf7} .gtx .menu a{position:relative; padding:.2rem 0; transition:color .15s} .gtx .menu a:hover{color:#fff} .gtx .menu a.active{color:#fff} .gtx .menu a.active::after{content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:var(--red); border-radius:2px} .gtx .nav .navcta{display:flex; align-items:center; gap:.9rem} .gtx .burger{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:6px} .gtx .burger span{width:24px; height:2px; background:#fff; border-radius:2px} @media (max-width:960px){.gtx .topbar{display:none} .gtx header.nav{top:0} .gtx .menu, .gtx .navcta .btn{display:none} .gtx .burger{display:flex}} .gtx .hero{position:relative; min-height:82vh; display:flex; align-items:center; padding:7rem 0 9rem; overflow:hidden} .gtx .hero .bg{position:absolute; inset:0; z-index:0; background:#0b1424 center/cover no-repeat} .gtx .hero .bg::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,17,32,.92),rgba(9,17,32,.55) 55%,rgba(9,17,32,.35)); } .gtx .hero .wrap{position:relative; z-index:1; max-width:640px} .gtx .hero .eyebrow{display:inline-block; margin-bottom:1rem} .gtx .hero h1{font-size:clamp(2.3rem,5.4vw,4rem); font-weight:800; letter-spacing:-.01em; text-transform:uppercase} .gtx .hero h1 .t{color:#ff5757} .gtx .hero p.lead{margin:1.3rem 0 0; color:#c3cee2; font-size:1.1rem; max-width:44ch} .gtx .hero .cta{margin-top:2rem; display:flex; gap:.8rem; flex-wrap:wrap} .gtx .services{position:relative; z-index:3; margin-top:-6.5rem} .gtx .services .card{background:var(--card); color:var(--ink); border-radius:16px; box-shadow:var(--shadow); display:grid; grid-template-columns:repeat(5,1fr)} .gtx .svc{padding:1.5rem 1.25rem; border-right:1px solid #e6e9f1} .gtx .svc .snum{display:inline-block; font-size:.62rem; font-weight:800; letter-spacing:.06em; color:var(--teal2); background:#e6eefb; border-radius:6px; padding:.12rem .45rem; margin-bottom:.45rem} .gtx .svc:last-child{border-right:0} .gtx .svc .ic{width:46px; height:46px; border-radius:12px; background:#e6eefb; color:var(--teal2); display:grid; place-items:center; margin-bottom:1rem} .gtx .svc .ic svg{width:24px;height:24px} .gtx .svc h3{font-size:.98rem; font-weight:700; color:var(--ink); margin-bottom:.4rem; line-height:1.3} .gtx .svc p{font-size:.85rem; color:var(--inkmut); margin:0} @media (max-width:820px){.gtx .services .card{grid-template-columns:repeat(3,1fr)} .gtx .svc:nth-child(2){border-right:0} .gtx .svc{border-bottom:1px solid #e6e9f1}} @media (max-width:480px){.gtx .services .card{grid-template-columns:1fr} .gtx .svc{border-right:0}} .gtx section{padding:3.3rem 0} .gtx .sec-eyebrow{color:var(--teal)} .gtx h2.sec{font-size:clamp(1.4rem,2.7vw,2.05rem); font-weight:800; margin:.6rem 0 0} .gtx .why{background:var(--bg2)} .gtx .why .grid{display:grid; grid-template-columns:1.05fr .95fr; gap:3rem; align-items:center} .gtx .why .items{display:flex; flex-direction:column; gap:1.5rem; margin-top:1.8rem} .gtx .whyitem{display:flex; gap:1rem; align-items:flex-start} .gtx .whyitem .ic{flex:none; width:48px; height:48px; border-radius:50%; background:rgba(91,155,230,.16); color:var(--teal); display:grid; place-items:center; border:1px solid rgba(91,155,230,.34); margin-top:2px} .gtx .whyitem .ic svg{width:22px;height:22px} .gtx .whyitem b{display:block; font-size:1.02rem; color:#fff; margin-bottom:.4rem; line-height:1.3} .gtx .whyitem p{margin:0; color:var(--muted); font-size:.95rem; line-height:1.6} .gtx .why .media{border-radius:18px; overflow:hidden; aspect-ratio:4/4.4; background:#0b1424 center/cover no-repeat; box-shadow:var(--shadow); border:1px solid var(--line)} .gtx .about .grid{display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center} .gtx .about p{color:var(--muted); margin:1rem 0 0; font-size:.95rem; line-height:1.7} .gtx .about p b{color:#fff} .gtx .about .imgs{display:grid; grid-template-columns:1fr 1fr; gap:1rem} .gtx .about .imgs .im{border-radius:14px; overflow:hidden; aspect-ratio:4/3; background:#0b1424 center/cover no-repeat; border:1px solid var(--line); box-shadow:var(--shadow)} .gtx .about .imgs .im:first-child{margin-top:0} .gtx .stats{background:linear-gradient(135deg,#245c98,#173a6e); border-block:1px solid var(--line2); padding:2.6rem 0} .gtx .stats .s b{color:#fff} .gtx .stats .s b i{color:#ffd15c} .gtx .stats .s span{color:#dbe6f7} .gtx .stats .wrap{display:grid; grid-template-columns:repeat(4,1fr); text-align:center} .gtx .stats .s{padding:2.4rem 1rem; border-right:1px solid var(--line)} .gtx .stats .s:last-child{border-right:0} .gtx .stats .s b{display:block; font-size:2.3rem; font-weight:800; color:#fff} .gtx .stats .s b i{font-style:normal; color:var(--teal)} .gtx .stats .s span{font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)} @media (max-width:640px){.gtx .stats .wrap{grid-template-columns:1fr 1fr} .gtx .stats .s:nth-child(2){border-right:0}} .gtx .vm2 .grid{display:grid; grid-template-columns:1fr 1fr; gap:1.4rem} .gtx .vmb{background:#fff; border:1px solid #e3e9f4; border-radius:16px; padding:1.8rem; box-shadow:0 20px 44px -26px rgba(0,0,0,.55)} .gtx .vmb .ic{width:46px;height:46px;border-radius:12px;background:#e6eefb;color:var(--teal2);display:grid;place-items:center;margin-bottom:.9rem} .gtx .vmb .eyebrow{display:block; margin-bottom:.5rem; color:var(--teal2)} .gtx .vmb p{color:#42506b; margin:0; font-size:.95rem; line-height:1.7} .gtx footer{background:#08101e; border-top:1px solid var(--line); padding:2.4rem 0; color:var(--faint); font-size:.85rem} .gtx footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:center} @media (max-width:820px){.gtx .why .grid, .gtx .about .grid, .gtx .vm2 .grid{grid-template-columns:1fr} .gtx .why .media{aspect-ratio:16/10} .gtx .about .imgs .im:first-child{margin-top:0}} .gtx .team{background:var(--bg2); border-block:1px solid var(--line); padding-bottom:3.3rem; overflow:hidden} .gtx .team .sechead{margin-bottom:2rem} .gtx .teamstrip{overflow:hidden; width:100%; -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} .gtx .teamtrack{display:flex; width:max-content; animation:gtx_teamscroll 34s linear infinite} .gtx .teamstrip:hover .teamtrack{animation-play-state:paused} .gtx .teamslide{flex:0 0 auto; width:340px; margin-right:1rem; aspect-ratio:16/10; border-radius:14px; overflow:hidden; background:#0b1424 center/cover no-repeat; border:1px solid var(--line2); box-shadow:var(--shadow)} .gtx .tp1{background-image:url(/wp-content/uploads/2026/08/akano-gt-1.jpg)} .gtx .tp2{background-image:url(/wp-content/uploads/2026/08/akano-gt-2.jpg)} .gtx .tp3{background-image:url(/wp-content/uploads/2026/08/akano-gt-3.jpg)} .gtx .tp4{background-image:url(/wp-content/uploads/2026/08/akano-gt-4.jpg)} .gtx .tp5{background-image:url(/wp-content/uploads/2026/08/akano-gt-11.jpg)} @keyframes gtx_teamscroll{from{transform:translateX(0)} to{transform:translateX(-50%)}} @media(max-width:600px){.gtx .teamslide{width:250px; margin-right:.7rem}} .gtx .posit{background:var(--bg2); border-block:1px solid var(--line)} .gtx .sechead{text-align:center; max-width:680px; margin:0 auto 2.6rem} .gtx .sechead p{color:var(--muted); margin-top:.7rem; line-height:1.65} .gtx .pos-grid{display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; max-width:1000px; margin:0 auto} .gtx .pos-col{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1.7rem} .gtx .pos-col h3{margin:0 0 1rem; font-size:1.12rem; color:#fff; display:flex; align-items:center; gap:.55rem} .gtx .pos-col h3 svg{width:24px; height:24px; flex:none; stroke-width:2.2} .gtx .pos-col.no h3{color:#ff6a6a} .gtx .pos-col.yes h3{color:#7fd6a0} .gtx .pos-item{display:flex; gap:.7rem; padding:.65rem 0; border-top:1px solid var(--line); font-size:.92rem; color:#d4ddec; line-height:1.55} .gtx .pos-item:first-of-type{border-top:0} .gtx .pos-item .m{flex:none; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; margin-top:.1rem; font-weight:800; font-size:.8rem} .gtx .pos-col.no .m{background:rgba(204,26,26,.18); color:#ff6a6a} .gtx .pos-col.yes .m{background:rgba(91,155,230,.2); color:#7fd6a0} .gtx .pos-item b{color:#fff} @media(max-width:760px){.gtx .pos-grid{grid-template-columns:1fr}} .gtx .cap{background:var(--bg)} .gtx .cap-wrap{overflow-x:auto; border-radius:14px; border:1px solid var(--line)} .gtx .cap-table{width:100%; border-collapse:collapse; min-width:680px; font-size:.9rem} .gtx .cap-table th{background:linear-gradient(135deg,#1d3568,#16294f); color:#fff; text-align:left; padding:.9rem 1rem; font-weight:700; font-size:.8rem; letter-spacing:.02em; border-bottom:1px solid var(--line2)} .gtx .cap-table td{padding:.9rem 1rem; border-top:1px solid var(--line); color:#c7d1e5; line-height:1.55; vertical-align:top} .gtx .cap-table td.num{color:#ff6a6a; font-weight:800; text-align:center; font-size:1.05rem; width:44px} .gtx .cap-table td.cn{color:#fff; font-weight:700; white-space:nowrap} .gtx .cap-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.03)} .gtx .cust{background:var(--bg2); border-block:1px solid var(--line)} .gtx .cust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem} .gtx .cust-card{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1.5rem 1.3rem; display:flex; flex-direction:column} .gtx .cust-card .ci{width:42px; height:42px; border-radius:11px; background:rgba(91,155,230,.16); color:var(--teal); display:grid; place-items:center; margin-bottom:.9rem; border:1px solid rgba(91,155,230,.28)} .gtx .cust-card .ci svg{width:21px;height:21px} .gtx .cust-card h3{margin:0; font-size:1rem; color:#fff; line-height:1.35; min-height:4em} .gtx .cust-card .lbl{font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:var(--teal); font-weight:700; display:block; margin:.9rem 0 .25rem} .gtx .cust-card p{margin:0; font-size:.85rem; color:#c7d1e5; line-height:1.55} .gtx .cust-card p:nth-of-type(1){min-height:4.4em} @media(max-width:900px){.gtx .cust-grid{grid-template-columns:1fr 1fr}} @media(max-width:520px){.gtx .cust-grid{grid-template-columns:1fr}} .gtx .road{background:linear-gradient(140deg,#16294f,#1d3568 55%,#132649); border-block:1px solid var(--line)} .gtx .road-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem} .gtx .road-col{background:rgba(255,255,255,.05); border:1px solid var(--line2); border-radius:16px; overflow:hidden} .gtx .road-head{padding:1.3rem 1.4rem; color:#fff} .gtx .road-head .g{font-size:1.6rem; font-weight:800; line-height:1} .gtx .road-head .gn{font-size:.92rem; font-weight:700; letter-spacing:.05em; margin-top:.25rem; display:block} .gtx .road-col.g1 .road-head{background:linear-gradient(135deg,#1a2d5a,#284d86)} .gtx .road-col.g2 .road-head{background:linear-gradient(135deg,#2358a0,#2b6cb0)} .gtx .road-col.g3 .road-head{background:linear-gradient(135deg,#2b7a8b,#236a79)} .gtx .road-body{padding:1.1rem 1.4rem 1.4rem} .gtx .road-body ul{margin:0; padding:0} .gtx .road-body li{list-style:none; display:flex; gap:.55rem; padding:.5rem 0; font-size:.87rem; color:#d4ddec; line-height:1.5; border-top:1px solid rgba(255,255,255,.07)} .gtx .road-body li:first-child{border-top:0} .gtx .road-body li::before{content:"\203A"; color:#ff8a5c; font-weight:800; flex:none} @media(max-width:820px){.gtx .road-grid{grid-template-columns:1fr}} .gtx .corevalue-sec .cvhead{text-align:center; margin-bottom:1.8rem} .gtx .corevalue-sec .cvhead .eyebrow{display:inline-block; margin-bottom:.5rem} .gtx .corevalue-sec .cvhead h2{font-size:clamp(1.4rem,2.7vw,2.05rem); font-weight:800; color:#fff; margin:.4rem 0 0} .gtx .corevalue{max-width:1080px; margin:0 auto} .gtx .cv-top{text-align:center; margin-bottom:.4rem} .gtx .cv-top .cv-label{max-width:340px; margin:0 auto} .gtx .cv-mid{display:grid; grid-template-columns:1fr minmax(300px,460px) 1fr; align-items:center; gap:1.4rem} .gtx .cv-side{display:flex; flex-direction:column; gap:2.6rem} .gtx .cv-side.left{align-items:flex-end; text-align:right} .gtx .cv-side.right{align-items:flex-start; text-align:left} .gtx .cv-fan{width:100%} .gtx .cv-label{width:240px; color:#c3cee2; font-size:.83rem; line-height:1.55} .gtx .cv-label p{margin:.5rem 0 0} .gtx .cvp{display:inline-block; padding:.42rem 1rem; border-radius:999px; font-weight:700; font-size:.78rem; color:#fff; text-transform:uppercase; letter-spacing:.03em; box-shadow:0 8px 20px -10px rgba(0,0,0,.5)} .gtx .cvp.p1{background:#284d86} .gtx .cvp.p2{background:#8fbbe6; color:#12224a} .gtx .cvp.p3{background:#cc1a1a} .gtx .cvp.p4{background:#2b6cb0} .gtx .cvp.p5{background:#f2b21e; color:#12224a} @media (max-width:920px){.gtx .cv-mid{grid-template-columns:1fr; gap:1.4rem} .gtx .cv-side{align-items:center; text-align:center; gap:1.4rem} .gtx .cv-side.left, .gtx .cv-side.right{align-items:center; text-align:center} .gtx .cv-fan{order:-1; max-width:420px; margin:0 auto} .gtx .cv-label{width:100%; max-width:460px}} .gtx .coverage{background:var(--bg2); border-block:1px solid var(--line)} .gtx .cov-grid{display:grid; grid-template-columns:minmax(230px,360px) 1fr; gap:3rem; align-items:center} .gtx .cov-map{position:relative} .gtx .cov-map svg{width:100%; height:auto; max-height:560px; display:block; filter:drop-shadow(0 20px 44px rgba(0,0,0,.45))} .gtx .dot-pulse{animation:gtx_covpulse 2.4s ease-out infinite} @keyframes gtx_covpulse{0%{opacity:.45; r:14}70%{opacity:0; r:26}100%{opacity:0; r:26}} .gtx .cov-badge{position:absolute; left:.2rem; bottom:.2rem; background:var(--panel); border:1px solid var(--line2); border-radius:14px; padding:.8rem 1.15rem; box-shadow:var(--shadow)} .gtx .cov-badge b{display:block; color:#fff; font-size:1.6rem; font-weight:800; line-height:1} .gtx .cov-badge span{font-size:.76rem; color:var(--muted)} .gtx .provlist{display:grid; grid-template-columns:1fr 1fr; gap:.4rem 1.8rem} .gtx .prov{display:grid; grid-template-columns:1fr auto; gap:.35rem .6rem; align-items:center; padding:.5rem 0; border-bottom:1px solid var(--line)} .gtx .prov .pn{color:#e7ecf7; font-size:.9rem; font-weight:600} .gtx .prov .pv{color:var(--teal); font-size:.85rem; font-weight:700} .gtx .prov .pbar{grid-column:1/-1; height:4px; border-radius:3px; background:rgba(255,255,255,.08); overflow:hidden} .gtx .prov .pbar i{display:block; height:100%; background:linear-gradient(90deg,var(--teal2),var(--teal)); border-radius:3px} .gtx .prov.hot .pn{color:#fff} .gtx .prov.hot .pv{color:#ff6a6a} .gtx .prov.hot .pbar i{background:linear-gradient(90deg,#cc1a1a,#ff6a6a)} @media(max-width:900px){.gtx .cov-grid{grid-template-columns:1fr} .gtx .cov-map{max-width:320px;margin:0 auto}} @media(max-width:560px){.gtx .provlist{grid-template-columns:1fr}} .gtx footer.ft{background:linear-gradient(160deg,#1a3363,#14284e); color:#c2cde6; padding:3.2rem 0 1.6rem; border-top:1px solid var(--line2)} .gtx footer.ft .grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:2.4rem} .gtx footer.ft .logo-plate{background:#fff; border-radius:10px; padding:.4rem .7rem; display:inline-flex} .gtx footer.ft .logo-plate img{height:40px; display:block} .gtx footer.ft .fdesc{font-size:.9rem; margin:1rem 0; max-width:32ch} .gtx footer.ft h4{color:#fff; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 1rem} .gtx footer.ft a.fl{display:block; color:#aeb9d3; font-size:.9rem; padding:.28rem 0} .gtx footer.ft a.fl:hover{color:#fff} .gtx footer.ft .addr{display:flex; gap:.5rem; font-size:.86rem; margin-top:.7rem} .gtx footer.ft .addr svg{width:15px;height:15px; flex:none; margin-top:.2rem; color:var(--teal)} .gtx footer.ft .social{display:flex; gap:.6rem; margin-top:1rem} .gtx footer.ft .social a{width:38px;height:38px; border-radius:9px; border:1px solid var(--line2); display:grid; place-items:center; color:#aeb9d3} .gtx footer.ft .social a:hover{background:rgba(255,255,255,.08); color:#fff} .gtx footer.ft .social svg{width:18px;height:18px} .gtx footer.ft .ftbar{display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-top:2.4rem; padding-top:1.4rem; border-top:1px solid var(--line); font-size:.8rem; color:var(--faint)} @media(max-width:820px){.gtx footer.ft .grid{grid-template-columns:1fr 1fr}} @media(max-width:520px){.gtx footer.ft .grid{grid-template-columns:1fr}} .gtx .values{background:var(--bg)} .gtx .valhead, .gtx .commithead{text-align:center; max-width:640px; margin:0 auto 2.6rem} .gtx .valhead h2, .gtx .commithead h2{margin-top:.6rem} .gtx .valgrid{display:grid; grid-template-columns:repeat(5,1fr); gap:1.1rem} .gtx .valcard{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1.6rem 1.3rem; position:relative; overflow:hidden; transition:transform .18s, border-color .18s} .gtx .valcard:hover{transform:translateY(-5px); border-color:var(--line2)} .gtx .valcard::before{content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(90deg,var(--teal2),var(--red))} .gtx .valcard .vnum{position:absolute; right:1rem; top:.8rem; font-size:1.9rem; font-weight:800; color:rgba(255,255,255,.13); line-height:1} .gtx .valcard .vic{display:grid; place-items:center; width:46px; height:46px; border-radius:12px; background:rgba(91,155,230,.16); color:var(--teal); border:1px solid rgba(91,155,230,.28); margin-bottom:1rem} .gtx .valcard .vic svg{width:23px;height:23px} .gtx .valcard b{display:block; color:#fff; font-size:1rem; margin-bottom:.45rem} .gtx .valcard p{margin:0; color:var(--muted); font-size:.85rem; line-height:1.6} @media(max-width:960px){.gtx .valgrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.gtx .valgrid{grid-template-columns:1fr}} .gtx .commit{background:linear-gradient(140deg,#16294f,#1d3568 55%,#132649); border-block:1px solid var(--line)} .gtx .reasongrid{display:grid; grid-template-columns:repeat(5,1fr); gap:1rem} .gtx .rcard{background:rgba(255,255,255,.055); border:1px solid var(--line2); border-radius:14px; padding:1.6rem 1.2rem; text-align:center; transition:transform .18s, background .18s} .gtx .rcard:hover{transform:translateY(-5px); background:rgba(255,255,255,.09)} .gtx .rcard .rn{width:48px;height:48px;margin:0 auto 1rem; border-radius:50%; background:linear-gradient(140deg,var(--teal2),var(--red)); color:#fff; font-weight:800; font-size:1.05rem; display:grid; place-items:center; box-shadow:0 10px 22px -10px rgba(0,0,0,.6)} .gtx .rcard b{display:block; color:#fff; font-size:.98rem; margin-bottom:.45rem} .gtx .rcard p{margin:0; color:var(--muted); font-size:.84rem; line-height:1.55} @media(max-width:960px){.gtx .reasongrid{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.gtx .reasongrid{grid-template-columns:1fr 1fr}} 
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@600;700;800&display=swap');.gtx .hero h1,.gtx h2.sec,.gtx .otq h2,.gtx .signup h2{font-family:'Spectral',Georgia,serif}.gtx .hl{color:#5b9be6}.gtx .hl-red{color:#ff5757}.gtx .hero{min-height:auto;padding:5.5rem 0 7rem}.gtx .hero h1{font-size:clamp(1.7rem,3.3vw,2.7rem);text-transform:none}.gtx .hero p.lead{font-size:1rem}.gtx .searchbar{position:relative;z-index:5;margin-top:-3.4rem}.gtx .searchcard{background:#fff;border-radius:18px;box-shadow:var(--shadow);border:1px solid #e3e9f4;overflow:hidden}.gtx .searchtabs{display:flex;gap:.3rem;padding:.7rem .7rem 0}.gtx .searchtabs>*{border:0;background:transparent;font-weight:600;font-size:.86rem;color:#5a6377;padding:.55rem 1.1rem;border-radius:9px 9px 0 0;cursor:pointer;text-decoration:none}.gtx .searchtabs .on{color:#1A2D5A;background:#f4f6fb;position:relative}.gtx .searchtabs .on::after{content:'';position:absolute;left:1.1rem;right:1.1rem;bottom:-1px;height:2px;background:#cc1a1a}.gtx .searchrow{display:flex;align-items:stretch;gap:.4rem;padding:.9rem}.gtx .searchrow .fld{display:flex;flex-direction:column;gap:.15rem;padding:.35rem 1rem;border-right:1px solid #e3e9f4;flex:1;min-width:0}.gtx .searchrow label{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#8a93a6;font-weight:700}.gtx .searchrow .selin{border:0;background:none;font-size:.95rem;color:#16203a;padding:.2rem 0;width:100%;outline:none}.gtx .searchrow .btn-navy{background:#1A2D5A;color:#fff;border:0;border-radius:12px;padding:0 1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.gtx .searchrow .btn-navy svg{width:18px;height:18px}@media(max-width:760px){.gtx .searchrow{flex-direction:column}.gtx .searchrow .fld{border-right:0;border-bottom:1px solid #e3e9f4}.gtx .searchrow .btn-navy{padding:.8rem;justify-content:center}}.gtx .usp{background:var(--bg)}.gtx .usp .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 0}.gtx .usp .u{display:flex;gap:.8rem;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}.gtx .usp .u .ic{flex:none;width:40px;height:40px;border-radius:10px;background:rgba(91,155,230,.16);color:var(--teal);display:grid;place-items:center;border:1px solid rgba(91,155,230,.28)}.gtx .usp .u .ic svg{width:20px;height:20px}.gtx .usp .u b{display:block;color:#fff;font-size:.95rem;margin-bottom:.15rem}.gtx .usp .u span{color:var(--muted);font-size:.82rem}@media(max-width:820px){.gtx .usp .wrap{grid-template-columns:1fr 1fr}}@media(max-width:480px){.gtx .usp .wrap{grid-template-columns:1fr}}.gtx .prodsec{background:#eef2f8;color:#16203a;padding:3.4rem 0}.gtx .minirow{display:flex;gap:2.2rem;margin:1.3rem 0 1.1rem;flex-wrap:wrap}.gtx .minirow .m b{font-size:1.7rem;font-weight:800;color:#fff;display:block;line-height:1}.gtx .minirow .m b i{color:#5b9be6;font-style:normal;font-size:1rem}.gtx .minirow .m span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.gtx .otq{background:linear-gradient(140deg,#16294f,#1d3568 55%,#132649)}.gtx .otq .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.gtx .otq .lead2{color:var(--muted);line-height:1.7;margin:1rem 0 1.5rem;font-size:.95rem}.gtx .otq .media{border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#0b1424 center/cover no-repeat;border:1px solid var(--line2);position:relative}.gtx .otq .media .cap{position:absolute;left:0;right:0;bottom:0;padding:1rem;background:linear-gradient(0deg,rgba(11,20,45,.9),transparent);color:#fff}.gtx .otq .media .cap b{display:block;font-size:1rem}.gtx .otq .media .cap span{font-size:.8rem;color:#c7d1e5}.gtx .otqcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.gtx .otqc{background:#fff;border-radius:14px;padding:1.3rem 1.2rem}.gtx .otqc .ic{width:42px;height:42px;border-radius:11px;background:#e6eefb;color:var(--teal2);display:grid;place-items:center;margin-bottom:.8rem}.gtx .otqc .ic svg{width:20px;height:20px}.gtx .otqc b{display:block;color:#16203a;font-size:.95rem;margin-bottom:.35rem}.gtx .otqc p{margin:0;color:#5a6377;font-size:.83rem;line-height:1.5}@media(max-width:900px){.gtx .otq .grid{grid-template-columns:1fr}.gtx .otqcards{grid-template-columns:1fr 1fr}}.gtx .quotes{background:var(--bg2)}.gtx .qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.gtx .qcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.6rem}.gtx .qcard .stars{color:#f2b21e;font-size:.9rem;margin-bottom:.7rem}.gtx .qcard p{color:#d4ddec;font-size:.92rem;line-height:1.6;margin:0 0 1rem;font-style:italic}.gtx .qcard .who{display:flex;align-items:center;gap:.7rem}.gtx .qcard .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--teal2),var(--teal));color:#fff;display:grid;place-items:center;font-weight:800}.gtx .qcard .who b{display:block;color:#fff;font-size:.9rem}.gtx .qcard .who span{color:var(--muted);font-size:.78rem}@media(max-width:820px){.gtx .qgrid{grid-template-columns:1fr}}.gtx .signup{background:linear-gradient(120deg,#132649,#1a2d5a)}.gtx .signup .grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.gtx .signup h2{color:#fff}.gtx .signup .sub{color:var(--muted);margin-top:.8rem;line-height:1.6}.gtx .suform{background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:1.8rem}.gtx .suform h3{color:#fff;margin:0 0 1.1rem}.gtx .suform label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin:.9rem 0 .3rem}.gtx .suform input,.gtx .suform select{width:100%;background:#0f1d3d;border:1px solid var(--line2);border-radius:10px;padding:.7rem .9rem;color:#fff;font-size:.95rem;outline:none}.gtx .suform .subtn{display:block;width:100%;margin-top:1.2rem;background:#cc1a1a;color:#fff;border:0;border-radius:10px;padding:.85rem;font-weight:700;font-size:.95rem;cursor:pointer;text-align:center;text-decoration:none}.gtx .suform .note{font-size:.75rem;color:var(--faint);text-align:center;margin-top:.8rem}@media(max-width:820px){.gtx .signup .grid{grid-template-columns:1fr}}.gtx .homecta{background:linear-gradient(135deg,#cc1a1a,#a81414);padding:3rem 0;text-align:center}.gtx .homecta h2{color:#fff;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:800;margin:0}.gtx .homecta p{color:#ffe3e3;margin:.7rem auto 1.4rem;max-width:520px}.gtx .homecta .btn-white{background:#fff;color:#cc1a1a}
/*akano-home-fix*/.gtx .hero .wrap{max-width:min(1180px,92vw)!important;margin-inline:auto}.gtx .hero h1,.gtx .hero .lead,.gtx .hero .eyebrow{max-width:600px}.gtx .searchcard{background:#fff!important}.gtx .quotes{background:#eef2f8!important;color:#16203a}.gtx .quotes .eyebrow{color:#2b6cb0!important}.gtx .quotes h2.sec{color:#16203a!important}.gtx .quotes .qcard{background:#fff!important;border:1px solid #e3e9f4!important}.gtx .quotes .qcard p{color:#42506b!important}.gtx .quotes .qcard .who b{color:#16203a!important}.gtx .quotes .qcard .who span{color:#8a93a6!important}.gtx .why h2.sec{font-size:clamp(1.25rem,2vw,1.6rem)}
/*akano-home-fix2*/.gtx .usp{background:#fff!important;color:#42506b}.gtx .usp .u{background:#fff!important;border:1px solid #e6ebf5!important;box-shadow:0 8px 24px -18px rgba(20,40,80,.35)}.gtx .usp .u p{color:#16203a!important}.gtx .usp .u>div{color:#6b7488!important}
/*akano-home-fix3*/.gtx .usp .u>div b{color:#16203a!important}.gtx .usp .u>div span{color:#6b7488!important}
/*akano-home-fix4*/.gtx .searchbar{background:#eef2f8!important;margin-top:0!important;padding:0 0 2.5rem!important}.gtx .searchbar .wrap{margin-top:-54px}
/*akano-home-fix5*/.gtx .searchbar .wrap{margin-top:-80px}.gtx .searchbar{padding-bottom:1.4rem!important}.gtx .usp{background:#eef2f8!important;padding:0 0 3rem!important}.gtx .usp .wrap{background:#fff!important;border-radius:16px;box-shadow:0 12px 34px -20px rgba(20,40,80,.4);padding:0!important;gap:0!important;overflow:hidden}.gtx .usp .u{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-right:1px solid #eef1f6!important;padding:1.4rem 1.5rem!important}.gtx .usp .u:last-child{border-right:0!important}
/*akano-home-fix6*/.gtx .searchbar{padding-bottom:.6rem!important}.gtx .usp{padding:0 0 2rem!important}.gtx .usp .u{padding:.9rem 1.3rem!important}.gtx .usp .u .ic{width:38px!important;height:38px!important}.gtx .searchcard .searchrow{padding:.7rem!important}
/*akano-home-fix7*/.gtx .searchbar .wrap{margin-top:-3.4rem!important}.gtx .searchbar{padding-bottom:0!important}.gtx .searchcard .searchtabs{padding:.7rem .7rem 0!important;gap:.3rem!important}.gtx .searchcard .searchrow{padding:.9rem!important;gap:.4rem!important}.gtx .searchcard .searchrow .fld{padding:.35rem 1rem!important}.gtx .usp{padding:0 0 3rem!important}.gtx .usp .wrap{grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-top:1.5rem!important;padding:.4rem 0!important}.gtx .usp .u{padding:1.3rem 1.4rem!important;gap:.85rem!important;align-items:center!important}.gtx .usp .u .ic{width:44px!important;height:44px!important;border-radius:11px!important}
/*akano-home-fix8*/.gtx .searchbar{padding-bottom:1.5rem!important}.gtx .usp .wrap{margin-top:0!important}
/*akano-home-fix9*/.gtx .searchbar{background:#fff!important}.gtx .usp{background:#fff!important}.gtx .searchbar .wrap{margin-top:-5rem!important}
/*akano-home-fix10*/.gtx .hero .bg::after{background:linear-gradient(90deg,rgba(22,38,74,.85),rgba(22,38,74,.5) 52%,rgba(22,38,74,.22))!important}.gtx .hero{padding-bottom:8.5rem!important;min-height:660px!important}.gtx .searchbar{background:#eef2f8!important}.gtx .usp{background:#eef2f8!important}.gtx .searchbar .wrap{margin-top:-6rem!important}
/*akano-home-fix11*/.gtx .hero{padding-top:98px!important;padding-bottom:11rem!important;min-height:600px!important}.gtx .searchbar .wrap{margin-top:-9rem!important}.gtx .searchcard .searchtabs{padding:.4rem .5rem 0!important}.gtx .searchcard .searchtabs>*{padding:.45rem .95rem!important;font-size:.84rem!important}.gtx .searchcard .searchrow{padding:.5rem!important;gap:.3rem!important}.gtx .searchcard .searchrow .fld{padding:.15rem .9rem!important}.gtx .searchcard .searchrow .selin,.gtx .searchcard .searchrow input{font-size:.85rem!important}
/*akano-home-fix12*/.gtx .hero .bg::after{background:linear-gradient(90deg,#16294f 0%,#16294f 15%,rgba(20,35,72,.82) 30%,rgba(20,35,72,.4) 46%,rgba(20,35,72,.1) 64%,transparent 80%),linear-gradient(180deg,rgba(11,20,45,.68) 0%,rgba(11,20,45,.18) 18%,transparent 42%),linear-gradient(0deg,#0e1c3b 0%,transparent 22%)!important}.gtx .hero h1{line-height:1.16!important}.gtx .hero .wrap{max-width:530px!important}
/*akano-home-fix13*/.gtx .hero .wrap{max-width:min(1180px,92vw)!important;margin-left:auto!important;margin-right:auto!important}.gtx .hero h1,.gtx .hero p.lead,.gtx .hero .eyebrow,.gtx .hero .cta{max-width:530px!important}
/*akano-home-fix14*/.gtx .usp{display:none!important}.gtx .searchbar{border:0!important;padding-bottom:2.5rem!important}.gtx .prodsec{border:0!important;border-top:0!important;margin-top:0!important;padding-top:1.5rem!important}.gtx .searchbar::before,.gtx .searchbar::after,.gtx .usp::before,.gtx .usp::after{display:none!important}
/* ===== RICH FOOTER (akano.vn style) ===== */
.ftr{background:linear-gradient(160deg,#0e2247,#0a1a38);color:#aeb9d3;padding:3.2rem 0 1.4rem;margin-top:0}
.ftr-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:2.2rem}
.ftr h4{color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}
.ftr .flogo{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.3rem;color:#fff;margin-bottom:.8rem}
.ftr .flogo .mk{color:var(--red)}
.ftr .flogo small{display:block;font-size:.5rem;letter-spacing:.2em;color:#8ea0c0;font-weight:700}
.ftr .fdesc{font-size:.88rem;line-height:1.6;margin:0 0 1rem;max-width:34ch}
.ftr .addr{display:flex;gap:.5rem;font-size:.85rem;margin:.5rem 0;line-height:1.5}
.ftr .addr b{color:#dfe6f4;font-weight:700}
.ftr a.fl{display:block;color:#aeb9d3;font-size:.9rem;padding:.28rem 0}
.ftr a.fl:hover{color:#fff}
.ftr .social{display:flex;gap:.6rem;margin-top:.4rem;flex-wrap:wrap}
.ftr .social a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:9px;border:1px solid rgba(255,255,255,.16);color:#cdd6ea;font-size:.85rem}
.ftr .social a:hover{background:rgba(255,255,255,.08);color:#fff}
.ftr .fanpage{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:1rem}
.ftr .fanpage b{color:#fff;display:block;font-size:.95rem}
.ftr .fanpage span{font-size:.8rem;color:#8ea0c0}
.ftr .fanpage a{display:inline-block;margin-top:.6rem;background:#1877f2;color:#fff;font-size:.8rem;font-weight:700;padding:.4rem .9rem;border-radius:8px}
.ftr-maps{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.2rem}
.ftr-maps h4{margin-bottom:.6rem}
.ftr-map{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);height:200px}
.ftr-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.2)}
.ftr-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.2rem;text-align:center;font-size:.82rem;color:#8ea0c0}
@media(max-width:820px){.ftr-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr-top{grid-template-columns:1fr}.ftr-maps{grid-template-columns:1fr}}

/* ===== OVERRIDES: Vietnamese font + compact why + logo ===== */
.gtx h1,.gtx h2,.gtx h3,.gtx h2.sec,.gtx .otq h2,.gtx .signup h2{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important}
/* thu nhỏ 2 khối Quy mô / Đồng hành cho gọn, ảnh nét hơn */
.gtx .why{padding:2rem 0}
.gtx .why .grid{gap:2.4rem;align-items:center}
.gtx .why .media{aspect-ratio:16/10;max-height:300px}
.gtx .why h2.sec{font-size:clamp(1.15rem,1.9vw,1.5rem)}
.gtx .why .minirow{margin:1rem 0 .8rem;gap:1.5rem}
.gtx .why .minirow .m b{font-size:1.4rem}
.gtx .why p{font-size:.9rem !important}
/* logo ảnh trên header (nền trắng) */
.hdr .wrap{height:104px}
.logo img{height:80px;width:auto;display:block}
/* nút Nhận báo giá: chữ trắng trên nền đỏ (thắng .nav a) */
.nav a.btn-red{color:#fff !important}
@media(max-width:560px){.logo img{height:56px}.hdr .wrap{height:78px}}
/* logo ảnh trên footer (nền tối -> hộp trắng) */
.ftr .flogo{display:inline-flex}
.ftr .flogo img{height:40px;width:auto;background:#fff;padding:5px 10px;border-radius:9px}

/* ===== Floating contact buttons ===== */
.fabs{position:fixed;right:14px;bottom:16px;z-index:120;display:flex;flex-direction:column;gap:12px}
.fab{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 20px -6px rgba(0,0,0,.45);color:#fff;font-weight:800;font-size:.7rem;text-decoration:none;transition:transform .15s}
.fab:hover{transform:scale(1.08)}
.fab svg{width:26px;height:26px}
.fab.call{background:#12b76a;animation:fabpulse 1.9s infinite}
.fab.zalo{background:#0068ff}
.fab.mess{background:linear-gradient(135deg,#0a7cff,#a11bd8)}
@keyframes fabpulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,.5)}70%{box-shadow:0 0 0 12px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
@media(max-width:560px){.fab{width:46px;height:46px}.fab svg{width:22px;height:22px}.fabs{right:10px;bottom:12px}}

/* ===== TIN TỨC ===== */
.news-tabs{display:flex;gap:.6rem;margin-bottom:1.6rem;flex-wrap:wrap}
.news-tabs .ntab{border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-size:.9rem;padding:.6rem 1.3rem;border-radius:999px;cursor:pointer;transition:.16s}
.news-tabs .ntab:hover{border-color:var(--lightblue)}
.news-tabs .ntab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
/* trang đọc bài trong site */
.artwrap{display:block}
.art-hero{position:relative;background:#16294f center/cover no-repeat;color:#fff;padding:0}
.art-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,45,.55),rgba(11,20,45,.85))}
.art-hero-in{position:relative;z-index:1;padding:3.2rem 20px 2.4rem;max-width:820px}
.art-back{display:inline-block;color:#cdd8ee;font-weight:700;font-size:.85rem;margin-bottom:1rem}
.art-back:hover{color:#fff}
.art-cat{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--red);padding:.25rem .7rem;border-radius:999px}
.art-hero h1{font-size:clamp(1.5rem,3.2vw,2.3rem);font-weight:800;margin:.9rem 0 .5rem;line-height:1.2}
.art-date{font-size:.8rem;color:#aeb9d3}
.art-body{max-width:820px;padding:2.4rem 20px 3.5rem;color:var(--ink)}
.art-body p{font-size:1rem;line-height:1.8;color:#38414f;margin:0 0 1.1rem}
.art-body h2,.art-body h3{color:var(--navy);margin:1.8rem 0 .7rem;line-height:1.3}
.art-body h2{font-size:1.3rem}.art-body h3{font-size:1.1rem}
.art-body ul,.art-body ol{margin:0 0 1.1rem;padding-left:1.3rem;color:#38414f;line-height:1.8}
.art-body li{margin:.3rem 0}
.art-body img{width:100%;border-radius:14px;margin:1rem 0}
.art-body b,.art-body strong{color:var(--navy)}
.art-src{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}
.btn-navy-lk{display:inline-block;background:var(--navy);color:#fff;padding:.7rem 1.4rem;border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none}
/* marquee đội ngũ 10 ảnh: chạy chậm lại cho mượt */
.gtx .teamtrack{animation-duration:64s !important}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.news-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 26px -20px rgba(20,40,80,.4);transition:.16s;text-decoration:none}
.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.news-card .nimg{aspect-ratio:16/10;background:#f4f6fb center/cover no-repeat}
.news-card .nbody{padding:1.1rem 1.2rem;display:flex;flex-direction:column;flex:1}
.news-card .nhead{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.news-card .ncat{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lightblue)}
.news-card .ndate{font-size:.72rem;color:#8a93a6;margin-left:auto}
.news-card h3{font-size:.98rem;line-height:1.35;color:var(--ink);margin:0 0 .5rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card p{font-size:.85rem;color:var(--muted);line-height:1.55;margin:0 0 .9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .nlink{margin-top:auto;color:var(--red);font-weight:700;font-size:.85rem}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.news-grid{grid-template-columns:1fr}}

/* ===== CHÍNH SÁCH ===== */
.policy{max-width:840px;margin:0 auto;color:var(--ink)}
.policy h2{font-size:1.3rem;color:var(--navy);margin:2rem 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid var(--soft)}
.policy h2:first-child{margin-top:0}
.policy h3{font-size:1.05rem;color:var(--navy);margin:1.4rem 0 .5rem}
.policy p{margin:.45rem 0;line-height:1.7;color:#42506b}
.policy ul{margin:.6rem 0 1rem;padding-left:1.3rem}
.policy li{margin:.4rem 0;line-height:1.6;color:#42506b}

/* ===== Nhân viên KD ===== */
.staff-sec{margin-top:2.6rem}
.staff-sec h3{color:var(--navy);font-size:1.15rem;margin:0 0 1rem}
.staff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.staff-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.1rem}
.staff-card .sn{font-weight:700;color:var(--navy);font-size:.92rem}
.staff-card .sr{font-size:.72rem;color:var(--muted)}
.staff-card a{margin-top:.4rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--red);font-weight:700;font-size:.92rem;text-decoration:none}
.staff-card.lead{border-color:var(--lightblue);background:#f6faff}
@media(max-width:820px){.staff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.staff-grid{grid-template-columns:1fr}}

/* ===== CHÍNH SÁCH redesign ===== */
.pol-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.pol-head .ic{width:54px;height:54px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:1.6rem;flex:none}
.pol-head .eyebrow{color:var(--red)}
.pol-head h2{font-size:1.45rem;color:var(--navy);margin:.15rem 0 0}
.pol-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.7rem;box-shadow:0 14px 32px -24px rgba(20,40,80,.5)}
.pol-card h3{color:var(--navy);font-size:1.06rem;margin:0 0 .7rem;display:flex;align-items:center;gap:.4rem}
.pol-card>p{margin:.4rem 0;line-height:1.7;color:#42506b;font-size:.94rem}
.pol-tier{border-top:1px solid var(--soft);padding-top:.75rem;margin-top:.75rem}
.pol-tier .th{font-weight:800;color:var(--navy);font-size:.92rem;display:block;margin-bottom:.3rem}
.pol-tier p{margin:.2rem 0;line-height:1.55;color:#5a6377;font-size:.88rem}
.pol-tier .free{color:#12b76a;font-weight:700}
.pol-ship{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;align-items:start}
.pol-media{border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#0b1424 center/cover no-repeat;border:1px solid var(--line);box-shadow:var(--shadow)}
.pol-media-2{display:grid;gap:1rem}
.pol-note{font-size:.82rem;color:var(--muted);margin-top:1rem;font-style:italic}
.pol-step{display:flex;gap:.8rem;padding:.7rem 0;border-top:1px solid var(--soft)}
.pol-step:first-child{border-top:0}
.pol-step .snum{flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(140deg,var(--lightblue),var(--navy));color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center}
.pol-step b{color:var(--navy);font-size:.94rem}
.pol-step p{margin:.15rem 0 0;font-size:.86rem;color:#5a6377;line-height:1.5}
.pol-grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem;align-items:center}
@media(max-width:820px){.pol-ship,.pol-grid2{grid-template-columns:1fr}}

/* ===== LIÊN HỆ redesign ===== */
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:start}
.contact-side{display:flex;flex-direction:column;gap:.8rem}
.contact-item{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;text-decoration:none}
a.contact-item{transition:.15s}
a.contact-item:hover{border-color:var(--lightblue);transform:translateY(-2px);box-shadow:var(--shadow)}
.contact-item .ci{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:1.35rem;flex:none}
.contact-item b{display:block;color:var(--navy);font-size:.95rem}
.contact-item span{color:var(--muted);font-size:.85rem}
.contact-item.call .ci{background:#e7f7ef}
.contact-item.zalo .ci{background:#e6f0ff}
.contact-item.fb .ci{background:#e8f0ff}
.formcard h3.fh{margin:0 0 1.1rem;color:var(--navy);font-size:1.2rem}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}

/* ===== v11: staff avatars, navy contact, kho gallery, policy blue ===== */
.staff-card{flex-direction:row !important;align-items:center;gap:.85rem}
.staff-card .sav{width:58px;height:58px;border-radius:50%;background:#dfe6f4 center/cover no-repeat;flex:none;border:2px solid #fff;box-shadow:0 2px 10px rgba(20,40,80,.18)}
.staff-card .si{display:flex;flex-direction:column;min-width:0}
.staff-card .si a{margin-top:.2rem}
.staff-card .si a.szalo{color:#fff;background:#0068ff;padding:.3rem .8rem;border-radius:999px;width:fit-content;font-size:.82rem;margin-top:.4rem}
.staff-card .si a.szalo:hover{background:#0055d4}
.staff-card .szqr{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-left:auto;flex:none}
.staff-card .szqr img{width:78px;height:78px;border-radius:8px;border:1px solid var(--line);display:block}
.staff-card .szqr span{font-size:.6rem;color:var(--muted);text-align:center}
@media(max-width:520px){.staff-card .szqr img{width:64px;height:64px}}
/* ô liên hệ nền navy */
.contact-side .contact-item{background:#16294f;border-color:rgba(255,255,255,.12)}
.contact-side .contact-item b{color:#fff}
.contact-side .contact-item span{color:#aebbd6}
.contact-side .contact-item .ci{background:rgba(255,255,255,.12);color:#fff}
.contact-side .contact-item.call .ci{background:#12b76a}
.contact-side .contact-item.zalo .ci{background:#0068ff}
.contact-side .contact-item.fb .ci{background:#1877f2}
.contact-side .contact-item .ci svg{width:22px;height:22px}
a.contact-item:hover{border-color:var(--lightblue) !important}
/* gallery ảnh kho */
.kho-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.8rem}
.kho-gallery .kg{aspect-ratio:4/3;border-radius:14px;background:#0b1424 center/cover no-repeat;border:1px solid var(--line);box-shadow:0 12px 30px -22px rgba(20,40,80,.5)}
@media(max-width:820px){.kho-gallery{grid-template-columns:1fr 1fr}}
/* policy: xanh nhạt rõ hơn + hero overlay nhẹ để ảnh nét */
.pol-blue{background:#e8f1fc}
.hero.hero-soft .hero-media::after{background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 12%,rgba(20,35,72,.72) 28%,rgba(20,35,72,.3) 48%,rgba(20,35,72,.05) 66%,transparent 82%)}
.zico{width:22px;height:22px}

/* ===== v12: policy paired cards navy + equal height + sharper banner ===== */
.pol-ship{align-items:stretch}
.pol-ship .pol-card{background:#16294f;border-color:rgba(255,255,255,.14);display:flex;flex-direction:column}
.pol-ship .pol-card h3{color:#fff}
.pol-ship .pol-card .th{color:#e6edf9}
.pol-ship .pol-card>p,.pol-ship .pol-card li,.pol-ship .pol-card ul{color:#c3cee2}
.pol-ship .pol-card b{color:#fff}
.pol-ship .pol-card .free{color:#4ade80}
.pol-ship .pol-tier{border-top-color:rgba(255,255,255,.14)}
.pol-ship .pol-step{border-top-color:rgba(255,255,255,.12)}
.pol-ship .pol-step p{color:#aebbd6}
/* ảnh nét: banner khiếu nại không phóng quá cỡ gốc 980px */
.pol-media{width:100%}
.pol-banner{max-width:980px;margin-left:auto;margin-right:auto}

/* ===== v16: header navy + top bar + serif font + fabs center + phone pill ===== */
/* top bar */
.topbar{background:#0e1c3b;color:#c6d0e4;font-size:.8rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 20px;flex-wrap:wrap}
.topbar a{color:#c6d0e4;text-decoration:none}
.topbar a:hover{color:#fff}
.tb-left{display:flex;gap:1.3rem;align-items:center}
.tb-right{display:flex;align-items:center;gap:.7rem}
.tb-right b{color:#fff}
.tb-right a{display:inline-flex;align-items:center}
@media(max-width:960px){.topbar{display:none}}
/* header navy */
.hdr{background:#16294f !important;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:none}
.hdr .wrap{height:100px}
.logo{background:#fff;border-radius:14px;padding:7px 16px}
.logo img{height:60px}
.nav a{color:#e7ecf7}
.nav a:hover,.nav a.on{color:#ff6a6a}
.branch{background:rgba(255,255,255,.16)}
.branch button{color:#dfe6f4}
.branch button.on{background:#fff;color:#16294f}
.burger span{background:#fff}
@media(max-width:760px){.nav{background:#16294f}.nav a{color:#e7ecf7}}
@media(max-width:560px){.logo img{height:48px}.hdr .wrap{height:80px}}
/* font serif tiêu đề (giống akano.vn) */
h1,h2,h3,.sec-head h2,.hero h1,.pol-head h2,.mright h3,.pol-card h3,.news-card h3,.fh,
.gtx h1,.gtx h2,.gtx h3,.gtx h2.sec,.gtx .otq h2,.gtx .signup h2{font-family:"Spectral","Be Vietnam Pro",Georgia,serif !important}
/* 3 icon liên hệ ra giữa phải */
.fabs{top:50%;bottom:auto;transform:translateY(-50%)}
/* nút SĐT đỏ góc dưới-trái */
.phone-pill{position:fixed;left:16px;bottom:18px;z-index:120;display:inline-flex;align-items:center;gap:.5rem;background:var(--red);color:#fff;font-weight:800;font-size:.95rem;padding:.42rem .95rem .42rem .42rem;border-radius:999px;box-shadow:0 10px 24px -6px rgba(204,26,26,.6);text-decoration:none}
.phone-pill .pp-ic{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;animation:fabpulse 1.9s infinite}
.phone-pill .pp-ic svg{width:19px;height:19px}
@media(max-width:560px){.phone-pill{font-size:.82rem;left:10px;bottom:12px}.phone-pill .pp-ic{width:30px;height:30px}}

/* ===== v17: 5 giá trị cốt lõi + bộ hành vi ===== */
.gtx .valcard{text-align:left}
.gtx .valcard .vic{font-size:1.4rem}
.gtx .valcard b{font-size:.92rem;letter-spacing:.01em}
.gtx .valcard>p{min-height:auto;margin-bottom:.2rem}
.gtx .valcard .beh{list-style:none;margin:.7rem 0 0;padding:.7rem 0 0;border-top:1px solid var(--line2)}
.gtx .valcard .beh li{position:relative;padding-left:1.1rem;margin:.35rem 0;font-size:.78rem;color:#c3cee2;line-height:1.45}
.gtx .valcard .beh li b{color:#fff;font-weight:700}
.gtx .valcard .beh li::before{content:"\2713";position:absolute;left:0;top:0;color:#5b9be6;font-weight:800}

/* ===== v19: lien-he hero tối, form navy, mục lý do ===== */
.hero.hero-dark .hero-media::after{background:linear-gradient(90deg,#16294f 0%,rgba(20,35,72,.95) 32%,rgba(20,35,72,.82) 58%,rgba(20,35,72,.66) 100%)}
/* form section navy giống homepage signup */
.contact-navy{background:linear-gradient(120deg,#132649,#1a2d5a)}
.contact-navy .formcard{background:#1b3160;border:1px solid rgba(255,255,255,.14)}
.contact-navy .formcard .fh{color:#fff}
.contact-navy .formcard label{color:#aebbd6}
.contact-navy .formcard input,.contact-navy .formcard select,.contact-navy .formcard textarea{background:#0f1d3d;border:1px solid rgba(255,255,255,.16);color:#fff}
.contact-navy .formcard input::placeholder,.contact-navy .formcard textarea::placeholder{color:#8494b3}
.contact-navy .formcard .formok{background:rgba(18,183,106,.15);border-color:rgba(18,183,106,.4);color:#8fe4b5}
/* Lý do chọn Akano */
.lydo{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;text-align:center}
.ld{padding:1rem}
.ld .ld-ic{font-size:2.1rem;display:block;margin-bottom:.7rem}
.ld b{display:block;color:var(--navy);font-size:1rem;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.02em}
.ld p{color:var(--muted);font-size:.88rem;line-height:1.55;margin:0}
@media(max-width:820px){.lydo{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.lydo{grid-template-columns:1fr}}

/* services 5 năng lực (SPA hero thấp hơn bản gốc) — đẩy card xuống + mảng trắng trên để icon KHÔNG bị hero che; radius 16px như bản gốc */
/* FIX GỐC: .gtx có overflow-x:hidden -> CSS ép trục y thành auto -> cắt mất phần card bị margin âm đẩy lên (icon bị che). Cho overflow:visible thì card 5 năng lực nổi trên hero y hệt akano.vn. */
[data-page="gioi-thieu"] .gtx{overflow:visible !important}
[data-page="gioi-thieu"] .services{position:relative;z-index:3;margin-top:-6.5rem;padding-bottom:0}
[data-page="gioi-thieu"] .services .card{padding-top:0}
.gtx .services .card{border-radius:16px !important;overflow:visible !important;background:#f4f6fb !important;box-shadow:0 30px 70px -28px rgba(0,0,0,.7)}

/* v23: 3 ảnh nhân viên cạnh nhau (thay banner đơn bị vỡ) */
.pol-3img{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.4rem}
.pol-3img .p3{aspect-ratio:4/3;border-radius:14px;background:#0b1424 center/cover no-repeat;border:1px solid var(--line);box-shadow:0 12px 30px -22px rgba(20,40,80,.5)}
@media(max-width:640px){.pol-3img{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.pol-3img{grid-template-columns:1fr}}


/* ===== Giỏ hàng ===== */
.card .ccart{margin-top:.4rem;width:100%;border:1px solid var(--navy);background:#fff;color:var(--navy);font-weight:700;font-size:.82rem;padding:.45rem;border-radius:9px;cursor:pointer;transition:.15s}
.card .ccart:hover{background:var(--navy);color:#fff}
.mcta-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.4rem}
.mcart{background:var(--navy);color:#fff;border:0;font-weight:700;font-size:.95rem;padding:.7rem 1.2rem;border-radius:10px;cursor:pointer}
.mcart:hover{background:#0f1d3d}
.cart-fab{position:fixed;right:18px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--red);border:0;cursor:pointer;box-shadow:0 12px 28px -8px rgba(204,26,26,.6);display:grid;place-items:center}
.cart-fab svg{width:26px;height:26px}
.cart-badge{position:absolute;top:-4px;right:-4px;background:#fff;color:var(--red);font-weight:800;font-size:.72rem;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--red)}
.cart-modal .cbox{background:#fff;border-radius:18px;width:min(780px,95vw);max-height:92vh;overflow:auto;padding:1.7rem 1.8rem 1.3rem;position:relative}
.cart-title{color:var(--navy);font-size:1.2rem;margin:0 0 1rem}
.citem{display:flex;gap:.7rem;align-items:center;padding:.7rem 0;border-top:1px solid var(--line)}
.citem:first-child{border-top:0}
.citem .cimg2{width:68px;height:68px;border-radius:8px;background:#f4f6fb center/cover no-repeat;flex:none;border:1px solid var(--line)}
.citem .cinfo{flex:1;min-width:0}
.citem .cinfo b{display:block;font-size:.92rem;color:var(--navy);line-height:1.3;font-weight:700}
.citem .cinfo span{font-size:.72rem;color:var(--muted)}
.cqty{display:flex;align-items:center;gap:.4rem;flex:none}
.cqty button{width:26px;height:26px;border:1px solid var(--line);background:#fff;border-radius:6px;font-weight:800;cursor:pointer;color:var(--navy)}
.cqty input{width:38px;text-align:center;border:1px solid var(--line);border-radius:6px;height:26px;font-weight:700}
.citem .cline{width:130px;text-align:right;font-weight:800;color:var(--red);font-size:.95rem;flex:none}
.citem .crm{border:0;background:none;color:#b0b7c3;cursor:pointer;font-size:1.1rem;flex:none;padding:0 2px}
.citem .crm:hover{color:var(--red)}
.cart-foot{margin-top:1rem;border-top:2px solid var(--line);padding-top:1rem}
.cart-sub{font-size:.95rem;color:var(--ink);margin-bottom:.8rem}
.cart-sub b{color:var(--red);font-size:1.2rem}
.cart-fields{display:flex;gap:.6rem;margin-bottom:.7rem}
.cart-fields input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:10px;padding:.7rem .8rem;font-size:.95rem;color:var(--ink);background:#fff}
.cart-fields input:focus{outline:0;border-color:var(--red)}
@media(max-width:520px){.cart-fields{flex-direction:column}}
.cart-send{width:100%;background:var(--red);color:#fff;border:0;font-weight:800;font-size:1rem;padding:.9rem;border-radius:10px;cursor:pointer}
.cart-send:hover{background:#a81414}
.cart-send:disabled{opacity:.6;cursor:default}
.cart-note{font-size:.75rem;color:var(--muted);margin:.7rem 0 0;text-align:center;line-height:1.5}
.cart-empty{text-align:center;color:var(--muted);padding:2rem 0}
.cart-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:.7rem 1.2rem;border-radius:999px;font-size:.9rem;z-index:80;box-shadow:var(--shadow);opacity:0;transition:opacity .25s;pointer-events:none}
.cart-toast.on{opacity:1}
@media(max-width:520px){
  .cart-fab{right:14px;bottom:76px}
  .citem{flex-wrap:wrap;row-gap:.5rem}
  .citem .cimg2{width:56px;height:56px}
  .citem .cinfo{flex:1 1 calc(100% - 64px)}
  .citem .cinfo b{font-size:.98rem;line-height:1.35}
  .citem .cinfo span{font-size:.82rem}
  .citem .cqty{margin-left:0}
  .citem .cline{width:auto;flex:1;text-align:right;font-size:.92rem}
  .citem .crm{margin-left:.3rem;font-size:1.3rem;align-self:center}
}

/* fix: mọi nút/ô nhập dùng font chung (không bị Arial mặc định) */
button,input,select,textarea{font-family:inherit}
/* chọn số lượng trong popup sản phẩm */
.mqty{display:flex;align-items:center;gap:.4rem;flex:none}
.mqty button{width:34px;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:800;font-size:1.1rem;cursor:pointer;color:var(--navy)}
.mqty input{width:52px;height:38px;text-align:center;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:1rem}

/* ===== GIÁ BẬC F1 + TÀI KHOẢN KHÁCH (2026-10) ===== */
.nav a.nav-acc{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);flex:none;margin-left:.15rem}
.nav a.nav-acc svg{width:18px;height:18px;flex:none}
.nav a.nav-acc .acc-lbl{display:none}
.nav a.nav-acc:hover,.nav a.nav-acc.on{border-color:#fff}
.nav a.nav-acc.in::after{content:"";position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid #16294f}
@media(max-width:760px){.nav a.nav-acc{width:auto;height:auto;border:0;border-radius:8px;justify-content:flex-start;gap:.55rem;padding:.7rem .9rem;margin:0}.nav a.nav-acc .acc-lbl{display:inline}.nav a.nav-acc.in::after{position:static;display:inline-block;margin-left:.1rem}}
.card .pf1{display:block;font-size:.7rem;color:#0a7f3f;font-weight:600;margin-top:2px}
.card .pf1:empty{display:none}
.mf1{margin:.6rem 0 0;padding:.55rem .75rem;background:#e8f6ee;color:#0a7f3f;border-radius:9px;font-size:.85rem;font-weight:600}
.citem .cinfo .cunitp{display:block;font-size:.78rem;color:var(--ink);margin-top:3px}
.tier-f1{font-style:normal;background:#0a7f3f;color:#fff;font-size:.66rem;font-weight:800;padding:1px 6px;border-radius:6px;margin-left:4px;letter-spacing:.02em;white-space:nowrap}
.citem .cinfo .chint{display:block;font-size:.74rem;color:#b45309;margin-top:2px;line-height:1.35}
.citem .cline s{display:block;color:var(--muted);font-size:.72rem;font-weight:400}
.cart-tierbar{font-size:.84rem;background:#f4f6fb;border-radius:10px;padding:.6rem .75rem;margin-bottom:.7rem;color:var(--ink);line-height:1.45}
.cart-tierbar:empty{display:none}
.cart-tierbar.ok{background:#e8f6ee;color:#0a7f3f}
.tbar{height:6px;background:#e5e8f0;border-radius:4px;margin-top:7px;overflow:hidden}
.tbar i{display:block;height:100%;background:var(--red);border-radius:4px}
.cart-sumrows div{display:flex;justify-content:space-between;font-size:.88rem;color:var(--muted);margin-bottom:.3rem}
.cart-sumrows .disc{color:#0a7f3f;font-weight:700}
.cart-acc{font-size:.88rem;background:#f4f6fb;border-radius:10px;padding:.7rem .8rem;margin-bottom:.7rem;line-height:1.5}
.cart-acc a{color:var(--red);font-weight:700}
.cart-fields{flex-wrap:wrap}
.cart-fields input{flex:1 1 30%}
.cart-passnote{font-size:.74rem;color:var(--muted);margin:-.2rem 0 .7rem;line-height:1.45}
.acc-block{padding-top:2.5rem;min-height:60vh}
.acc-card{max-width:440px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.8rem;box-shadow:var(--shadow)}
.acc-card h2,.acc-head h2{color:var(--navy);font-size:1.35rem;margin:0 0 .4rem}
.acc-card label{display:block;font-size:.82rem;font-weight:700;color:var(--navy);margin:.9rem 0 .35rem}
.acc-card input{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:10px;padding:.75rem .85rem;font-size:1rem;color:var(--ink)}
.acc-card input:focus{outline:0;border-color:var(--red)}
.acc-btn{width:100%;justify-content:center;margin-top:1.1rem}
.acc-sub{color:var(--muted);font-size:.9rem;line-height:1.55;margin:.2rem 0}
.acc-sub.small{font-size:.8rem;margin-top:1rem}
.acc-sub a{color:var(--red);font-weight:700}
.acc-err{color:#b21414;font-weight:600;font-size:.88rem;margin-top:.7rem;min-height:1.2em}
.acc-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.acc-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.acc-out{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
.acc-out:hover{border-color:var(--red);color:var(--red)}
.acc-h3{color:var(--navy);font-size:1.1rem;margin:0 0 .9rem}
.ord{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:0 10px 26px -22px rgba(20,40,80,.45)}
.ord-h{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap;border-bottom:1px solid #eef1f6;padding-bottom:.7rem}
.ord-h b{color:var(--navy);display:block;font-size:.95rem}
.ord-h span{color:var(--muted);font-size:.82rem}
.ord-tags{display:flex;gap:.4rem;align-items:center}
.ord-st{font-style:normal;background:#eef2f8;color:var(--navy);font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:6px}
.ord-tbl{overflow-x:auto}
.ord table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.4rem 0}
.ord td{padding:.55rem .3rem;border-bottom:1px solid #f1f3f8;vertical-align:top}
.ord td span{color:var(--muted);font-size:.78rem}
.ord td.q{white-space:nowrap}
.ord td.p,.ord td.t{text-align:right;white-space:nowrap}
.ord td.t{font-weight:700;color:var(--ink)}
.ord-f{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding-top:.5rem}
.ord-f b{color:var(--red);font-size:1.1rem}
.ord-f s{color:var(--muted)}
.ord-re{padding:.55rem 1rem;font-size:.85rem}
@media(max-width:560px){
  .cart-fields input{flex:1 1 100%}
  .acc-card{padding:1.3rem}
  .ord table,.ord tbody{display:block}
  .ord tr{display:grid;grid-template-columns:52px 1fr auto;gap:2px 10px;align-items:center;padding:.55rem 0;border-bottom:1px solid #f1f3f8}
  .ord td{display:block;border:0;padding:0}
  .ord td.im{grid-row:span 3;align-self:start}
  .ord td.nm{grid-column:2/4}
  .ord td.qp{grid-column:2/4;text-align:left;white-space:normal}
  .ord td.t{grid-column:2/4;text-align:right}
  .ord-f{flex-direction:column;align-items:stretch}
  .ord-re{justify-content:center}
}

.citem .cinfo .cunitp s,.citem .cline s,.ord td.p s{color:#9aa3b5;font-weight:400;text-decoration:line-through}
.citem .cinfo .cunitp b{font-weight:700;color:var(--ink);white-space:nowrap}
.citem .cinfo .cunitp b.newp{color:var(--red)}
.citem .cline s{display:block;font-size:.72rem}

.cart-modal .cart-title{font-size:1.35rem}
.citem{gap:.9rem;padding:.85rem 0}
.citem .cinfo .cunitp{font-size:.86rem}
.citem .cinfo .chint{font-size:.8rem}
/* Đơn đã đặt: cột ảnh sản phẩm */
.ord td.im{width:58px;padding-right:.2rem}
.oimg{width:50px;height:50px;border-radius:9px;background:#f4f6fb center/cover no-repeat;border:1px solid var(--line)}
.ord td.qp{white-space:nowrap;text-align:right;color:var(--muted)}
.ord td.qp b{color:var(--ink);font-weight:700}
@media(max-width:560px){
  .ord td.qp{grid-column:2/4;text-align:left;white-space:normal}
  .ord td.t{grid-column:2/4;text-align:right}
  .ord-tbl{overflow-x:visible}
}

.ord.ord-new{border-color:#0a7f3f;box-shadow:0 0 0 3px rgba(10,127,63,.14)}
.ord-just{font-style:normal;background:#0a7f3f;color:#fff;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:6px}

/* ---------- CHI TIẾT SẢN PHẨM (/san-pham/<slug>/) ---------- */
.pd{padding:0 0 3rem;background:var(--soft)}
.pd-bc{padding:1.1rem 20px .4rem;font-size:.82rem;color:var(--muted)}
.pd-bc a{color:var(--navy);font-weight:600}
.pd-bc a:hover{color:var(--red)}
.pd-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.2rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem;box-shadow:var(--shadow);margin-top:.6rem}
.pd-gal .pd-img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f6fb;border-radius:14px}
.pd-thumbs{display:flex;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}
.pd-thumbs button{width:64px;height:64px;border-radius:10px;border:2px solid var(--line);background:#f4f6fb center/cover no-repeat;cursor:pointer;padding:0}
.pd-thumbs button.on,.pd-thumbs button:hover{border-color:var(--red)}
.pd-code{font-size:.8rem;font-weight:700;color:var(--lightblue);letter-spacing:.04em}
.pd-info h1{font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.3;color:var(--navy);margin:.35rem 0 1rem}
.pd-price{width:100%;border-collapse:collapse;margin:.2rem 0 1rem;font-size:.92rem}
.pd-price th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line)}
.pd-price td{padding:.65rem .6rem;border-bottom:1px solid var(--line)}
.pd-price td b{color:var(--red);font-size:1.15rem}
.pd-unit{font-size:.88rem;color:var(--ink);background:var(--soft);border-radius:10px;padding:.7rem .9rem;margin-bottom:1.1rem}
.pd-cta{display:flex;gap:.6rem;flex-wrap:wrap}
.pd-cta .btn-line{background:#fff;color:var(--navy);border-color:var(--line)}
.pd-cta .btn-line:hover{border-color:var(--navy)}
.pd-sec{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.6rem;margin-top:1.2rem}
.pd-sec h2{font-size:1.15rem;color:var(--navy);margin:0 0 .8rem}
.pd-desc{font-size:.95rem;color:var(--ink);white-space:normal}
.pd-relgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.pd-rel{display:block;border:1px solid var(--line);border-radius:14px;padding:.6rem;background:#fff;transition:.15s}
.pd-rel:hover{border-color:var(--navy);transform:translateY(-2px)}
.pd-rel span{display:block;aspect-ratio:1;border-radius:10px;background:#f4f6fb center/cover no-repeat;margin-bottom:.5rem}
.pd-rel b{display:block;font-size:.82rem;line-height:1.35;color:var(--navy);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-rel i{font-style:normal;font-size:.82rem;color:var(--red);font-weight:700}
.mpage{display:inline-block;margin:.2rem 0 .9rem;font-size:.85rem;font-weight:700;color:var(--navy);border-bottom:1px solid currentColor}
.mpage:hover{color:var(--red)}
a.cname:hover{color:var(--red)}
@media (max-width:820px){
  .pd-main{grid-template-columns:1fr;padding:1rem;gap:1.2rem}
  .pd-relgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-sec{padding:1.1rem}
  .pd-cta .btn{flex:1 1 auto;justify-content:center}
}
.map-go{display:inline-block;margin-top:.55rem;font-size:.85rem;font-weight:700;color:var(--red)}
.map-go:hover{text-decoration:underline}
.contact-item a:hover,.addr a:hover{color:var(--red);text-decoration:underline}

/* ---------- BANNER KHUYẾN MÃI + COMBO ---------- */
.promo{margin-top:1.4rem}
.promo img{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)} /* khoa ti le: anh sai khung tu cat, khong vo bo cuc */
.cbsec{padding-top:2.4rem}
.cb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.cb-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 26px -20px rgba(20,40,80,.4);transition:.16s}
.cb-card:hover{transform:translateY(-3px);border-color:var(--navy)}
.cb-img{position:relative;display:block;aspect-ratio:16/9;background:#f4f6fb center/cover no-repeat}
.cb-offer{position:absolute;left:.7rem;top:.7rem;background:var(--red);color:#fff;font-style:normal;font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:999px}
.cb-body{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.1rem;flex:1}
.cb-body b{font-size:1.05rem;color:var(--navy);line-height:1.35}
.cb-meta{font-size:.8rem;font-weight:700;color:var(--red)}
.cb-intro{font-size:.88rem;color:var(--muted);flex:1}
.cb-go{font-size:.85rem;font-weight:700;color:var(--navy);margin-top:.3rem}
.cb-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem;box-shadow:var(--shadow);margin-top:.6rem}
.cb-cover{aspect-ratio:16/10;border-radius:14px;background:#f4f6fb center/cover no-repeat}
.cb-head h1{font-size:clamp(1.4rem,2.6vw,2rem);color:var(--navy);margin:.3rem 0 .6rem;line-height:1.25}
.cb-offer-l{display:inline-block;background:#fdecec;color:var(--red);font-weight:800;border-radius:999px;padding:.3rem .9rem;margin:0 0 .6rem}
.cb-desc{color:var(--ink);margin:0 0 1rem}
.cb-sum{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}
.cb-sum span{background:var(--soft);border-radius:10px;padding:.45rem .8rem;font-size:.88rem}
.cb-sum b{color:var(--navy)}
.cb-tw{overflow-x:auto}
.cb-tbl{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px}
.cb-tbl th{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line)}
.cb-tbl td{padding:.6rem;border-bottom:1px solid var(--line);vertical-align:middle}
.cb-tbl td a{color:var(--navy)}
.cb-tbl td a:hover{color:var(--red)}
.cb-tbl small{display:block;color:var(--muted);font-size:.78rem}
.cb-ti{width:60px}
.cb-ti span{display:block;width:52px;height:52px;border-radius:10px;background:#f4f6fb center/cover no-repeat}
.cb-q{text-align:center;font-weight:700}
.cb-m{white-space:nowrap;text-align:right}
.cb-tbl tfoot td{border-bottom:0;background:var(--soft)}
.cb-note{font-size:.82rem;color:var(--muted);margin:.8rem 0 0}
@media (max-width:820px){
  .cb-grid{grid-template-columns:1fr}
  .cb-head{grid-template-columns:1fr;padding:1rem;gap:1rem}
  .promo img{border-radius:12px;aspect-ratio:3/2}
}
.cb-sum small,.cb-tbl small.x,.cb-tbl tfoot small{display:block;font-weight:400;font-size:.72rem;color:var(--muted);white-space:normal}
/* anh + chu thich trong bai viet */
.art-body figure{margin:1.4em 0;text-align:center}
.art-body figure img{margin:0 auto .45em}
.art-body figcaption{font-size:.86rem;color:var(--muted);font-style:italic;text-align:center;line-height:1.45}
/* ---------- COMBO dạng bộ sưu tập (ảnh bìa trái + 3 SP nổi bật phải) ---------- */
.cbx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:1.6rem;align-items:center;border-radius:20px;padding:2.2rem;margin-bottom:1.4rem;color:#eaf0fb;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(90deg,rgba(14,28,59,.96) 0%,rgba(14,28,59,.84) 36%,rgba(14,28,59,.42) 100%),var(--cbx-bg) center/cover no-repeat,var(--navy)}
.cbx>*{min-width:0} /* khong cho khoi truot ngang day rong ca khung tren dien thoai */
.cbx-offer{display:inline-block;background:var(--red);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.02em;padding:.28rem .75rem;border-radius:999px}
.cbx-copy h3{font-size:clamp(1.35rem,2.4vw,2rem);color:#fff;margin:.55rem 0 .6rem;line-height:1.25}
.cbx-copy p{color:#d3dcee;font-size:.94rem;line-height:1.6;margin:0 0 .8rem}
.cbx-meta{font-size:.84rem;font-weight:700;color:#fff;margin-bottom:1.1rem}
.cbx-more{display:block;margin-top:.8rem;font-size:.8rem;color:#c3d0ea}
.cbx-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cbx-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(0,0,0,.65);transition:transform .16s}
.cbx-card:hover{transform:translateY(-4px)}
.cbx-img{display:block;aspect-ratio:1;background:#f4f6fb center/cover no-repeat}
.cbx-cb{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem .9rem;flex:1}
.cbx-cb b{font-size:.9rem;color:var(--navy);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cbx-cb small{font-size:.74rem;color:var(--muted)}
.cbx-cb i{font-style:normal;font-weight:800;color:var(--red);font-size:.9rem;margin-top:.1rem}
.cbx-btn{margin-top:auto;align-self:flex-start;background:var(--navy);color:#fff;font-size:.76rem;font-weight:700;padding:.38rem .9rem;border-radius:999px;transform:translateY(.25rem)}
.cbx-card:hover .cbx-btn{background:var(--red)}
@media (max-width:900px){
  .cbx{grid-template-columns:1fr;padding:1.4rem;gap:1.2rem;background:linear-gradient(180deg,rgba(14,28,59,.92) 0%,rgba(14,28,59,.8) 55%,rgba(14,28,59,.6) 100%),var(--cbx-bg) center/cover no-repeat,var(--navy)}
  .cbx-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
  .cbx-copy .btn{width:100%;justify-content:center;text-align:center}
  .cbx-cb{padding:.6rem .65rem .7rem}
  .cbx-cb b{font-size:.84rem}
  .cbx-cb i{font-size:.84rem}
  .cbx-btn{align-self:stretch;text-align:center;font-size:.74rem;padding:.4rem .5rem;transform:none;margin-top:.45rem}
}
/* bo suu tap: may tinh 3 ma, dien thoai luoi 2x2 can doi (khong truot ngang) */
@media (min-width:901px){.cbx-items .cbx-card:nth-child(n+4){display:none}}
@media (max-width:600px){.cbx-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- BỘ SƯU TẬP: lưới toàn bộ mã ---------- */
.bst-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.bst-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.15s}
.bst-card:hover{border-color:var(--navy);box-shadow:0 14px 30px -20px rgba(20,40,80,.5)}
.bst-img{display:block;aspect-ratio:1;background:#f4f6fb center/cover no-repeat}
.bst-body{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem .9rem;flex:1}
.bst-code{font-size:.72rem;font-weight:700;color:var(--lightblue);letter-spacing:.03em}
.bst-name{font-size:.92rem;font-weight:700;color:var(--navy);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bst-name:hover{color:var(--red)}
.bst-unit{font-size:.76rem;color:var(--muted)}
.bst-price{color:var(--red);font-size:1rem;margin-top:.15rem}
.bst-price small{font-size:.75rem;font-weight:600;color:var(--muted)}
.bst-act{display:flex;gap:.4rem;margin-top:auto;padding-top:.55rem}
.bst-act a,.bst-act button{flex:1;text-align:center;font:inherit;font-size:.78rem;font-weight:700;border-radius:999px;padding:.42rem .5rem;cursor:pointer}
.bst-view{border:1px solid var(--line);color:var(--navy)}
.bst-view:hover{border-color:var(--navy)}
.bst-add{border:0;background:var(--red);color:#fff}
.bst-add:hover{background:var(--red-dark)}
@media (max-width:980px){.bst-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px){.bst-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.bst-act{flex-direction:column}}
/* anh bia trang chi tiet bo suu tap: hien tron anh, khong cat */
.cb-head{align-items:start}
.cb-cover-img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:14px;background:#f4f6fb}
@media (max-width:820px){.cb-cover-img{max-height:none}}
/* anh bia trang chu tren dien thoai: lay phan GIUA-PHAI cua anh ngang (vung an toan x 1000-1530 / 1920) */
@media (max-width:700px){div.page[data-page="trang-chu"] .hero-media{background-position:72% center}}