/* Tab "Ưu đãi" ở quầy (tiền tố ud-, 02/11/2026): trang đứng yên, chỉ vùng danh sách thẻ cuộn. Chỉ xem. */
.ud-trang { display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 0; }
.ud-thanh { flex: none; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ud-thanh .o-tim { flex: 1; min-width: 220px; max-width: 520px; height: 44px; }
.ud-dem { font-size: max(12.5px, calc(13px * var(--co-chu))); color: var(--chu-phu); font-weight: 500; }
.ud-ds { flex: 1; min-height: 0; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 14px; align-content: start; padding: 2px 2px 12px; }
.ud-the { display: flex; flex-direction: column; gap: 12px; background: #fff; border: 1px solid var(--vien); border-radius: 16px; padding: 16px 18px; min-width: 0; }
.ud-the-dau { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ud-the-ten { min-width: 0; }
.ud-the-ten h2 { margin: 0; font-size: calc(17px * var(--co-chu)); font-weight: 700; color: var(--xanh-dam); line-height: 1.25; overflow-wrap: anywhere; }
.ud-the-ten p { margin: 4px 0 0; font-size: max(12.5px, calc(13px * var(--co-chu))); color: var(--chu-phu); line-height: 1.35; }
.ud-ma { flex: none; padding: 2px 9px; border-radius: 999px; background: #EEF4EC; color: var(--xanh-dam); font-size: max(12.5px, calc(12.5px * var(--co-chu))); font-weight: 700; letter-spacing: .02em; }
.ud-muc { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #F0FBF2; }
.ud-muc-dong { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ud-muc-gia { font-size: calc(19px * var(--co-chu)); font-weight: 700; color: var(--xanh-rung); font-variant-numeric: tabular-nums; }
.ud-muc-cho { font-size: max(12.5px, calc(13px * var(--co-chu))); color: var(--chu); font-weight: 500; text-align: right; flex: 1; min-width: 120px; }
.ud-khoi { display: flex; flex-direction: column; gap: 4px; }
.ud-nhan { font-size: max(12.5px, calc(12.5px * var(--co-chu))); font-weight: 700; color: var(--chu-phu); }
.ud-dk { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 3px; }
.ud-dk li { position: relative; padding-left: 14px; font-size: calc(14px * var(--co-chu)); line-height: 1.35; }
.ud-dk li::before { content: ''; position: absolute; left: 2px; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: var(--xanh-rung); }
.ud-trong { font-size: calc(14px * var(--co-chu)); color: var(--chu-phu); }
.ud-bc { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; max-width: 100%; padding: 4px 10px; border-radius: 10px; font-size: calc(13.5px * var(--co-chu)); font-weight: 600; line-height: 1.3; }
.ud-bc.chup { background: #FFF3D6; color: #7A4B00; }
.ud-bc.tu-co { background: #EEF4EC; color: var(--xanh-dam); }
.ud-the-chan { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; border-top: 1px solid #EEEAE0; font-size: max(12.5px, calc(13px * var(--co-chu))); color: var(--chu-phu); }