:where(.ht-p-lp) .ht-hai-loi{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;max-width:560px;display:grid}:where(.ht-p-lp) .ht-hai-loi .ht-nut{white-space:nowrap;width:100%;min-width:0}:where(.ht-p-lp) .ht-chot .ht-hai-loi{margin-inline-start:auto;margin-inline-end:auto}:where(.ht-p-lp) .ht-day-nut{gap:8px;display:flex}:where(.ht-p-lp) .ht-day .ht-day-nut .ht-nut{letter-spacing:.08em;gap:10px;width:auto;min-width:0;min-height:48px;padding:0 14px}:where(.ht-p-lp) .ht-day small{white-space:nowrap}@media (min-width:640px){:where(.ht-p-lp) .ht-hai-loi{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.ht-p-lp) .ht-hai-loi .ht-nut{letter-spacing:.07em;gap:12px;padding:0 16px 0 18px;font-size:13.5px}}
.ht-tcd{--w:116px;--g:16px;--phong:1.46;width:100vw;margin:var(--khoi) 0 0 calc(50% - 50vw);color:#e8cf9c;background:radial-gradient(460px 360px at var(--mx,50%) var(--my,45%), #eccc8e26, transparent 70%), repeating-radial-gradient(circle at 20% 30%, #0000000d 0 1px, transparent 1px 3px), radial-gradient(120% 90% at 50% 38%, #4a3b2d 0%, #2d241b 62%, #1f1813 100%);grid-template-columns:minmax(0,1fr);gap:30px;padding:64px 0 56px;display:grid;position:relative;overflow-x:clip;box-shadow:inset 0 1px #e2c58f59,inset 0 -1px #e2c58f59}.ht-tcd-dau{text-align:center;padding:0 var(--le);justify-items:center;gap:14px;display:grid}.ht-tcd .ht-nhan{color:#c9a86a}.ht-tcd .ht-tieu-2{color:#f3e2b8;font-size:40px}.ht-tcd .ht-tieu-2 em{color:#e2c58f}.ht-tcd .ht-phu{color:#cdb994}.ht-tcd-tuong{gap:var(--g);grid-template-columns:minmax(0,1fr);min-width:0;padding:34px 0;display:grid}.ht-tcd:before,.ht-tcd:after{content:"";z-index:4;pointer-events:none;width:10vw;position:absolute;top:0;bottom:0}.ht-tcd:before{background:linear-gradient(90deg,#211a14,#211a1400);left:0}.ht-tcd:after{background:linear-gradient(270deg,#211a14,#211a1400);right:0}.ht-tcd-hang{transform:translateX(var(--lech,0px));opacity:0;translate:calc(var(--huong,-1) * 90px) 0;transition:opacity 1.1s ease calc(var(--i) * .14s), translate 1.6s var(--cong) calc(var(--i) * .14s);position:relative}.ht-tcd-hang:nth-child(2n){--huong:1}.ht-tcd.ht-vao .ht-tcd-hang{opacity:1;translate:0}.ht-tcd-hang:nth-child(2){margin-left:calc((var(--w) + var(--g)) / -2)}.ht-tcd-ray{will-change:transform;width:max-content;display:flex}.ht-tcd-buc{flex:0 0 var(--w);width:var(--w);margin:0 var(--g) 0 0;cursor:pointer;transform-origin:50% 55%;transition:transform .6s var(--cong), filter .5s ease;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.ht-tcd-khung{transition:box-shadow .6s var(--cong);background:linear-gradient(140deg,#f3e6c6 0%,#b89457 30%,#f0dcad 52%,#8f6a36 78%,#d9bd84 100%);padding:5px;box-shadow:0 16px 26px -16px #000000d9}.ht-tcd-khung img{aspect-ratio:3/4;object-fit:cover;object-position:50% 14%;background:var(--the);-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #3c281473}.ht-tcd-buc figcaption{text-align:center;opacity:0;transition:opacity .45s ease 50ms, transform .55s var(--cong) 50ms;pointer-events:none;background:linear-gradient(#18120c00,#18120ce6 48%);gap:3px;padding:30px 8px 9px;display:grid;position:absolute;bottom:5px;left:5px;right:5px;transform:translateY(8px)}.ht-tcd-he{font:600 6.5px/1 var(--f-than);letter-spacing:.26em;text-transform:uppercase;color:#c9a86a}.ht-tcd-buc b{font:500 14px/1.05 var(--f-hien);color:#f6e7c1}.ht-tcd-buc small{font:400 7.5px/1.4 var(--f-than);color:#dccaa3;text-wrap:balance}.ht-tcd-buc:-webkit-any(.ht-tcd-chon,.ht-tcd-noi,:focus-visible){transform:scale(var(--phong)) translateY(-3px);z-index:3}.ht-tcd-buc:-moz-any(.ht-tcd-chon,.ht-tcd-noi,:focus-visible){transform:scale(var(--phong)) translateY(-3px);z-index:3}.ht-tcd-buc:is(.ht-tcd-chon,.ht-tcd-noi,:focus-visible){transform:scale(var(--phong)) translateY(-3px);z-index:3}.ht-tcd-buc:-webkit-any(.ht-tcd-chon,.ht-tcd-noi,:focus-visible) .ht-tcd-khung{box-shadow:0 0 0 1px #f0dcad,0 26px 50px -18px #000,0 0 46px #f0cc8261}.ht-tcd-buc:-moz-any(.ht-tcd-chon,.ht-tcd-noi,:focus-visible) .ht-tcd-khung{box-shadow:0 0 0 1px #f0dcad,0 26px 50px -18px #000,0 0 46px #f0cc8261}.ht-tcd-buc:is(.ht-tcd-chon,.ht-tcd-noi,:focus-visible) .ht-tcd-khung{box-shadow:0 0 0 1px #f0dcad,0 26px 50px -18px #000,0 0 46px #f0cc8261}.ht-tcd-buc:-webkit-any(.ht-tcd-chon,.ht-tcd-noi,:focus-visible) figcaption{opacity:1;transform:none}.ht-tcd-buc:-moz-any(.ht-tcd-chon,.ht-tcd-noi,:focus-visible) figcaption{opacity:1;transform:none}.ht-tcd-buc:is(.ht-tcd-chon,.ht-tcd-noi,:focus-visible) figcaption{opacity:1;transform:none}.ht-tcd-hang:has(.ht-tcd-chon,.ht-tcd-noi,:focus-visible){z-index:2}.ht-tcd-co-chon .ht-tcd-buc:not(.ht-tcd-chon),.ht-tcd-tuong.ht-tcd-co-noi .ht-tcd-buc:not(.ht-tcd-noi){filter:saturate(.4)brightness(.55)}.ht-tcd-tuong:has(:focus-visible) .ht-tcd-buc:not(:focus-visible){filter:saturate(.4)brightness(.55)}@media (hover:hover) and (pointer:fine){.ht-tcd-cham{display:none}}@media not ((hover:hover) and (pointer:fine)){.ht-tcd-chuot{display:none}}.ht-tcd-chan{text-align:center;padding:0 var(--le);justify-items:center;gap:10px;display:grid}.ht-tcd-chan .ht-nho{color:#b9a37c;letter-spacing:.04em}.ht-tcd-chan .ht-lien{color:#f3e2b8}@media (min-width:900px){.ht-tcd{--w:164px;--g:24px;--phong:1.36;gap:30px;padding:80px 0 72px}.ht-tcd .ht-tieu-2{font-size:52px}.ht-tcd-tuong{padding:40px 0}.ht-tcd-he{font-size:7.5px}.ht-tcd-buc b{font-size:19px}.ht-tcd-buc small{font-size:9.5px}.ht-tcd-buc figcaption{padding:40px 10px 11px}}.ht-tcd-tinh .ht-tcd-hang{scrollbar-width:none;margin-left:0;overflow-x:auto;transform:none}.ht-tcd-tinh .ht-tcd-hang::-webkit-scrollbar{display:none}.ht-tcd-tinh [data-phu]{display:none}.ht-tcd-tinh .ht-tcd-tuong{padding-inline:var(--le)}.ht-tcd-tinh:before,.ht-tcd-tinh:after{display:none}