/* #436: vùng phụ không che nút giỏ, chi tiết bánh hoặc thanh toán. */
.kenh-noi{position:fixed;z-index:45;right:20px;bottom:16px;display:flex;align-items:flex-end;flex-direction:column;gap:10px;font-family:var(--sans,sans-serif)}
.kenh-noi[hidden],.kenh-bang[hidden]{display:none}
body:has(.sheet.open) .kenh-noi,body:has(.co.open) .kenh-noi{display:none}
.kenh-bong{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 16px;border:1px solid #167a78;border-radius:28px;background:#071c1c;color:#fff;text-decoration:none;font-size:14px;line-height:1.3;box-shadow:0 4px 18px #0008;max-width:min(270px,calc(100vw - 32px));text-align:left}
.kenh-bong:hover{background:#103232}.kenh-icon{color:#00c8c2;font-size:22px}.kenh-zalo{background:#fff;color:#111;border-color:#ddd}.kenh-zalo:hover{background:#eaf4ff}.kenh-logo-zalo{color:#0068ff;font:bold 19px Arial,sans-serif}
.kenh-bang{position:absolute;right:0;bottom:calc(100% + 12px);width:min(330px,calc(100vw - 32px));max-height:min(500px,calc(100dvh - 240px));overflow-y:auto;padding:16px;background:#091212;border:1px solid #28605e;border-radius:16px;box-shadow:0 8px 40px #000b;color:#fff}
.kenh-dau{display:flex;align-items:center;justify-content:space-between;gap:8px}.kenh-dau strong{font-size:17px;font-weight:500}.kenh-dong{flex:none;width:44px;height:44px;font-size:26px;color:#eee;border:1px solid #33504f;border-radius:50%;background:transparent}
.kenh-mo-ta{font-size:14px;line-height:1.5;color:#bbb;margin:6px 0 14px}.kenh-danh-sach{display:grid;gap:4px}.kenh-lien-ket{display:flex;align-items:center;gap:12px;min-height:52px;padding:7px 4px;text-decoration:none;color:#fff;font-size:15px;border-bottom:1px solid #233737}.kenh-lien-ket:hover{background:#14302f}.kenh-ky-hieu{display:flex;align-items:center;justify-content:center;flex:none;width:54px;min-height:36px;padding:2px;border-radius:8px;background:#133c3b;color:#61ddd7;font-size:12px;overflow-wrap:anywhere}.kenh-mui-ten{margin-left:auto}.kenh-chu-thich{font-size:12px;color:#aaa;margin:12px 0 0}.kenh-noi :focus-visible{outline:2px solid #00e0d4;outline-offset:3px}
@media(max-width:600px){.kenh-noi{right:12px;gap:8px}.kenh-bong{min-height:44px;padding:7px 12px;font-size:13px}.kenh-bang{padding:12px}}
@media(prefers-reduced-motion:reduce){.kenh-noi *{scroll-behavior:auto}}

.kenh-lien-ket>span:nth-child(2),.kenh-bong>span:last-child{min-width:0;overflow-wrap:anywhere}
/* Logo là ảnh trong CMS, giữ nguyên tỉ lệ và có khoảng trống quanh dấu hiệu. */
.kenh-app{width:64px;height:64px;min-height:64px;padding:10px;border-radius:50%;background:#fff;border:1px solid #d8e8df}
.kenh-app:hover{background:#edf9f1}
.kenh-logo-nut{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#00863d}
.kenh-logo{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:44px;padding:6px;border-radius:10px;background:#fff;color:#15322e}
.kenh-logo img,.kenh-logo-nut img,.kenh-logo-zalo img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.kenh-logo img[hidden],.kenh-logo-nut img[hidden],.kenh-logo-zalo img[hidden],.kenh-logo-du-phong[hidden]{display:none}
.kenh-logo-du-phong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.kenh-logo-zalo{display:flex;align-items:center;justify-content:center;width:34px;height:28px;flex:none}
.kenh-lien-ket{min-height:60px;gap:12px;padding:8px 4px}
.kenh-bang{max-height:min(540px,calc(100dvh - 220px))}
@media(max-width:600px){.kenh-app{width:56px;height:56px;min-height:56px;padding:8px}.kenh-logo-nut{width:38px;height:38px}}