/* KimViet v0.4.3 – mẫu 2c "Nhà phân phối B2B" (trắng – xanh). Nạp sau kv-p3.css. */
body.kv-theme{background:#f2f4f7;color:#1b2430;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:14px}
.kvb-w{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.kvb-w *,.kvb-home *{box-sizing:border-box}
.kvb-top{background:#0a4f9c;color:#dbe8f7;font-size:12px}.kvb-top .kvb-w{display:flex;justify-content:space-between;height:30px;align-items:center}.kvb-top a{color:#dbe8f7;text-decoration:none}.kvb-top a:hover{color:#fff}
.kvb-hd{background:#fff;border-bottom:1px solid #d5dbe3}.kvb-hd .kvb-w{display:flex;align-items:center;gap:24px;height:76px}
.kvb-hd .kv-logo{flex:none;display:block}.kvb-hd .kv-logo-img{height:44px!important;width:auto!important;display:block}
.kvb-sr{flex:1;display:flex;border:2px solid #0a4f9c;margin:0}.kvb-sr input[type=search]{flex:1;border:0;padding:10px 12px;font:inherit;min-width:0;background:#fff;outline:0}.kvb-sr button{background:#0a4f9c;color:#fff;border:0;padding:10px 20px;font:inherit;font-weight:700;cursor:pointer}
.kvb-hl{font-size:12px;color:#5b6675;text-decoration:none;white-space:nowrap}.kvb-hl b{display:block;color:#e0322b;font-size:18px}
.kvb-mn{background:#fff;border-bottom:1px solid #d5dbe3}.kvb-mn .kvb-w{display:flex;font-size:13px;font-weight:600}.kvb-mn a{padding:11px 14px;border-right:1px solid #e3e7ec;color:#1b2430;text-decoration:none;white-space:nowrap}.kvb-mn a:hover{color:#0a4f9c}.kvb-mn a.kvb-all{background:#0a4f9c;color:#fff;width:240px}
/* hero: menu trái 240 | banner | 2 banner phải 300; cao 400, khe 12 */
.kvb-hr{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:12px;margin-top:12px;align-items:stretch}.kvb-hr>*{min-width:0;min-height:0}
.kvb-sw{aspect-ratio:668/400}.kvb-sb,.kvb-sd{height:0;min-height:100%}
body.home .site-content{padding-left:0!important;padding-right:0!important}
.kvb-sb{background:#fff;border:1px solid #d5dbe3;display:flex;flex-direction:column;overflow:hidden}.kvb-sb a{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid #eef1f4;font-size:13px;color:#1b2430;text-decoration:none}.kvb-sb a:last-child{border-bottom:0}.kvb-sb a:hover{color:#0a4f9c;background:#f5f8fc}.kvb-sb a i{font-style:normal;color:#8a94a1}
.kvb-sw{position:relative;overflow:hidden;background:#0a4f9c}.kvb-sl{position:absolute;inset:0;display:none}.kvb-sl.on{display:block}.kvb-sl picture,.kvb-sl img{display:block;width:100%;height:100%;object-fit:cover}
.kvb-ar{position:absolute;top:50%;margin-top:-16px;width:28px;height:32px;border:0;padding:0;background:rgba(0,0,0,.25);color:#fff;font-size:20px;line-height:32px;cursor:pointer;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s}.kvb-sw:hover .kvb-ar,.kvb-sw:focus-within .kvb-ar{opacity:1;pointer-events:auto}.kvb-ar.l{left:12px}.kvb-ar.r{right:12px}.kvb-ar:hover{background:rgba(0,0,0,.45)}
@media (hover:none){.kvb-ar{display:none!important}}
.kvb-dots{position:absolute;left:60px;bottom:18px;display:flex;gap:6px;z-index:5}.kvb-dots button{width:22px;height:4px;padding:0;border:0;background:rgba(255,255,255,.4);cursor:pointer}.kvb-dots button.on{background:#fff}
.kvb-sd{display:grid;grid-template-rows:1fr 1fr;gap:12px}.kvb-bs{display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(135deg,#eaf3fd,#d3e6fa);border:1px solid #b9d3ef;min-height:0;overflow:hidden;text-decoration:none;color:#1b2430}.kvb-bs .tx{padding:16px}.kvb-bs h2{font-size:16px;color:#0a4f9c;line-height:1.25;margin:0;font-weight:700}.kvb-bs p{font-size:12px;color:#5b6675;margin:4px 0 8px}.kvb-bs .fr{font-size:12px}.kvb-bs .fr b{display:block;color:#e0322b;font-size:18px}.kvb-bs .pi{padding:10px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;min-width:0}.kvb-bs .pi img{max-height:100%;width:auto;object-fit:contain}
.kvb-pol{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #d5dbe3;margin-top:12px}.kvb-pol a{display:flex;gap:12px;align-items:center;padding:14px 18px;border-right:1px solid #eef1f4;text-decoration:none;color:#1b2430}.kvb-pol a:last-child{border-right:0}.kvb-pol svg{flex:none}.kvb-pol b{display:block;color:#0a4f9c;font-size:14px}.kvb-pol span{font-size:12px;color:#5b6675}
.kvb-sec{margin-top:20px;background:#fff;border:1px solid #d5dbe3}.kvb-sec .sh{display:flex;align-items:center;gap:16px;border-bottom:2px solid #0a4f9c;padding:0 14px}.kvb-sec .sh h2{font-size:16px;background:#0a4f9c;color:#fff;padding:10px 14px;margin:0 0 0 -14px;text-transform:uppercase;font-weight:700;line-height:1.3}.kvb-sec .sh span{font-size:13px;color:#5b6675}.kvb-sec .sh a{margin-left:auto;font-size:13px;color:#0a4f9c;text-decoration:none}
.kvb-sec .g{display:grid;grid-template-columns:repeat(6,1fr)}
.pc{display:flex;flex-direction:column;background:#fff;text-decoration:none!important;color:#1b2430}.kvb-sec .g .pc{border-right:1px solid #eef1f4;border-bottom:1px solid #eef1f4}.pc .im{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:12px}.pc .im img{max-height:100%;width:auto;max-width:100%;object-fit:contain}.pc .nm{font-weight:600;font-size:13px;line-height:1.35;height:2.7em;overflow:hidden;padding:0 12px}.pc .cd{font-size:12px;padding:4px 12px;opacity:.65}.pc .pr{font-weight:700;font-size:16px;padding:0 12px;color:#e0322b}.pc .bq{margin:8px 12px 12px;border:1px solid #0a4f9c;color:#0a4f9c;text-align:center;padding:6px;font-size:12px;font-weight:600}.pc:hover .nm{color:#0a4f9c}
.kvb-tabs{display:flex;gap:6px;padding:10px 12px 0;border-bottom:1px solid #d5dbe3;overflow-x:auto;scrollbar-width:none}.kvb-tabs .tab{font:inherit;font-size:13px;font-weight:600;border:1px solid #d5dbe3;border-bottom:0;background:#f5f7fa;color:#4a5563;padding:9px 14px;white-space:nowrap;cursor:pointer;border-radius:0}.kvb-tabs .tab i{font-style:normal;font-size:11px;color:#8a94a1}.kvb-tabs .tab.on{background:#0a4f9c;color:#fff;border-color:#0a4f9c;box-shadow:inset 0 -3px #ffd24a}.kvb-tabs .tab.on i{color:#cfe2f7}
.kvb-tb{width:100%;border-collapse:collapse;font-size:13px;margin:0;border:0}.kvb-tb th{background:#eaf1f9;text-align:left;padding:9px 12px;color:#0a4f9c;border:0;border-bottom:1px solid #d5dbe3}.kvb-tb td{padding:8px 12px;border:0;border-bottom:1px solid #eef1f4;vertical-align:middle}.kvb-tb td img{width:52px;height:52px;object-fit:contain}.kvb-tb td a{color:#1b2430;text-decoration:none}.kvb-tb td.p{color:#e0322b;font-weight:700;white-space:nowrap}.kvb-tb .bq{border:1px solid #0a4f9c;color:#0a4f9c!important;padding:5px 10px;font-weight:600;white-space:nowrap;display:inline-block}
.kvb-sec .tn{font-size:12px;color:#8a94a1;padding:8px 12px}.kvb-sec .tn a{color:inherit}
.kvb-quote{margin-top:20px}
.kvb-ft{background:#0d2440;color:#b6c3d3;padding:36px 0;margin-top:28px;font-size:13px;line-height:1.8}.kvb-ft .kvb-w{display:grid;grid-template-columns:1.6fr 1.2fr 1fr 1fr;gap:24px}.kvb-ft b{color:#fff;display:block}.kvb-ft a{display:block;color:#b6c3d3;text-decoration:none}.kvb-ft a:hover{color:#fff}.kvb-ft .kv-co p{margin:0}.kvb-ft .kv-co a{display:inline}.kvb-ft .kvb-nt{grid-column:1/-1;border-top:1px solid #23415f;padding-top:12px;font-size:12px;color:#8ea1b8}
@media(max-width:1100px) and (min-width:601px){.kvb-hr{grid-template-columns:190px minmax(0,1fr) 220px}.kvb-sb a{font-size:12px}.kvb-bs{grid-template-columns:1fr}.kvb-bs .pi{display:none}.kvb-sec .g{grid-template-columns:repeat(4,1fr)}}
/* ẩn khung cũ nếu còn */
.kvh-top,.kvh-ft{display:none!important}
@media(max-width:600px){
.kvb-w{padding:0 10px}.kvb-top .kvb-w{height:auto;padding:6px 10px;line-height:1.4}.kvb-top .kvb-w span:last-child{display:none}
.kvb-hd .kvb-w{flex-wrap:wrap;height:auto;padding:10px;gap:8px}.kvb-hd .kv-logo-img{height:32px!important}.kvb-sr{order:3;flex-basis:100%}.kvb-hl{margin-left:auto}.kvb-hl b{font-size:15px}
.kvb-mn .kvb-w{overflow:hidden;padding:0}.kvb-mn a.kvb-all{width:auto}.kvb-mn a:nth-child(n+4){display:none}
.kvb-hr{grid-template-columns:1fr}.kvb-sd{height:auto;min-height:0}.kvb-sb{display:none}.kvb-sw{aspect-ratio:740/1158}.kvb-dots{left:18px;bottom:14px}.kvb-ar{display:none}
.kvb-sd{grid-template-rows:none;grid-template-columns:1fr}.kvb-bs{height:150px}
.kvb-pol{grid-template-columns:1fr 1fr}.kvb-pol a{flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-bottom:1px solid #eef1f4}
.kvb-sec .g{grid-template-columns:1fr 1fr}.kvb-sec .sh h2{font-size:13px}.kvb-sec .sh span{display:none}
.kvb-tb th:nth-child(3),.kvb-tb td:nth-child(3),.kvb-tb th:nth-child(4),.kvb-tb td:nth-child(4){display:none}.kvb-tb .bq{padding:4px 6px}.kvb-tabs{padding:8px 8px 0}
.kvb-ft .kvb-w{grid-template-columns:1fr 1fr}.kvb-ft .kvb-w>div:first-child{grid-column:1/-1}
body.kv-theme{padding-bottom:60px}}

/* v0.4.4: điện thoại – thanh trên 1 dòng, menu danh mục dạng lưới 3 cột không bị cắt */
@media(max-width:600px){
.kvb-top .kvb-w span:first-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.kvb-mn .kvb-w{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px;overflow:visible}
.kvb-mn a,.kvb-mn a:nth-child(n+4){display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 4px;border:1px solid #e3e7ec;border-radius:8px;font-size:12.5px;white-space:normal;line-height:1.2;min-height:36px}
.kvb-mn a.kvb-all{grid-column:1/-1;border-color:#0a4f9c}
}