.cbn-dai{margin:14px 0 6px}.cbn-hang{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 16px 10px;display:flex;overflow-x:auto}.cbn-hang::-webkit-scrollbar{display:none}.cbn{scroll-snap-align:center;cursor:pointer;text-align:left;min-height:clamp(190px,50vw,270px);box-shadow:0 6px 18px color-mix(in srgb, var(--than) 28%, transparent);-webkit-tap-highlight-color:transparent;border-radius:16px;flex:0 0 min(86vw,520px);justify-content:space-between;align-items:stretch;gap:8px;padding:14px 14px 14px 16px;display:flex;position:relative;overflow:hidden}.cbn-dai.mot .cbn{flex-basis:100%;max-width:560px;margin:0 auto}.cbn:focus-visible{outline:3px solid var(--kim);outline-offset:2px}.cbn-trai{z-index:1;flex-direction:column;flex:58%;justify-content:space-between;align-items:flex-start;min-width:0;display:flex;position:relative}.cbn h3,.cbn-c2,.cbn-gia,.cbn-c1,.cbn-nut{flex-shrink:0}.cbn h3{font:700 clamp(20px, 6vw, 28px)/1.12 var(--ckn-font,var(--f-tieu-de));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.cbn-c1{font:700 12px/1.3 var(--f-than);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:3px 10px;display:inline-block}.cbn-c2{font:500 13.5px/1.35 var(--f-than);opacity:.92;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.cbn-gia{flex-wrap:wrap;align-items:baseline;gap:8px;margin:6px 0 0;display:flex}.cbn-gia b{font:800 clamp(24px, 7.4vw, 34px)/1 var(--f-than)}.cbn-gia s{font:500 14px/1 var(--f-than);opacity:.7}.cbn-nut{min-height:40px;font:700 14.5px/1 var(--f-than);border-radius:999px;align-items:center;margin-top:8px;padding:0 18px;display:inline-flex}.cbn-anh{z-index:1;flex:0 0 40%;place-items:center;display:grid;position:relative}.cbn-anh>img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;max-width:210px;box-shadow:0 8px 20px #00000059}.cbn-tem{z-index:2;width:56px;height:56px;font:800 17px/1 var(--f-than);background:var(--son,#b3261e);color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:rotate(10deg);box-shadow:0 3px 8px #0000004d}.cbn-dam{background:var(--ckn-header,radial-gradient(ellipse 120% 90% at 50% 0%, #172a56 0%, #101c38 55%, var(--than) 90%));color:var(--kem-chu,#d0daec)}.cbn-dam h3{color:#fff}.cbn-dam .cbn-c1{background:color-mix(in srgb, var(--kim) 22%, transparent);color:var(--kim)}.cbn-dam .cbn-gia b{color:var(--kim)}.cbn-dam .cbn-nut{background:var(--vang-dong);color:#eef2f8;box-shadow:inset 0 -3px #00000038}.cbn-dam .cbn-anh>img{box-shadow:0 0 0 4px color-mix(in srgb, var(--kim) 70%, transparent), 0 8px 20px #00000059}.cbn-sang{background:var(--giay);color:var(--chu);border:2px solid var(--dong-sang);box-shadow:0 4px 14px color-mix(in srgb, var(--than) 14%, transparent)}.cbn-sang:before{content:"";border:1px solid color-mix(in srgb, var(--dong-sang) 60%, transparent);pointer-events:none;border-radius:11px;position:absolute;inset:6px}.cbn-sang h3{color:var(--than)}.cbn-sang .cbn-c1{background:color-mix(in srgb, var(--vang-dong) 14%, transparent);color:var(--gia)}.cbn-sang .cbn-gia b{color:var(--gia)}.cbn-sang .cbn-nut{background:var(--vang-dong);color:#eef2f8}.cbn-ruc{background:linear-gradient(120deg, var(--vang-dong) 0%, color-mix(in srgb, var(--vang-dong) 55%, var(--than)) 55%, var(--than) 100%);color:#eef2f8}.cbn-ruc h3{color:#fff;text-shadow:0 2px 8px #00000059}.cbn-ruc .cbn-c1{color:var(--than);background:#fff}.cbn-ruc .cbn-gia b{color:#fff;text-shadow:0 2px 10px #00000059;font-size:clamp(28px,8.5vw,40px)}.cbn-ruc .cbn-nut{color:var(--than);background:#fff}.cbn-ruc .cbn-anh>img{box-shadow:0 0 0 4px #ffffffd9,0 8px 20px #00000059}.cbn-anhlon{background:var(--than);color:#fff}.cbn-nen{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cbn-anhlon:after{content:"";background:linear-gradient(90deg,#000000c7 0%,#00000073 55%,#0000000d 100%);position:absolute;inset:0}.cbn-anhlon h3{color:#fff}.cbn-anhlon .cbn-c1{background:var(--kim);color:var(--than)}.cbn-anhlon .cbn-gia b{color:var(--kim)}.cbn-anhlon .cbn-nut{background:var(--vang-dong);color:#eef2f8}.cbn-art{background:var(--than);aspect-ratio:16/9;min-height:0;padding:0}.cbn-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cbn-nut-goc{z-index:2;background:var(--vang-dong);color:#eef2f8;margin:0;position:absolute;bottom:12px;right:12px;box-shadow:0 3px 10px #00000059}.cbn-lua{color:#e3e9f3;background:radial-gradient(circle at 88% 12%,#809ccb 0,#809ccb00 36%),linear-gradient(135deg,#d32020 0%,#8e1010 100%)}.cbn-lua h3{color:#fff;text-shadow:0 2px 8px #0000004d}.cbn-lua .cbn-c1{color:#5a1010;background:#e4bc65}.cbn-lua .cbn-gia b{color:#e4bc65}.cbn-lua .cbn-nut{color:#5a1010;background:#e4bc65;box-shadow:inset 0 -3px #0000002e}.cbn-lua .cbn-anh>img,.cbn-lua .cbn-anh .cb-tile{box-shadow:0 0 0 4px #e4bc65,0 8px 20px #0006}.cbn-lua .cbn-tem{clip-path:polygon(50% 0%,60.6% 10.4%,75% 6.7%,79% 21%,93.3% 25%,89.6% 39.4%,100% 50%,89.6% 60.6%,93.3% 75%,79% 79%,75% 93.3%,60.6% 89.6%,50% 100%,39.4% 89.6%,25% 93.3%,21% 79%,6.7% 75%,10.4% 60.6%,0% 50%,10.4% 39.4%,6.7% 25%,21% 21%,25% 6.7%,39.4% 10.4%);color:#8e1010;width:74px;height:74px;box-shadow:none;background:#e4bc65;border-radius:0;font-size:18px;top:6px;right:8px;transform:rotate(8deg)}.cbn-la{color:#e6f8d8;background:radial-gradient(circle at 100% 0,#ffffff24 0 22%,#0000 23%),radial-gradient(circle at 0 100%,#ffffff1a 0 26%,#0000 27%),linear-gradient(140deg,#23903f 0%,#0e4a24 100%)}.cbn-la h3{color:#fff}.cbn-la .cbn-c1{color:#0e4a24;background:#c8f169}.cbn-la .cbn-gia b{color:#ddf9a0}.cbn-la .cbn-nut{color:#0e4a24;background:#c8f169}.cbn-la .cbn-anh>img,.cbn-la .cbn-anh .cb-tile{border-radius:50% 0;box-shadow:0 0 0 4px #c8f169,0 8px 20px #00000059}.cbn-bien{color:#dce8ff;background:linear-gradient(160deg,#2f6bf0 0%,#1b2f85 100%)}.cbn-bien:after{content:"";pointer-events:none;background:radial-gradient(circle at 12px 0,#0000 11px,#ffffff29 12px) 0 100%/24px 16px repeat-x;height:16px;position:absolute;bottom:0;left:0;right:0}.cbn-bien h3{color:#fff}.cbn-bien .cbn-c1{color:#fff;background:#ffffff2e}.cbn-bien .cbn-gia b{color:#1b2f85;background:#edd39a;border-radius:999px;padding:3px 12px;font-size:clamp(20px,6.2vw,28px)}.cbn-bien .cbn-gia s{color:#dce8ff}.cbn-bien .cbn-nut{color:#1b2f85;background:#edd39a}.cbn-bien .cbn-anh>img,.cbn-bien .cbn-anh .cb-tile{box-shadow:0 0 0 4px #ffffffe6,0 8px 20px #00000059}.cbn-hoang{color:#f4f6fa;background:linear-gradient(120deg,#7c99ca 0%,#f43f5e 55%,#7c3aed 100%)}.cbn-hoang .cbn-anh:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#cbd6ea 0 55%,#cbd6ea40 56% 72%,#0000 73%);border-radius:50%;width:96%;position:absolute}.cbn-hoang h3{color:#fff;text-shadow:0 2px 8px #00000040}.cbn-hoang .cbn-c1{color:#be123c;background:#fff}.cbn-hoang .cbn-gia b{color:#fff;text-shadow:0 2px 10px #0000004d}.cbn-hoang .cbn-nut{color:#be123c;background:#fff}.cbn-hoang .cbn-anh>img,.cbn-hoang .cbn-anh .cb-tile{max-width:180px;position:relative;box-shadow:0 0 0 4px #fff,0 8px 20px #0000004d}.cbn-hoang .cbn-tem{color:#be123c;background:#fff}.cbn-tim{color:#fbebff;background:radial-gradient(circle at 20% 80%,#ffffff29 0 6px,#0000 7px) 0 0/46px 46px,linear-gradient(135deg,#8b5cf6 0%,#db2777 100%)}.cbn-tim h3{color:#fff}.cbn-tim .cbn-c1{color:#7c2d92;background:#fff}.cbn-tim .cbn-gia b{color:#cbd6ea}.cbn-tim .cbn-nut{color:#6d28d9;background:#fff}.cbn-tim .cbn-anh>img,.cbn-tim .cbn-anh .cb-tile{border:6px solid #fff;border-bottom-width:20px;border-radius:8px;max-width:170px;transform:rotate(-5deg);box-shadow:0 10px 22px #00000059}.cbn-kem{color:#12254f;background:radial-gradient(circle at 0 100%,#c1cfe6 0 34%,#0000 35%),#e8edf5;border:2px dashed #859fcd;flex-direction:row-reverse}.cbn-kem .cbn-trai{align-items:flex-start}.cbn-kem h3{color:#12254f}.cbn-kem .cbn-c1{color:#fff;background:#0b48d7}.cbn-kem .cbn-gia b{color:#0b48d7}.cbn-kem .cbn-nut{color:#fff;background:#0b48d7}.cbn-kem .cbn-anh>img,.cbn-kem .cbn-anh .cb-tile{border-radius:28%;box-shadow:0 0 0 4px #fff,0 8px 18px #182f6640}.cbn-den{color:#c8d3e5;background:repeating-linear-gradient(115deg,#0000 0 18px,#dfaf4912 18px 20px),#141210;border:2px solid #dfaf49;box-shadow:0 6px 18px #0006,inset 0 0 0 4px #141210,inset 0 0 0 5px #dfaf498c}.cbn-den h3{color:#eaca85}.cbn-den .cbn-c1{color:#dfaf49;background:0 0;border:1px solid #dfaf49}.cbn-den .cbn-gia b{color:#dfaf49}.cbn-den .cbn-nut{color:#081023;background:linear-gradient(#eaca85,#c9972a)}.cbn-den .cbn-anh>img,.cbn-den .cbn-anh .cb-tile{box-shadow:0 0 0 3px #dfaf49,0 0 0 7px #141210,0 0 0 8px #dfaf4999}.cbn-den .cbn-tem{color:#141210;background:#dfaf49}.cbn-xua{color:#0d1a38;background:#ebeff7;border:3px double #244eaf;box-shadow:0 4px 12px #0c18332e}.cbn-xua h3{color:#0d1a38}.cbn-xua .cbn-c1{color:#b3261e;background:0 0;border:2px solid #b3261e;border-radius:4px;transform:rotate(-3deg)}.cbn-xua .cbn-gia b{color:#b3261e}.cbn-xua .cbn-nut{color:#fff;background:#b3261e;border-radius:6px}.cbn-xua .cbn-anh>img,.cbn-xua .cbn-anh .cb-tile{filter:sepia(.18);border-radius:10px;box-shadow:0 0 0 3px #ebeff7,0 0 0 5px #244eaf}.cbn-xua .cbn-tem{color:#b3261e;box-shadow:none;background:0 0;border:3px dashed #b3261e}.cb-tile{background:var(--than,#101c38);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.cbn-anh .cb-tile{aspect-ratio:1;border-radius:50%;width:100%;max-width:210px;height:auto;box-shadow:0 8px 20px #00000059}.cb-tile img{object-fit:cover;width:100%;height:100%;display:block}.cb-e{filter:drop-shadow(0 3px 6px #0000004d);font-size:clamp(34px,11vw,64px);line-height:1}.cb-n1 img{position:absolute;inset:0}.cb-n2{grid-template-columns:1fr 1fr;gap:0}.cb-n2 img:first-child{clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.cb-n2 img:last-child{clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);width:122%;margin-left:-22%}.cb-n3,.cb-n4{background:#ffffffd9;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px}.cb-n3 img:first-child{grid-row:span 2}.cb-p-dam{background:radial-gradient(at 50% 0,#172a56,#0c1428)}.cb-p-sang{background:#d0daec}.cb-p-ruc{background:linear-gradient(135deg,#b0862b,#172a56)}.cb-p-lua{background:linear-gradient(135deg,#1d5df3,#8e1010)}.cb-p-la{background:linear-gradient(135deg,#2fa14f,#0e4a24)}.cb-p-bien{background:linear-gradient(135deg,#3b82f6,#1b2f85)}.cb-p-hoang{background:linear-gradient(135deg,#7c99ca,#f43f5e 60%,#7c3aed)}.cb-p-tim{background:linear-gradient(135deg,#8b5cf6,#db2777)}.cb-p-kem{background:linear-gradient(135deg,#d0daec,#94abd3)}.cb-p-den{background:linear-gradient(135deg,#131929,#080a0e)}.cb-p-xua{background:linear-gradient(135deg,#d4dded,#e2c78c)}.mon-anh .cb-tile{border-radius:inherit}@media (prefers-reduced-motion:no-preference){.cbn-hang.tu-chay{scroll-snap-type:none}}.cbn-hang.tu-chay{scroll-snap-type:none}.cbn-dai.xep{--xb-w:min(80vw, 480px);--xb-h:clamp(252px, 66vw, 310px);margin:10px 0 2px;padding:0;overflow:hidden}.cbn-bo{width:100%;height:calc(var(--xb-h) + 50px);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.cbn-bo>.cbn{width:var(--xb-w);margin-left:calc(var(--xb-w) / -2);height:var(--xb-h);scroll-snap-align:none;transform-origin:50% 100%;will-change:transform, opacity;cursor:grab;flex:none;min-height:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .45s,filter .45s;position:absolute;top:6px;left:50%}.cbn-bo>.cbn:active{cursor:grabbing}.cbn-bo img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.cbn-bo>.cbn[data-o="0"]{z-index:5;box-shadow:0 12px 26px color-mix(in srgb, var(--than) 30%, transparent)}.cbn-bo>.cbn[data-o="1"]{z-index:4;transform:translateX(calc(70% - 70% * var(--kn,0))) translateY(calc(16px - 16px * var(--kn,0))) rotate(calc(5deg - 5deg * var(--kn,0))) scale(calc(.84 + .16 * var(--kn,0)));opacity:calc(.55 + .45 * var(--kn,0));filter:blur(calc(1.2px - 1.2px * var(--kn,0))) saturate(.85)}.cbn-bo>.cbn[data-o="-1"]{z-index:4;transform:translateX(calc(-70% + 70% * var(--kp,0))) translateY(calc(16px - 16px * var(--kp,0))) rotate(calc(-5deg + 5deg * var(--kp,0))) scale(calc(.84 + .16 * var(--kp,0)));opacity:calc(.55 + .45 * var(--kp,0));filter:blur(calc(1.2px - 1.2px * var(--kp,0))) saturate(.85)}.cbn-bo>.cbn[data-o="2"]{z-index:3;opacity:.22;filter:blur(2px)saturate(.8);transform:translate(152%)translateY(42px)rotate(11deg)scale(.7)}.cbn-bo>.cbn[data-o="-2"]{z-index:3;opacity:.22;filter:blur(2px)saturate(.8);transform:translate(-152%)translateY(42px)rotate(-11deg)scale(.7)}.cbn-bo>.cbn[data-o="3"]{z-index:1;opacity:0;pointer-events:none;transform:translate(150%)translateY(60px)rotate(16deg)scale(.6)}.cbn-bo>.cbn[data-o="-3"]{z-index:1;opacity:0;pointer-events:none;transform:translate(-150%)translateY(60px)rotate(-16deg)scale(.6)}.cbn-bo>.cbn[data-o="2"],.cbn-bo>.cbn[data-o="-2"]{pointer-events:none}.cbn-bo>.cbn:not([data-o]):nth-child(n+2){opacity:0;pointer-events:none}.cbn-bo>.cbn.nhay{transition:none!important}.cbn-bo.keo>.cbn{transition:none}.cbn-bo>.cbn.goi-y{animation:.9s ease-in-out cbn-goi-y}@keyframes cbn-goi-y{0%,to{translate:0}35%{translate:-16px}65%{translate:5px}}.cbn-dem{justify-content:center;align-items:center;gap:4px;max-width:560px;min-height:32px;margin:0 auto;padding-bottom:4px;display:flex}.cbn-cham{cursor:pointer;background:0 0;border:0;border-radius:999px;width:24px;height:24px;padding:0;position:relative}.cbn-cham:before{content:"";background:color-mix(in srgb, var(--than) 22%, transparent);border-radius:999px;width:8px;height:8px;margin:-4px 0 0 -4px;transition:width .3s,margin .3s,background .3s;position:absolute;top:50%;left:50%}.cbn-cham.on:before{background:var(--vang-dong);width:22px;margin-left:-11px}.cbn-so{font:700 12.5px/1 var(--f-than);color:color-mix(in srgb, var(--than) 60%, transparent);text-align:center;min-width:30px}.cbn-mui{border:1px solid color-mix(in srgb, var(--than) 18%, transparent);width:34px;height:34px;color:var(--than);font:600 22px/1 var(--f-than);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;place-items:center;padding:0 0 3px;display:grid}@media (prefers-reduced-motion:reduce){.cbn-bo>.cbn{transition:none}.cbn-bo>.cbn.goi-y{animation:none}}