/* Hộp đặt hàng màu xanh theo ảnh của cửa hàng. */
.chi-cho-may-doc{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
body.dang-dat-hang{overflow:hidden}
.hop-dat-hang{color-scheme:light;max-width:calc(100% - 24px);width:500px;max-height:calc(100dvh - 32px);margin:auto;border:1px solid #b8eddf;border-radius:24px;background:linear-gradient(160deg,#079d9a,#236b65);color:#fff;padding:25px 22px;box-shadow:0 24px 110px #041b3177;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9edbd3 transparent}
.hop-dat-hang::backdrop{background:#062333ad;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.hop-dat-hang[open]{animation:mo-don .25s ease-out}
.dau-hop-dat{position:relative;display:flex;align-items:flex-start;gap:10px;justify-content:space-between;margin-bottom:23px}
.dau-hop-dat h2{font-size:24px;font-weight:800;line-height:1.35;letter-spacing:-.6px;max-width:360px}
.dong-don{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff5c;border-radius:50%;color:#fff;background:#ffffff12}
.dong-don:hover{background:#ffffff30}
.dong-don svg{width:16px;height:16px}
.du-lieu-don{border:0;padding:0;margin:0;min-width:0}
.truong-don{display:block;margin:0 0 16px}
.truong-don>span{display:block;font-size:12px;font-weight:650;margin-bottom:8px;padding-left:2px}
.truong-don>span small{font-weight:400;font-size:11px;opacity:.85}
.truong-don input,.truong-don textarea{display:block;width:100%;min-height:48px;background:#fff;color:#14344c;border:2px solid #8cccc9;outline:2px solid #e5f9f8;outline-offset:3px;border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.45;resize:vertical;box-shadow:inset 0 1px 4px #244c580b}
.truong-don input::placeholder,.truong-don textarea::placeholder{color:#6c8189;opacity:1}
.truong-don input:focus,.truong-don textarea:focus{outline-color:#fff;box-shadow:0 0 0 6px #c7fff522;border-color:#00b4a3}
.cac-goi-trong-don{border:2px solid #a4d4d1;outline:2px solid #ecfafa;outline-offset:3px;border-radius:12px;background:#fff;color:#123449;padding:0 10px;margin:27px 0 22px;min-width:0}
.cac-goi-trong-don legend{float:left;width:100%;padding:13px 5px 3px;font-size:12px;font-weight:700;color:#5f777f}
.cac-goi-trong-don label{clear:both;display:flex;align-items:center;gap:11px;padding:13px 5px;cursor:pointer;border-bottom:1px solid #e4eeee;border-radius:9px;transition:background .2s}
.cac-goi-trong-don label:last-child{border-bottom:0}
.cac-goi-trong-don label:has(input:checked){background:#eaf8f5}
.cac-goi-trong-don input{width:17px;height:17px;flex:none;accent-color:#07877e;margin:0}
.cac-goi-trong-don label>span{display:grid;gap:6px;min-width:0}
.cac-goi-trong-don strong{font-size:13px;line-height:1.4;font-weight:700}
.cac-goi-trong-don b{font-size:16px;color:#056f69;line-height:1.5}
.cac-goi-trong-don small{font-size:11px;color:#496771;font-weight:500;display:inline-block}
.cac-goi-trong-don em{font-size:11px;font-style:normal;color:#227f64}
.so-luong-don{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;font-size:13px}
.so-luong-don input{width:75px;min-height:40px;border:1px solid #afdbd5;border-radius:10px;padding:7px 9px;background:#fff;color:#153a40;text-align:center}
.truong-phu{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.tong-ket-don{margin:22px 0 16px;font-size:13px}
.tong-ket-don>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:11px 0}
.tong-ket-don dd{margin:0;text-align:right;flex-shrink:0}
.tong-ket-cuoi{padding-top:15px;border-top:1px solid #ffffff40;font-weight:700}
.tong-ket-cuoi dd{font-size:25px;letter-spacing:-.6px}
.don-qua-tang{font-size:12px;margin:0 0 16px;line-height:1.5;color:#d3ffe9}
.nut-gui-don{display:block;width:100%;min-height:52px;border:1px solid #fff4;border-radius:999px;padding:14px 20px;background:#fff;color:#086f68;font-weight:750;font-size:16px;box-shadow:0 6px 24px #082d401c;transition:background .2s,transform .2s}
.nut-gui-don:hover{background:#e6fff4;transform:translateY(-1px)}
.nut-gui-don:disabled{transform:none;opacity:.75}
.ghi-chu-quyen-rieng{font-size:11px;line-height:1.6;text-align:center;color:#dcf5ee;margin:12px 5px 0}
#trang-thai-gui-don:empty{display:none}
#trang-thai-gui-don{margin-top:14px;font-size:13px;line-height:1.65;padding:12px 14px;border-radius:12px;background:#ffffff15}
#trang-thai-gui-don.co-loi{background:#fff2da;color:#6b3718}
.don-thanh-cong{text-align:center;padding:16px 0 10px}
.dau-tich-don{display:grid;place-items:center;margin:0 auto 20px;width:66px;height:66px;border-radius:50%;background:#dcfff0;color:#07816c}
.dau-tich-don svg{width:36px;height:36px}
.don-thanh-cong h3{font-size:27px;margin-bottom:18px}
.don-thanh-cong p{font-size:14px;line-height:1.7;margin-bottom:14px;overflow-wrap:anywhere}
.don-thanh-cong .nut-gui-don{margin-top:24px}
[hidden]{display:none!important}
@keyframes mo-don{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:600px){.hop-dat-hang{padding:22px 17px;max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.dau-hop-dat{margin-bottom:20px;gap:6px}.dau-hop-dat h2{font-size:21px;letter-spacing:-.5px;max-width:300px}.cac-goi-trong-don strong{font-size:12px}.cac-goi-trong-don small{font-size:11px}.cac-goi-trong-don label{gap:9px}.cac-goi-trong-don{padding-inline:7px}.tong-ket-cuoi dt{max-width:175px}.tong-ket-cuoi dd{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hop-dat-hang[open]{animation:none}}