/* Ưu đãi xả kho: cửa sổ gợi ý, khối ở trang giỏ hàng, thông báo đơn vừa đặt */
.qh-up{border:1px solid #ffd9b3}
.qh-up .qh-card__title{color:#b45309}
.qh-up__lead{margin:0 0 10px;font-size:13px;color:#6b7280}
.qh-up__list{list-style:none;margin:0;padding:0}
.qh-up__row{border-top:1px solid #f1f2f4}
.qh-up__row:first-child{border-top:0}
.qh-up__row label{display:grid;grid-template-columns:22px 56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;cursor:pointer}
.qh-up__row img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff}
.qh-up__name{font-size:14px;font-weight:600;color:#1b2430;line-height:1.35}
.qh-up__price{text-align:right;font-size:14px;white-space:nowrap}
.qh-up__price b{color:#d0021b;font-size:15px}
.qh-up__price s{color:#8a919c;font-size:12px}
.qh-up__price em{font-style:normal;color:#b45309;font-weight:700;font-size:12px}
.qh-up__chk{width:20px;height:20px}
.qh-up.is-busy{opacity:.6;pointer-events:none}
@media (max-width:600px){.qh-up__row label{grid-template-columns:22px 48px minmax(0,1fr)}.qh-up__price{grid-column:2 / -1;text-align:left}}
/* Cửa sổ gợi ý */
.qh-upm{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.5);opacity:0;transition:opacity .25s}
.qh-upm.is-open{opacity:1}
.qh-upm__box{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:20px 20px 16px;box-shadow:0 20px 60px rgba(15,23,42,.3);transform:translateY(14px) scale(.98);transition:transform .25s}
.qh-upm.is-open .qh-upm__box{transform:none}
.qh-upm__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.qh-upm__title{margin:0;font-size:18px;font-weight:800;color:#b45309}
.qh-upm__x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:#6b7280}
.qh-upm__msg{margin:10px 0 12px;font-size:14px;line-height:1.5;color:#1b2430}
.qh-upm__item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #f1f2f4}
.qh-upm__item img{width:64px;height:64px;object-fit:contain;border-radius:8px}
.qh-upm__nm{font-size:14px;font-weight:600;color:#1b2430;line-height:1.35}
.qh-upm__pr{margin-top:4px;font-size:13px}
.qh-upm__pr b{color:#d0021b;font-size:15px}
.qh-upm__pr s{color:#8a919c;margin-left:6px}
.qh-upm__pr em{font-style:normal;color:#b45309;font-weight:700;margin-left:6px}
.qh-upm__add{border:0;border-radius:8px;background:#1c348d;color:#fff;font-weight:700;font-size:14px;padding:10px 14px;cursor:pointer;white-space:nowrap}
.qh-upm__add[disabled]{background:#16a34a;cursor:default}
.qh-upm__foot{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.qh-upm__foot a,.qh-upm__foot button{border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}
.qh-upm__skip{border:1px solid #d5d9e0;background:#fff;color:#4b5563}
.qh-upm__go{border:1px solid #1c348d;background:#eef3fb;color:#15276b}
@media (max-width:520px){.qh-upm__item{grid-template-columns:56px minmax(0,1fr)}.qh-upm__item img{width:56px;height:56px}.qh-upm__add{grid-column:1 / -1}}
/* Thông báo đơn vừa đặt (đơn thật) */
.qh-toast{position:fixed;left:14px;bottom:14px;z-index:100040;display:flex;gap:10px;align-items:center;max-width:min(340px,calc(100vw - 28px));padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.22);border:1px solid #e5e7eb;transform:translateY(20px);opacity:0;transition:transform .35s,opacity .35s;text-decoration:none;color:#1b2430}
.qh-toast.is-open{transform:none;opacity:1}
.qh-toast img{width:48px;height:48px;object-fit:contain;border-radius:8px;flex:none}
.qh-toast__t{font-size:13px;line-height:1.4}
.qh-toast__t b{font-weight:700}
.qh-toast__a{display:block;font-size:11px;color:#6b7280;margin-top:2px}
.qh-toast__x{position:absolute;top:2px;right:6px;border:0;background:none;color:#9ca3af;font-size:16px;cursor:pointer;line-height:1}
@media (prefers-reduced-motion:reduce){.qh-upm,.qh-upm__box,.qh-toast{transition:none}}
@media (max-width:600px){.qh-toast{bottom:76px}}
