/* #535 vong 2 (26/10/2026): trang chu - "Khach hang noi ve MuaSSL" (the chu cuon ngang, scroll-snap, khong JS) + "Tin tuong tu chuyen gia" */
.v5 .kn{padding-top:8px}
.v5 .kn-ds{list-style:none;margin:0;padding:4px 2px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.v5 .kn-ds::-webkit-scrollbar{display:none}
.v5 .kn-the{scroll-snap-align:start;background:var(--grey2);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.v5 .kn-nhay{color:var(--brand)}
.v5 .kn-the blockquote{margin:0;padding:0;border:0;quotes:none;font-size:16px;line-height:1.55;color:var(--ink);flex:1}
.v5 .kn-ai{margin:0;display:flex;flex-direction:column;gap:2px}
.v5 .kn-ai b{font:600 16px var(--h);color:var(--ink)}
.v5 .kn-ai span{font-size:14px;color:var(--muted)}
/* #556: Owl Carousel (loi CSS toi thieu cua owl 2.3.4 - trang v5 khong nap owl.carousel.css). Chi ap khi owl da chay (.owl-loaded) */
.v5 .kn-ds.owl-loaded{display:block;overflow:visible;padding:0;position:relative}
.v5 .kn-ds .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0,0,0);padding:4px 0}
.v5 .kn-ds .owl-stage{position:relative;display:flex;touch-action:manipulation}
.v5 .kn-ds .owl-item{position:relative;min-height:1px;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
.v5 .kn-ds .owl-item .kn-the{flex:1}
.v5 .kn-ds.owl-drag .owl-item{-webkit-user-select:none;user-select:none}
.v5 .kn-ds.owl-grab{cursor:grab}
.v5 .kn-ds .owl-nav{display:none}
.v5 .kn-ds .owl-dots{display:flex;justify-content:center;gap:4px;margin-top:14px}
.v5 .kn-ds .owl-dots.disabled{display:none}
.v5 .kn-ds .owl-dot{width:28px;height:28px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.v5 .kn-ds .owl-dot span{display:block;width:8px;height:8px;border-radius:999px;background:var(--line);transition:width var(--t) var(--ease),background var(--t) var(--ease)}
.v5 .kn-ds .owl-dot.active span{width:22px;background:var(--brand)}
.v5 .kn-ds .owl-dot:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.v5 .cg{padding-top:8px}
.v5 .cg-k{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:28px 32px}
.v5 .cg-logo{display:flex;align-items:center;justify-content:center;background:var(--grey2);border-radius:12px;padding:22px;min-height:140px}
.v5 .cg-logo img{width:100%;max-width:220px;height:auto}
.v5 .cg-chu h2{font-size:28px;line-height:1.15;margin:0 0 8px}
.v5 .cg-chu p{margin:0 0 10px;color:var(--muted)}
.v5 .cg-ht b{color:var(--ink)}
.v5 .cg-nut{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px!important}
@media (max-width:1000px){ .v5 .kn-ds{grid-auto-columns:calc((100% - 20px)/2)} }
@media (max-width:640px){
  .v5 .kn-ds{grid-auto-columns:86%;gap:12px}
  .v5 .kn-the{padding:18px}
  .v5 .kn-ds .owl-dots{display:none} /* #556: mobile bo dots (vuot ngang, the sau lo mep) */
  .v5 .cg-k{grid-template-columns:1fr;gap:18px;padding:20px}
  .v5 .cg-logo{min-height:110px}
  .v5 .cg-chu h2{font-size:24px}
  .v5 .cg-nut .pill{flex:1 1 100%;min-height:48px}
}