.hui-hero{position:relative;overflow:hidden;border-radius:18px;margin:4px 0 18px;padding:34px 44px;min-height:290px;display:flex;align-items:center;gap:28px;color:#fff;
 background:radial-gradient(120% 150% at 88% 15%,#2b8bb0 0%,#18607d 38%,#0f3c52 72%,#0b2f41 100%);box-shadow:0 14px 34px rgba(11,47,65,.28);font-family:"Roboto Condensed",-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.hui-hero:before{content:"";position:absolute;right:-60px;top:-40px;width:560px;height:380px;opacity:.14;pointer-events:none;transform:rotate(-12deg);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 300'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3'%3E%3Crect x='10' y='10' width='420' height='280'/%3E%3Cline x1='220' y1='10' x2='220' y2='290'/%3E%3Cline x1='150' y1='10' x2='150' y2='290'/%3E%3Cline x1='290' y1='10' x2='290' y2='290'/%3E%3Cline x1='10' y1='150' x2='150' y2='150'/%3E%3Cline x1='290' y1='150' x2='430' y2='150'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.hui-hero:after{content:"";position:absolute;left:-80px;bottom:-120px;width:420px;height:240px;background:linear-gradient(90deg,rgba(232,35,28,.55),rgba(232,35,28,0));transform:rotate(-14deg);filter:blur(6px);pointer-events:none}
.hui-hero .hh-l{position:relative;z-index:2;flex:1 1 56%;min-width:0}
.hui-hero .hh-ey{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#d8f5ff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:999px}
.hui-hero .hh-ey i{width:9px;height:9px;border-radius:50%;background:#c6ff3d;box-shadow:0 0 0 4px rgba(198,255,61,.2)}
.hui-hero h2.hh-t{margin:14px 0 10px;font-size:50px;line-height:1.02;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.hui-hero .hh-sale{display:inline-flex;align-items:baseline;gap:8px;margin:0 0 14px;padding:6px 18px 8px;background:linear-gradient(135deg,#ff3b2f,#d7150f);border-radius:10px;transform:skew(-8deg);box-shadow:0 8px 20px rgba(232,35,28,.45)}
.hui-hero .hh-sale span{transform:skew(8deg);display:inline-block}
.hui-hero .hh-sale small{font-size:15px;font-weight:700;opacity:.95;text-transform:uppercase}
.hui-hero .hh-sale b{font-size:40px;font-weight:900;line-height:1;letter-spacing:.5px}
.hui-hero .hh-sub{font-size:16px;line-height:1.45;color:#e6f4fa;margin:0 0 16px;max-width:560px}
.hui-hero .hh-sub strong{color:#c6ff3d}
.hui-hero .hh-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.hui-hero .hh-chips li{font-size:13.5px;font-weight:600;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:999px;white-space:nowrap}
.hui-hero .hh-btns{display:flex;gap:10px;flex-wrap:wrap}
.hui-hero .hh-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:800;font-size:15.5px;text-transform:uppercase;letter-spacing:.4px;text-decoration:none!important;transition:transform .15s,box-shadow .15s,background .15s}
.hui-hero .hh-btn.pri{background:#e8231c;color:#fff!important;box-shadow:0 8px 18px rgba(232,35,28,.45)}
.hui-hero .hh-btn.pri:hover{background:#c9140e;transform:translateY(-2px)}
.hui-hero .hh-btn.gh{background:rgba(255,255,255,.08);color:#fff!important;border:1.5px solid rgba(255,255,255,.45)}
.hui-hero .hh-btn.gh:hover{background:#fff;color:#0f3c52!important}
.hui-hero .hh-r{position:relative;z-index:2;flex:0 0 40%;height:240px}
.hui-hero .hh-ball{position:absolute;right:6%;top:4%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8ff8a,#c6ff3d 45%,#9fd620 100%);opacity:.9;filter:blur(.3px);box-shadow:0 0 60px rgba(198,255,61,.35)}
.hui-hero .hh-ball:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.12) 0 5px,transparent 6px) 0 0/34px 34px;opacity:.6}
.hui-hero .hh-card{position:absolute;bottom:6px;width:150px;height:150px;background:#fff;border-radius:18px;box-shadow:0 16px 30px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;padding:10px;animation:hhFloat 5s ease-in-out infinite}
.hui-hero .hh-card img{max-width:100%;max-height:100%;object-fit:contain}
.hui-hero .hh-card.c1{left:0;transform:rotate(-9deg);animation-delay:-1s}
.hui-hero .hh-card.c2{left:50%;margin-left:-92px;width:184px;height:184px;bottom:26px;z-index:2;animation-delay:-2.5s}
.hui-hero .hh-card.c3{right:0;transform:rotate(8deg);animation-delay:-4s}
.hui-hero .hh-stk{position:absolute;right:14px;top:6px;z-index:3;width:86px;height:86px;border-radius:50%;background:#e8231c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 10px 22px rgba(0,0,0,.3);border:3px solid #fff;line-height:1}
.hui-hero .hh-stk small{font-size:11px;font-weight:700;text-transform:uppercase}
.hui-hero .hh-stk b{font-size:26px;font-weight:900}
.hui-hero .hh-brand{position:absolute;right:18px;bottom:12px;z-index:3;font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,.7);text-transform:uppercase}
.hui-col-desc img[src*="banner-danh-muc"],.hui-col-desc img[src*="untitled-1"],.hui-col-desc img[src*="banner-mobile-danh-muc"],.hui-col-desc img[data-src*="banner-danh-muc"]{display:none!important}
@keyframes hhFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.hui-hero .hh-card{animation:none}}
@media (max-width:991px){.hui-hero{padding:28px}.hui-hero h2.hh-t{font-size:40px}.hui-hero .hh-r{flex-basis:38%}.hui-hero .hh-card{width:120px;height:120px}.hui-hero .hh-card.c2{width:148px;height:148px;margin-left:-74px}}
@media (max-width:767px){
 .hui-hero{flex-direction:column;align-items:stretch;padding:22px 18px 16px;gap:10px;border-radius:14px;min-height:0}
 .hui-hero:before{width:360px;height:240px;right:-120px;top:-30px}
 .hui-hero .hh-ey{font-size:11px;padding:5px 10px}
 .hui-hero h2.hh-t{font-size:31px;margin:10px 0 8px}
 .hui-hero .hh-sale b{font-size:28px}.hui-hero .hh-sale small{font-size:12px}.hui-hero .hh-sale{margin-bottom:10px}
 .hui-hero .hh-sub{font-size:14px;margin-bottom:12px}
 .hui-hero .hh-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px 14px;padding:0 18px}
 .hui-hero .hh-chips::-webkit-scrollbar{display:none}
 .hui-hero .hh-chips li{font-size:12.5px}
 .hui-hero .hh-btn{padding:11px 16px;font-size:14px;flex:1;justify-content:center}
 .hui-hero .hh-r{flex:none;height:150px;order:-1;margin:-4px 0 4px}
 .hui-hero .hh-ball{width:110px;height:110px;right:18%;top:0}
 .hui-hero .hh-card{width:96px;height:96px;border-radius:14px;padding:6px}
 .hui-hero .hh-card.c1{left:4%}.hui-hero .hh-card.c3{right:4%}
 .hui-hero .hh-card.c2{width:118px;height:118px;margin-left:-59px;bottom:18px}
 .hui-hero .hh-stk{width:64px;height:64px;right:2px}.hui-hero .hh-stk b{font-size:19px}.hui-hero .hh-stk small{font-size:9px}
 .hui-hero .hh-brand{display:none}
}