/* Khối "Mã đặt hàng" trên trang SP — PRODUCT-MODEL.md §5. Chỉ token DS 2.1 (tokens.css nạp sẵn mọi trang). */
.tkt-items-table { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-16); background: var(--bg-pure); overflow: hidden; }
.tkt-items-table__group { margin: 0; padding: var(--s-3) var(--s-5) var(--s-2); font-size: 12px; font-weight: var(--w-bold); letter-spacing: .12em; color: var(--tkt-blue-600); background: var(--bg-elev); }
.tkt-items-row { display: grid; grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) minmax(130px, 170px) auto; gap: var(--s-4); align-items: center; padding: var(--s-4) var(--s-5); border-top: 1px solid var(--line-soft); scroll-margin-top: 120px; }
.tkt-items-row:target { box-shadow: inset 3px 0 0 var(--tkt-blue-600); background: var(--bg-elev); }
.tkt-items-row__code { font: 12px/1.4 var(--font-mono); color: var(--fg-3); overflow-wrap: anywhere; }
.tkt-items-row__name { display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.4; font-weight: var(--w-demi); color: var(--fg-1); }
.tkt-items-row__variant { font-size: 13px; font-weight: var(--w-book); color: var(--fg-3); }
.tkt-items-row__mark { align-self: flex-start; margin-top: 4px; padding: 2px 8px; border-radius: var(--r-pill); font-size: 11px; font-weight: var(--w-bold); color: var(--tkt-orange-700); background: var(--tkt-orange-050); }
.tkt-items-row__cost { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.tkt-items-row__price { font-size: 17px; font-weight: var(--w-bold); color: var(--fg-1); font-variant-numeric: tabular-nums; }
.tkt-items-row__list { font-size: 12px; color: var(--fg-caption); font-variant-numeric: tabular-nums; }
.tkt-items-row__ask { font-size: 14px; font-weight: var(--w-demi); color: var(--fg-3); }
.tkt-items-block__note { margin: var(--s-3) 0 0; font-size: 13px; color: var(--fg-caption); }
.tkt-items-compat { margin-top: var(--s-6); border: 1px solid var(--line); border-radius: var(--r-16); overflow: hidden; }
.tkt-items-compat__list { list-style: none; margin: 0; padding: var(--s-2) var(--s-5) var(--s-4); display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--s-2) var(--s-6); }
.tkt-items-compat__list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-2); min-height: 44px; padding-top: var(--s-2); }

@media (max-width: 767px) {
	.tkt-items-row { grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2) var(--s-3); padding: var(--s-4); }
	.tkt-items-row__code { grid-column: 1 / -1; }
	.tkt-items-row__cta { grid-column: 1 / -1; justify-content: center; min-height: 44px; }
}