/* giỏ hàng: nút trên đầu trang, giá, thông báo */
.gio-nut{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;text-decoration:none;flex:none}
.gio-nut:hover{background:rgba(255,255,255,.08)}
.gio-nut svg{width:24px;height:24px}
.gio-dem{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;line-height:19px;text-align:center}
.gio-dem[hidden]{display:none}
@media (max-width:900px){.top .gio-nut{margin-left:auto}.top .gio-nut+.btn{margin-left:0}}
@media (max-width:420px){.top .wrap{gap:6px;padding:0 14px}.top .logo img{height:24px;width:auto}.top .logo .na{font-size:10px;padding:0 4px;margin-left:2px}.top .gio-nut{width:38px;height:38px}.top .btn{padding:8px 11px;font-size:13.5px;gap:5px}.top .btn svg{width:16px;height:16px}}

.gia-ban{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:22px 0 0}
.gia-ban b{font-size:32px;font-weight:900;color:var(--red-d);letter-spacing:-.01em}
.gia-ban s{font-size:18px;color:var(--muted)}
.gia-giam{font-size:13px;font-weight:800;color:#fff;background:var(--red);border-radius:999px;padding:2px 9px;align-self:center}
.gia-vat{width:100%;font-size:13px;color:var(--muted)}
.mua{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 10px}
.sl{display:flex;align-items:center;border:1px solid #d3d6db;border-radius:999px;overflow:hidden;background:#fff}
.sl button{width:42px;height:48px;border:0;background:none;font:inherit;font-size:20px;cursor:pointer;color:var(--text)}
.sl button:hover{background:var(--bg-2)}
.sl input{width:44px;height:48px;border:0;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield}
.sl input::-webkit-inner-spin-button,.sl input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.btn-vien{border-color:var(--red);color:var(--red-d);background:#fff}
.btn-vien:hover{background:#fff4f3}
.giao{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:14.5px;color:var(--muted)}
.giao li{display:flex;gap:8px;align-items:flex-start}
.giao svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--red)}
.giao b{color:var(--text)}

.card-gia{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:4px}
.card-gia b{font-size:18px;font-weight:900;color:var(--red-d)}
.card-gia s{font-size:13px;color:var(--muted)}
.card-gia .gia-giam{font-size:11px;padding:1px 7px}

.gio-bao{position:fixed;left:50%;bottom:20px;z-index:80;transform:translate(-50%,140%);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center;max-width:calc(100% - 32px);background:var(--ink);color:#fff;border-radius:14px;padding:14px 20px;box-shadow:0 12px 36px rgba(0,0,0,.35);font-size:15px;transition:transform .25s}
.gio-bao.hien{transform:translate(-50%,0)}
.gio-bao a{color:#ff8a82;font-weight:700;text-decoration:none;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.gio-bao{transition:none}}
.pd .gia-ban{margin-top:0}
.pd .giao{margin-bottom:24px}
.pd-spec+.pd-gia{margin-top:14px}