/* Nút giỏ trên đầu trang + ngăn kéo giỏ hàng */
.gio-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;color:inherit;background:none;border:0;cursor:pointer}
.gio-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}
.gio-btn i{position:absolute;top:5px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#A6886E;color:#fff;font:600 10px/17px "Josefin Sans",sans-serif;font-style:normal;text-align:center}
.gh-wrap{position:fixed;inset:0;z-index:60;pointer-events:none}
.gh-mo{position:absolute;inset:0;background:rgba(20,15,10,.45);opacity:0;transition:opacity .25s}
.gh{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:#FBF8F4;color:#2C231B;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:-10px 0 30px rgba(20,15,10,.15)}
body.gh-on .gh-wrap{pointer-events:auto}
body.gh-on .gh-mo{opacity:1}
body.gh-on .gh{transform:none}
body.gh-on{overflow:hidden}
.gh-h{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #DCD0C0}
.gh-h b{font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:400}
.gh-x{background:none;border:0;font-size:28px;line-height:1;width:44px;height:44px;cursor:pointer;color:inherit}
.gh-ds{flex:1;overflow:auto;padding:6px 20px}
.gh-d{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #DCD0C0}
.gh-d img{width:72px;aspect-ratio:2/3;object-fit:cover;background:#F6F1EA}
.gh-i{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#6b5d50;min-width:0}
.gh-i>b{font-weight:400;color:#2C231B;font-size:14px}
.gh-r{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.gh-r>b{font-weight:400;color:#2C231B}
.gh-sl{display:flex;align-items:center;border:1px solid #DCD0C0}
.gh-sl button{width:34px;height:34px;background:none;border:0;cursor:pointer;font-size:16px;color:#2C231B}
.gh-sl em{min-width:24px;text-align:center;font-style:normal;color:#2C231B}
.gh-xoa{align-self:flex-start;background:none;border:0;padding:6px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#A6886E;cursor:pointer}
.gh-trong{padding:40px 0;text-align:center;color:#6b5d50}
.gh-f{padding:18px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #DCD0C0}
.gh-t{display:flex;justify-content:space-between;margin-bottom:14px}
.gh-t b{font-weight:400;font-size:18px}
.gh-mua{display:block;text-align:center;background:#2C231B;color:#F6F1EA;padding:16px;font-size:12px;letter-spacing:.28em;text-transform:uppercase}
.gh-n{font-size:12px;color:#6b5d50;margin-top:10px;text-align:center}
.gh-bao{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:70;background:#2C231B;color:#F6F1EA;padding:12px 20px;font-size:13px;box-shadow:0 8px 24px rgba(20,15,10,.25)}