:root{--chinh:#0b4f8a;--cam:rgba(217,58,22,1);--chu:#1d2733;--nen:#f6f8fb;--vien:#d9e0e8;--bo:8px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--chu);background:#fff;line-height:1.6}
main{max-width:1080px;margin:0 auto;padding:16px}
p{text-align:justify}
.bang-gia-mau{background:#fff4d6;border-bottom:2px solid #e0a800;padding:10px 16px;font-weight:700;text-align:center}
.dau-trang{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--vien)}
.dau-trang nav{display:flex;flex-wrap:wrap;gap:14px}
.dau-trang a{color:var(--chinh);text-decoration:none;font-weight:600}
.logo{font-size:1.1em}
h1{font-size:1.6em;line-height:1.3;margin:12px 0}
h2{font-size:1.25em}
h2 a{color:inherit}
.duong-dan{font-size:.9em;color:#5b6773}
.luoi{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.the{border:1px solid var(--vien);border-radius:var(--bo);padding:12px;background:var(--nen)}
.the a{font-weight:700;color:var(--chinh);text-decoration:none}
.the p{text-align:left;margin:6px 0 0}
.gia{color:var(--cam);font-weight:700;font-size:1.12em;white-space:nowrap}
.gia-lon{font-size:1.15em;text-align:left}
.cuon-ngang{overflow-x:auto}
.bang{border-collapse:collapse;width:100%;margin:8px 0}
.bang th,.bang td{border:1px solid var(--vien);padding:8px;vertical-align:top}
.bang th{background:var(--nen);text-align:left}
.bang .so{text-align:right}
.bang .mo-ta td{font-size:.92em;color:#3c4752}
.bang .mo-ta p{margin:2px 0}
.ba-dong{font-size:.92em;color:#3c4752;padding-left:18px}
.nut-dat{display:inline-block;padding:12px 22px;border-radius:var(--bo);border:0;background:var(--cam);color:#fff;font-weight:700;font-size:1em;text-decoration:none}
.nut-dat[disabled]{background:#9aa5b1;cursor:not-allowed}
.nut-noi{position:fixed;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}
.nut-noi a{display:block;width:56px;padding:10px 0;text-align:center;border-radius:28px;background:var(--chinh);color:#fff;font-weight:700;text-decoration:none}
.chan-trang{border-top:1px solid var(--vien);padding:16px;background:var(--nen);font-size:.92em}
.chan-trang p{text-align:left;margin:2px 0}

.bang .tt-bien-the{margin:4px 0 0;font-size:.88em;color:#3c4752;text-align:left}

/* Giỏ hàng, đặt hàng, tra cứu đơn (lượt B) */
.form-gio,.form-dat{margin:12px 0;max-width:640px}
.chon{border:1px solid var(--vien);border-radius:var(--bo);padding:10px 12px;margin:0 0 12px}
.chon legend{font-weight:700;padding:0 6px}
.lua-chon{display:block;padding:8px 0;min-height:44px}
.lua-chon input{width:20px;height:20px;margin-right:8px;vertical-align:middle}
.truong{margin:0 0 12px;text-align:left}
.truong label{display:block;font-weight:600;margin-bottom:4px}
.truong input:not([type=checkbox]):not([type=radio]),.truong select,.truong textarea,.form-dong input{width:100%;min-height:44px;padding:8px 10px;font:inherit;font-size:16px;border:1px solid #9aa5b1;border-radius:var(--bo);background:#fff}
.truong textarea{min-height:88px}
.truong [aria-invalid=true]{border-color:#b00020}
.loi-truong{display:block;color:#b00020;font-weight:600;margin-top:4px;text-align:left}
.loi-chung{background:#fdecea;border:1px solid #b00020;border-radius:var(--bo);padding:10px 12px;color:#7a0016;text-align:left}
.don-thu{background:#fff4d6;border:1px solid #e0a800;border-radius:var(--bo);padding:10px 12px;font-weight:700;text-align:left}
.ghi-nho{font-size:.9em;color:#3c4752;margin:2px 0;text-align:left}
.khoi-con{margin:0 0 8px 28px}
.form-dong{display:flex;gap:6px;align-items:center;margin:0}
.form-dong input{width:84px}
.nut-phu{min-height:44px;padding:8px 14px;font:inherit;font-size:16px;font-weight:600;color:var(--chinh);background:#fff;border:1px solid var(--chinh);border-radius:var(--bo);cursor:pointer}
button.nut-dat{min-height:44px;font-size:16px;cursor:pointer}
.bang-tong{max-width:420px;margin-left:auto}
.bang-tong .tong td{font-weight:700}
.bang-gio td{vertical-align:middle}
.tom-tat{border:1px solid var(--vien);border-radius:var(--bo);padding:8px 12px;background:var(--nen);margin-bottom:12px}
.ma-don{font-size:1.2em;color:var(--chinh)}
.ket-qua{border:1px solid var(--vien);border-radius:var(--bo);padding:8px 12px;margin-top:16px}
.thanh-dat{margin:12px 0;text-align:right}
.form-ma{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.form-ma input{min-height:44px;font:inherit;font-size:16px;padding:6px 10px;border:1px solid var(--vien);border-radius:var(--bo);text-transform:uppercase}
.nhom-ho-so th{background:var(--nen);text-align:left;font-weight:700}
.dong-tu-dong td{color:#3c4752}
.kem-bien-the{font-size:.9em;color:#3c4752;margin:2px 0;text-align:left}
.khoi-thanh-toan{border:1px solid var(--vien);border-radius:var(--bo);padding:8px 12px;margin:16px 0}
.khoi-ck{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.qr-anh{margin:0;flex:0 0 auto;width:300px;max-width:100%;text-align:center}
.qr-anh svg{display:block;width:100%;height:auto;background:#fff}
.qr-anh figcaption{font-size:.95em;margin-top:4px}
.thong-tin-ck{flex:1 1 280px;min-width:0}
.o-sao-chep{margin:0 0 10px;text-align:left}
.o-sao-chep label{display:block;font-weight:600;margin-bottom:4px}
.o-sao-chep input{width:100%;max-width:100%;min-height:44px;padding:8px 10px;font:inherit;font-size:16px;border:1px solid #9aa5b1;border-radius:var(--bo);background:#fff;user-select:all;-webkit-user-select:all}
.noi-dung-ck{font-size:1.05em;font-weight:700;user-select:all;-webkit-user-select:all}
.nut-luu-qr{display:inline-block;min-height:44px;line-height:28px}
.qr-mau{color:#b00020;font-weight:700;border:2px dashed #b00020;padding:6px 10px;border-radius:var(--bo)}
.da-thanh-toan{font-weight:700;color:#1b5e20}

@media (max-width:600px){
  .form-gio,.form-dat{max-width:none}
  .khoi-con{margin-left:0}
  .dau-trang nav{gap:10px}
  body{padding-bottom:76px}
  .nut-noi{top:auto;bottom:84px;transform:none}
  .thanh-dat{position:fixed;left:0;right:0;bottom:0;margin:0;padding:10px 12px;background:#fff;border-top:1px solid var(--vien);z-index:20;text-align:center}
  .thanh-dat .nut-dat{display:block;width:100%;min-height:48px;text-align:center}
  .form-dat .nut-dat,.form-gio .nut-dat{width:100%}
  .bang-tong{max-width:none}
  .khoi-ck{display:block}
  .qr-anh{width:auto;max-width:260px;margin:0 auto 12px}
  .thong-tin-ck,.khoi-thanh-toan{font-size:16px}
  .o-sao-chep input{min-height:44px;font-size:16px}
  .nut-luu-qr{display:block;width:100%;min-height:44px;text-align:center}
}

/* Quản trị tin tức (lượt C): ô nhập không tràn khi màn hình hẹp (input size=60, textarea cols=80, fieldset mặc định không co). */
fieldset{min-width:0}
.o-form{margin:0 0 12px;text-align:left}
.o-form label{display:block;font-weight:600;margin-bottom:4px}
.o-form input,.o-form select,.o-form textarea{width:100%;max-width:100%;min-height:44px;padding:8px 10px;font:inherit;font-size:16px;border:1px solid #9aa5b1;border-radius:var(--bo);background:#fff}
.o-form small{display:block;font-size:.9em;color:#3c4752}
.o-form .loi{color:#b00020;font-weight:600;margin:4px 0 0}
.hanh-dong{display:flex;flex-wrap:wrap;gap:8px}
.hanh-dong button,.form-nho button{min-height:44px;padding:8px 14px;font:inherit;font-size:16px}
.form-nho{display:inline-block;margin:4px 8px 4px 0}
.dau-trang .form-dong{flex-wrap:wrap}