/* VITIMEX v11 – Giỏ hàng & đặt hàng (assets/vtm-cart.css). JS: assets/vtm-cart.src.js · cấu hình: snippets/vtm-cart-plus.liquid */
.vtm-hide{display:none!important}
/* 1. thanh freeship */
.vtm-free{margin:0 0 14px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;font-size:14px;line-height:1.4;color:#000102}
.vtm-free[hidden]{display:none}
.vtm-free__t{display:flex;align-items:center}
.vtm-free__t svg{flex:0 0 22px;width:22px;height:22px;margin-right:8px;fill:none;stroke:#000102;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vtm-free__t.is-ok{color:#0f7a3d}
.vtm-free__t.is-ok svg{stroke:#0f7a3d;stroke-width:2.2}
.vtm-free__bar{position:relative;height:6px;margin-top:9px;border-radius:6px;background:#e5e7eb;overflow:hidden}
.vtm-free__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:#000102;transition:width .5s ease}
.vtm-free__bar.is-ok i{background:#0f7a3d}
#cart-page .cart-heading + .vtm-free{margin-top:4px}
#minicart .vtm-free--mini{margin:0 0 12px;padding:10px 12px;font-size:13px}
/* 2. gợi ý món thêm */
.vtm-addons{margin:16px 0 4px;padding:14px 0 4px;border-top:1px dashed #e5e7eb}
.vtm-addons[hidden]{display:none}
.vtm-addons__h b{display:block;font-size:15px;line-height:1.35;color:#000102}
.vtm-addons__h span{display:block;margin-top:2px;font-size:13px;color:#6b7280}
.vtm-addons__list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:12px -4px 0;padding:0 0 8px}
.vtm-add{flex:0 0 150px;width:150px;margin:0 4px;scroll-snap-align:start;display:flex;flex-direction:column;font-size:13px;line-height:1.35}
.vtm-add__img{display:block;position:relative;padding-top:100%;border-radius:8px;overflow:hidden;background:#f3f4f6}
.vtm-add__img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.vtm-add__t{margin-top:7px;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000102}
.vtm-add__p{margin-top:2px;font-weight:700;color:#000102}
.vtm-add__btn{display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin-top:7px;border:1px solid #000102;border-radius:8px;background:#fff;color:#000102;font-size:13px;font-weight:700;cursor:pointer}
.vtm-add__btn svg{width:16px;height:16px;margin-right:4px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.vtm-add.is-open .vtm-add__btn{background:#000102;color:#fff}
.vtm-add__sz{display:flex;flex-wrap:wrap;margin:6px -3px 0}
.vtm-add__sz[hidden]{display:none}
.vtm-add__sz button{min-width:40px;height:34px;margin:3px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#000102;font-size:13px;font-weight:600;cursor:pointer}
.vtm-add__sz button:disabled{color:#b8bcc4;background:#f5f5f5;text-decoration:line-through;cursor:not-allowed}
.vtm-add__sz button.is-loading{opacity:.55;pointer-events:none}
.vtm-add__ok{display:flex;align-items:center;margin:3px;color:#0f7a3d;font-weight:700}
.vtm-add__ok svg{width:16px;height:16px;margin-right:4px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.vtm-add.is-done .vtm-add__btn{display:none}
/* 3. ghi chú đơn gọn */
#cart-page .vtm-note{padding-top:14px;padding-bottom:14px}
.vtm-note__toggle{display:flex;align-items:center;width:100%;padding:4px 0;border:0;background:none;color:#000102;font-size:15px;font-weight:700;text-align:left;cursor:pointer}
.vtm-note__toggle:before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border:1px solid #000102;border-radius:50%;font-size:16px;line-height:1;font-weight:500}
.vtm-note__toggle span{margin-left:6px;font-weight:400;color:#6b7280;font-size:13px}
.vtm-note.is-open .vtm-note__toggle:before{content:'–'}
.vtm-note .cart-notes{display:none;margin-top:10px}
.vtm-note.is-open .cart-notes{display:block}
.vtm-note textarea{min-height:84px;font-size:16px}
/* mã khuyến mãi: chỉ còn lời hướng dẫn (ô nhập cũ không hoạt động) */
#cart-page .vtm-cart-discount--hint p{margin:6px 0 0;font-size:13px;line-height:1.45;color:#4b5563}
/* nút đặt hàng + cam kết */
#cart-page .vtm-next{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#4b5563;text-align:center}
.vtm-trust{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #eef0f2}
.vtm-trust li{display:flex;align-items:flex-start;margin:0 0 8px;font-size:13.5px;line-height:1.4;color:#1f2937}
.vtm-trust li:last-child{margin-bottom:0}
.vtm-trust svg{flex:0 0 18px;width:18px;height:18px;margin:1px 8px 0 0;fill:none;stroke:#0f7a3d;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vtm-trust a{color:#000102;font-weight:700;text-decoration:underline}
/* thanh dính (mobile): dòng phụ dưới tổng tiền */
#cart-page .summary-action .vtm-sa-note{display:none}
@media (max-width:767px){
  #cart-page .cart-summary .summary-action .vtm-sa-note{display:block;grid-column:1;grid-row:2;max-height:2.5em;overflow:hidden;font-size:11.5px;line-height:1.25;font-weight:600;color:#4b5563}
  #cart-page .cart-sticky > .vtm-quick{margin:14px 12px 0}
  #cart-page .cart-summary .summary-action .vtm-order-info-toggle{display:none!important}
  #cart-page .cart-summary .summary-action #checkout{font-size:15px}
}
/* 4. ĐẶT NHANH */
.vtm-quick{margin-top:14px;border:1.5px solid #000102;border-radius:12px;background:#fff;overflow:hidden}
.vtm-quick__open{display:flex;align-items:center;width:100%;padding:14px 14px;border:0;background:#fff;color:#000102;text-align:left;cursor:pointer}
.vtm-quick__open svg{flex:0 0 26px;width:26px;height:26px;margin-right:10px;fill:none;stroke:#000102;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vtm-quick__open span{flex:1 1 auto;min-width:0}
.vtm-quick__open b{display:block;font-size:15px;line-height:1.3}
.vtm-quick__open small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:#4b5563}
.vtm-quick__open i{flex:0 0 auto;margin-left:8px;font-style:normal;font-size:22px;line-height:1;transition:transform .2s}
.vtm-quick.is-open .vtm-quick__open i{transform:rotate(90deg)}
.vtm-quick__form{padding:0 14px 14px}
.vtm-quick:not(.is-open) .vtm-quick__form{display:none}
.vtm-q-sum{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#f5f6f7;font-size:13px;line-height:1.4;color:#1f2937}
.vtm-q-sum:empty{display:none}
.vtm-q-fld{display:block;margin:0 0 10px}
.vtm-q-fld > span{display:block;margin:0 0 4px;font-size:13px;font-weight:700;color:#000102}
.vtm-q-fld > span em{font-style:normal;font-weight:400;color:#6b7280}
.vtm-q-fld input,.vtm-q-fld textarea{display:block;width:100%;height:46px;padding:10px 12px;border:1px solid #cfd4da;border-radius:8px;background:#fff;color:#000102;font-size:16px;line-height:1.3;-webkit-appearance:none;appearance:none;box-shadow:none;outline:none}
.vtm-q-fld textarea{height:auto;min-height:62px;resize:vertical}
.vtm-q-fld input:focus,.vtm-q-fld textarea:focus{border-color:#000102;box-shadow:0 0 0 2px rgba(0,1,2,.12)}
.vtm-q-fld.is-bad input{border-color:#c0262d;box-shadow:0 0 0 2px rgba(192,38,45,.12)}
.vtm-q-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.vtm-q-err{font-size:13.5px;line-height:1.45;color:#b0232b}
.vtm-q-err:empty{display:none}
.vtm-q-err{margin:0 0 10px}
.vtm-q-err span{display:block;margin-bottom:6px}
.vtm-q-err small{display:block;margin-top:6px;font-size:11px;color:#9ca3af}
.vtm-q-fail__t{font-weight:700}
.vtm-q-submit{display:block;width:100%;height:50px;border:0;border-radius:10px;background:#000102;color:#fff;font-size:15px;font-weight:800;letter-spacing:.2px;text-transform:uppercase;cursor:pointer}
.vtm-q-submit:disabled{opacity:.7;cursor:wait}
.vtm-q-small{margin:8px 0 0;font-size:12px;line-height:1.45;color:#6b7280;text-align:center}
.vtm-q-btn{display:flex;align-items:center;justify-content:center;min-height:44px;margin:6px 0 0;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:700;text-align:center;text-decoration:none!important}
.vtm-q-btn--zalo{background:#0068ff;color:#fff!important}
.vtm-q-btn--ghost{border:1px solid #000102;color:#000102!important;background:#fff}
.vtm-q-alt{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#4b5563;text-align:center}
.vtm-q-alt a{color:#000102;font-weight:700;text-decoration:underline}
/* cảm ơn sau khi đặt nhanh */
.vtm-done{max-width:620px;margin:8px auto 28px;padding:26px 22px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;text-align:center;outline:none}
.vtm-done__ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#e8f5ee}
.vtm-done__ic svg{width:30px;height:30px;fill:none;stroke:#0f7a3d;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.vtm-done h2{margin:12px 0 8px;font-size:22px;line-height:1.3;color:#000102}
.vtm-done p{margin:0 0 8px;font-size:15px;line-height:1.55;color:#1f2937}
.vtm-done__id b{font-size:17px;letter-spacing:.5px}
.vtm-done__sum{margin:10px 0;padding:12px 14px;border-radius:10px;background:#f6f7f8;font-size:14px;line-height:1.6;text-align:left}
.vtm-done__pay{color:#0f7a3d!important;font-weight:600}
.vtm-done__act{display:flex;flex-wrap:wrap;justify-content:center;margin:12px -5px 0}
.vtm-done__act .btn,.vtm-done__act .vtm-q-btn{margin:5px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px}
/* giỏ trống */
.vtm-empty{padding:28px 10px 34px;text-align:center}
.vtm-empty svg{width:54px;height:54px;fill:none;stroke:#9ca3af;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.vtm-empty h2{margin:10px 0 6px;font-size:20px;color:#000102}
.vtm-empty p{margin:0 0 12px;font-size:14px;color:#4b5563}
.vtm-empty__cats{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -4px 14px}
.vtm-empty__cats a{margin:4px;padding:9px 14px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#000102;font-size:14px;font-weight:600;text-decoration:none}
.vtm-empty__cats a:hover{border-color:#000102}
.vtm-empty__help{margin-top:14px!important;font-size:13.5px!important}
.vtm-empty__help a{color:#000102;font-weight:700;text-decoration:underline}
/* giỏ nhanh (bên phải): 2 nút */
#minicart .sidebar-foot .line-actions.vtm-mini-acts{display:flex}
#minicart .sidebar-foot .line-actions.vtm-mini-acts .btn{flex:1 1 0;min-width:0}
#minicart .sidebar-foot .line-actions.vtm-mini-acts .btn + .btn{margin-left:8px}
#minicart .vtm-mini-checkout{background:#000102!important;border-color:#000102!important;color:#fff!important}
.vtm-mini-note{margin:8px 0 0;font-size:12px;line-height:1.4;color:#4b5563;text-align:center}
/* thông báo nhỏ */
.vtm-ctoast{position:fixed;left:50%;bottom:92px;z-index:100000;max-width:88vw;padding:10px 16px;border-radius:10px;background:rgba(0,1,2,.92);color:#fff;font-size:14px;line-height:1.4;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .2s,transform .2s,visibility .2s}
.vtm-ctoast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (min-width:992px){
  .vtm-add{flex-basis:160px;width:160px}
  .vtm-done{padding:34px 36px}
}
#cart-page.vtm-cart-empty .vtm-quick,#cart-page.vtm-cart-empty .vtm-trust,#cart-page.vtm-cart-empty .vtm-next{display:none!important}
#minicart .vtm-mini-acts .js-btn-minicart{background:#fff!important;color:#000102!important;border:1px solid #000102!important}
/* nút Zalo/Gọi nổi không che nút đặt hàng khi mở giỏ nhanh */
html.open-minicart .vtm-float-contact,body.open-minicart .vtm-float-contact{display:none!important}
@media (max-width:767px){body.temp-cart .vtm-float-contact{bottom:96px!important}}
/* v14: báo size sắp hết / vượt tồn kho ngay trong giỏ + ghi chú freeship tính sau ưu đãi riêng */
.vtm-stock{margin-top:6px;font-size:12px;line-height:1.4;font-weight:600}
.vtm-stock.is-low{color:#9a5a00}
.vtm-stock.is-bad{color:#A4161A}
.vtm-free__t small{font-size:11px;font-weight:400;color:#5F6066}